/*PADRÃO CSS para todas as páginas*/

ul { list-style: none; }
a:link, a:visited, a:hover, a:active { font-size: 15px; font-family: Verdana; text-decoration: none; color: rgb(238, 232, 232);}
.barra_clara { color: aliceblue;}

/*FONTES DO SITE*/
@font-face {
  font-family: 'coolvetica'; /* Escolha um nome para sua fonte */
  src:url('/fonts/coolveticaCondensedRg.otf') format('otf');
  font-weight: normal; /* Define o peso normal da fonte (opcional) */
  font-style: normal;  /* Define o estilo normal da fonte (opcional) */
}

@font-face {
  font-family: 'arial_'; /* Escolha um nome para sua fonte */
  src:url('/fonts/arial-narrow.ttf') format('ttf');
  font-weight: normal; /* Define o peso normal da fonte (opcional) */
  font-style: normal;  /* Define o estilo normal da fonte (opcional) */
}

/*ELEMENTOS */
.home {
  background-image: url('../imagens/stock/fundo.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 110px;
}

.sobre_ {
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: rgb(2, 10, 1);
  background-image: url('../imagens/stock/fundo_sobre.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.grafico_ {
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: rgb(2, 10, 1);
  background-image: url('../imagens/stock/fundo_grafico.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.media_ {
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: rgb(2, 10, 1);
  background-image: url('../imagens/stock/fundo_media.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.front_ {
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: rgb(2, 10, 1);
  background-image: url('../imagens/stock/fundo_front.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.contato_ {
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: rgb(2, 10, 1);
  background-image: url('../imagens/stock/fundo_contato.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.rodape {
  background-color: rgb(26, 26, 26);
}

.body {
  padding-top: 110px;
}

.imagem_redonda {
  border-radius: 25px;
  box-shadow: 0 4px 8px rgb(0, 0, 0);
}

/*FORMATAÇÃO DE TEXTOS*/
.titulo_01 { 
  font-family: coolvetica;
  color: rgb(83, 212, 0);
}

.titulo_02 { 
  font-family: coolvetica;
  color: rgb(216, 221, 214);
}

.paragrafo_01 {
  font-family: sans-serif;
  color: rgb(238, 232, 232);
  font-size: 16px;
  padding-top: 10px;
}

.paragrafo_01B {
  font-family: sans-serif;
  color: rgb(238, 232, 232);
  font-size: 16px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 15px;
  padding: 30px;
  word-spacing: 0.2em;
}

.paragrafo_02 {
  font-family: sans-serif;
  color: rgb(20, 20, 20);
  font-size: 16px;
}

.paragrafo_02B {
  font-family: sans-serif;
  color: rgb(20, 20, 20);
  font-size: 16px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 15px;
  padding: 30px;
  word-spacing: 0.2em;
}

.btn-personalizado {
  color: #000000; /* Cor do texto */
  background-color: rgb(83, 212, 0); /* Cor de fundo (roxo) */
  border-color: #ffffff; /* Cor da borda */
  padding: 12px;
  border-radius: 6px;
}
/* Você também pode definir como o botão deve se comportar quando o mouse passa por cima */
.btn-personalizado:hover {
  background-color: rgb(68, 170, 4); /* Cor de fundo mais escura no hover */
  border-color: rgb(83, 212, 0); /* Cor da borda mais escura no hover */
}