/* Reset simples */
* {
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.sessao1 {
  position: relative;
  min-height: calc(100vh - var(--altura-cabecalho));
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: var(--altura-cabecalho);
  overflow: hidden;
  color: var(--texto-claro);
  z-index: 1;
  background: #f4f4f4;
  height: 550px; /* altura fixa */
}

.sessao1::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgba(40, 87, 118, 0.383) 90%);
  height: 550px; /* mesma altura do container */
  z-index: 1;
}

/* Container do vídeo */
.video_fundo {
  position: absolute;
  inset: 0;
  height: 550px; /* altura fixa do carrossel */
  overflow: hidden;
  z-index: -1;
}

/* Vídeos dentro do container */
.video_fundo video {
  position: absolute;      /* sobreposição */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;            /* cobre a altura do container */
  object-fit: cover;       /* mantém proporção sem distorcer */
  opacity: 0;              /* invisível por padrão */
  transition: opacity 1s ease; /* fade suave */
  z-index: 0;
}

/* Vídeo ativo */
.video_fundo video.visivel {
  opacity: 1;              /* fade para visível */
  z-index: 1;
}

/* Overlay escuro opcional para legibilidade do texto */
.video_fundo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(5, 12, 24, 0.45),
    rgba(5, 12, 24, 0.6)
  );
  z-index: 2; /* acima dos vídeos */
  pointer-events: none; /* permite clicar nos elementos acima */
}

/* Overlay escuro para legibilidade */
.overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(5, 12, 24, 0.45),
    rgba(5, 12, 24, 0.6)
  );
  z-index: 0;
  pointer-events: none;
}

/* Conteúdo do hero */
.conteudo-hero {
  position: relative;
  z-index: 2;
  max-width: 900px;
  text-align: center;
  padding: 260px 40px 120px;
}
.titulo-principal {
  font-size: clamp(28px, 6.4vw, 56px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  text-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
  margin-bottom: 10px;
   font-family: "Poppins", sans-serif;
     text-align: center;
     color: #fff;
       white-space: nowrap; /* NÃO deixa quebrar linha */
}
.subtitulo {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.95);
  max-width: 920px;
  line-height: 1.6;
  text-align: center;
  font-weight: 300;
   font-family: "Poppins", sans-serif;
}
.botao-acao {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 8px;
  border: 2px solid rgba(255, 255, 255, 0.16);
  color: var(--texto-claro);
  font-weight: 600;
  background: transparent;
  cursor: pointer;
  text-decoration: none;
 color: rgba(255, 255, 255, 0.95);
  border: solid 1px #fff;
   font-family: "Poppins", sans-serif;
     font-weight: 300;
}





/* ---------- HERO CARDS (entre sessao1 e sessao2) ---------- */
/* ================= HERO CARDS MOBILE ================= */

/* Wrapper */

.hero-cards-wrapper {
width:100%;
display:flex;
justify-content:center;
pointer-events:none;
margin-top:-60px;
z-index:60;
position:relative;
padding:5px;

}



/* Container */

.hero-cards {
width:100%;
display:flex;
gap:6px;
align-items:stretch;
pointer-events:auto;

}



/* Card base */

.hero-cards .card {
background:#ffffff;
border-radius:3px;
box-shadow:0 18px 30px rgba(19,19,19,0.12);
overflow:hidden;
display:flex;
align-items:center;
min-height:90px;
flex:1 1 0%;

}



/* Interior */

.card-inner {
width:100%;
display:block;

}



/* ================= CARD NUMERO ================= */

.card-stats {
padding:10px !important;
max-width:100px;
height:120px;
justify-content:center;

}



.card-stats .big-number {
display:block;
font-size:50px;
line-height:0.8;
font-weight:300;
color:#ee6b57;
font-family:"Poppins", sans-serif;

}



.card-stats .small-note {
margin-top:4px;
font-size:15px;
color:#6b6b6b;
text-align:left;
font-weight:300;

}



/* ================= CARD CTA ================= */

.card-cta {
display:flex;
align-items:stretch;
border-radius:6px;
overflow:hidden;
box-shadow:0 18px 30px rgba(19,19,19,0.12);
min-height:90px;
width:100%;

}


/* ================= LADO LARANJA ================= */
.card-cta .cta-left {
  position: relative;
  flex: 1;
  height: 120px;
  display: flex;
  align-items: center;
  padding: 40px 0 0 0;
  color: #fff;
   /* Divisão diagonal: laranja em cima, branco embaixo */
 background: linear-gradient(
    208deg,        /* diagonal do canto superior esquerdo para inferior direito */
    #ffffff 20%, 
    #ffffff 31%, 
    #f06f58 20%  
  );
}
.cta-top{
  line-height: 1.2;
}

/* ================= LADO BRANCO COM DIAGONAL ================= */
 .cta-right {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  padding: 10px;
  color: #111;
  
 

  /* Divisão diagonal: laranja em cima, branco embaixo */
  background: linear-gradient(
    208deg,        /* diagonal do canto superior esquerdo para inferior direito */
    #ffffff 70%,    /* metade inferior branca */
    #f06f58 30%  /* metade superior laranja */
  );
}
/* Conteúdo dentro do lado direito */
.cta-right-inner {
  text-align: left;
}

/* Títulos e textos */
.cta-contact-title {
  margin: 0;
  font-size: 10px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: #111;
}

.cta-contact-phone {
  margin: 4px 0 60px;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0;
  color: #111;
}

/* Texto lado esquerdo */
.cta-left-inner {
  position: relative;
  z-index: 5;
}

.cta-left-inner p {
  line-height: 1;
  padding: 10px;
}

.cta-top {
  margin: 0;
  font-size: 10px;
  font-weight: 300;
  line-height: 1.3;
  font-family: "Poppins", sans-serif;
}

.cta-bold {
  font-weight: 500;
  display: block;
  margin-top: 3px;
  white-space: nowrap;
  font-size: 13px;
  line-height: 1.3;
}

.cta-bold span {
  font-weight: 600;
}

/* Botões */
.botoes-navegacao {
  display: flex;
}

.botoes-navegacao .prev {
  margin-right: 5px;
}

.botoes-navegacao .stats-arrow {
  border: 0;
  font-weight: 300;
  font-size: 12px;
}

/* Altura mínima */
.card-cta .cta-left,
.card-cta .cta-right {
  min-height: 90px;
}



.sessao-2 {
  background: #fafafa;
  padding: 120px 30px 0px;
  text-align: center;
  height: 599px;

}

.fgsc-bloco {
  max-width: 1270px;
  margin: -73px auto 10px;
  background: #fafafa;
  padding: 10px 10px 30px;
  border-radius:15px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(54, 55, 55, 0.761);
  z-index: -1;
  margin-bottom: 50px;
}

.linha-acento {
  width: 50px;
  height: 3px;
  background: #e85c43;
  margin: 10px auto 6px;
}

.fgsc-bloco h2 {
  font-size: 35pt;
  margin-bottom: 2px;
}

.fgsc-bloco p {
  color: #555;
  line-height: 1.7;
}

/* cards */
/* cards */
.cards-servicos {
  display: flex;
  flex-direction: column; /* empilha verticalmente */
  gap: 30px;
  align-items: center; /* centraliza horizontalmente */
  flex-wrap: nowrap;
  z-index: 2;
}

.card-servico {
  background: #fff;
  width: 100%; /* ocupa todo o espaço disponível */
  max-width: 530px;
  padding: 40px 15px 22px;
  border-radius: 10px; /* bordas arredondadas */
  border: 1px solid rgba(54, 55, 55, 0.761); /* borda sólida */
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column; /* conteúdo empilhado vertical */
  align-items: center;
  margin-bottom: 25px;
}

.icone-topo {
  width: 90px;
  height: 90px;
  background: #ef6a4d;
  border-radius: 50%;
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.icone-topo img {
  width: 60px;
}

.card-servico h3 {
  margin: 20px 0 15px 0;
  font-size: 1.6rem;
  text-align: center;
  font-weight: 600;
}

.card-servico p {
  margin: 5px 0; /* empilha os parágrafos */
  font-weight: 300;
  color: #666;
  line-height: 1.6;
  text-align: left; /* centraliza o texto */
}

.card-servico a {
  font-weight: 500;
  font-size: 15pt;
  color: #000;
  text-decoration: none;
  margin-top: 15px;
  text-align: center;
  margin-bottom: 30px;
}


/* =============================
        SESSAO 3
============================= */

.sessao-3 {
  position: relative;
  background: url("../arquivos/1_Pagina_inicial/inicial2\ mobile.png")
    center/cover no-repeat;
  padding: 50px 20px;
  text-align: center;
  color: #fff;
  z-index: 0;
  margin-top: 710px;
  object-fit: cover;
    overflow: hidden;
}

/* overlay que já tinhas */
.sessao-3::after {
  content: "";
  position: absolute;
  inset: 0;

  background: radial-gradient(
    circle at center,
    rgba(14, 114, 177, 0.053) 45%,
    rgba(77, 107, 138, 0.549) 50%,
    rgba(40, 87, 118, 0.485) 99%
  );

  z-index: 1;
}

.conteudo-resultados {
  position: relative;
  z-index: 2;
}

.conteudo-resultados h2 {
 
  font-size: 2rem;
  margin-bottom: 50px;
  font-weight: 600;
}

/* =========================
   CONTAINER BALÕES
========================= */
/* Container balões */
.baloes {
  display: flex;
  flex-direction: column; /* empilha verticalmente */
  align-items: center;    /* centraliza horizontalmente */
  gap: 40px;              /* espaço entre balões */
  position: relative;
  z-index: 5;
}

/* BALÃO */
.balao {
  position: relative;
  width: 320px;
  background: #ffffff;
  border-radius: 12px;
  padding: 18px 20px;
  text-align: center;
  border: 2px solid #2aa3d6;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
    margin-bottom: 50px; /* espaço entre balões */
}

/* TEXTO */
.balao p {
  margin: 0;
  font-size: 15px;
  line-height: 1.25;
  color: #333;
}

/* PONTA DO BALÃO */
.balao::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px; /* posiciona abaixo do balão */
  width: 18px;
  height: 18px;
  background: #fff;
  border-left: 2px solid #2aa3d6;
  border-bottom: 2px solid #2aa3d6;
  transform: translateX(-50%) rotate(-45deg);
}

/* DOTS (círculo) */


.dot {
  width: 48px;
  height: 48px;
  background: #ffffff;
  border-radius: 50%;
  border: 2px solid #2aa3d6;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
  position: absolute;
  left: 50%;              /* vai para o meio */
  transform: translateX(-50%); /* centraliza */
  bottom: -70px;          /* fica em baixo do balão */ 
}
 .dots{
  display: none;
}



/* =============================
   SESSAO 4 MOBILE
============================= */

.sessao-4{
padding: 40px 0;
display:block;
min-height:auto;
 

}


/* CONTAINER */

.container-clientes{
width:100%;

}


/* =============================
   IMAGEM + TEXTO
============================= */
.imagem-conteudo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin: 0;

  /* Bordas apenas na parte inferior */
  border-radius: 0 0 20px 20px; /* canto inferior direito e esquerdo */
padding: 10px 30px;
  /* Sombra apenas embaixo */
  box-shadow: 0 10px 25px rgba(23, 22, 22, 0.08); 
 
}

/* IMAGEM */

.imagem-conteudo img{
width: 100%;
height:280px;
object-fit:cover;
border-radius:20px;
margin:0;

}


/* TEXTO */

.imagem-conteudo .conteudo{
width:100%;
margin:0;
text-align:left;

}


/* TITULO */

.imagem-conteudo .conteudo .titulo{
font-size:1.8rem;
color:#000000;
margin-bottom:10px;
font-weight: 500;

}


/* PARAGRAFO */

.imagem-conteudo .conteudo p{
font-weight: 300;
font-size:16px;
line-height:1.6;
color:#111;
}


/* =============================
   HEADER TESTEMUNHOS
============================= */

.testemunhos-header{
margin:30px 40px 20px ;

}


.testemunhos-header h2{
font-size:1.6rem;
color:#000000;
font-weight: 500;
text-align: center;

}


/* =============================
   WRAPPER
============================= */

.testemunhos-wrapper{
display:flex;
align-items:center;
justify-content:center;
gap:5px;
width:100%;

}


/* =============================
   BOTÕES
============================= */

.ctrl{
width:45px;
height:45px;
border-radius:50%;
background:#ffffff;
border:2px solid #ef6a4d;
color:#ef6a4d;
font-size:20px;
margin:5px;
box-shadow:0 4px 10px rgba(0,0,0,0.1);

}


/* =============================
   VIEWPORT
============================= */

.testemunhos-viewport{
width:100%;
overflow:hidden;

}


/* =============================
   TRACK
============================= */

.testemunhos-track{
display:flex;
gap:10px;
transition:0.4s;

}


/* =============================
   CARD
============================= */

.test-card{
flex:0 0 100%;
display:flex;
flex-direction:column;
align-items:center;

}


/* =============================
   CAIXA LARANJA
============================= */

.test-card-inner{
width:100%;
background:#f77f73;
color:#ffffff;
padding:20px;
border-radius:14px;
font-size:14px;
line-height:1.6;
text-align:center;

}


/* =============================
   CLIENTE
============================= */

.cliente{
margin-top:15px;
display:flex;
flex-direction:column;
align-items:center;
gap:5px;

}


/* LOGO */

.cliente-logo{
width:60px;
height:60px;
border-radius:50%;
background:#ffffff;

}


/* NOME */

.cliente-nome{

font-size:1.4rem;
font-weight:500;
color:#000;

}


/* =============================
   DOTS
============================= */

/* DOTS */
.test-dots {
  margin-top: 15px;
  display: none;
  justify-content: center;
  gap: 25px;
}

/* DOT (botões) */
.test-dots .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;

  border: none;       /* remove borda padrão do botão */
  padding: 0;         /* remove padding */
  cursor: pointer;    /* muda cursor para indicar clicável */
  background: #eee;
  outline: none;      /* remove contorno ao focar */
}

/* DOT ATIVO */
.test-dots .dot.active {
  background: #f77f73;
  transform: scale(1.2);
}

/* DOT ATIVO */

.test-dots .dot.active{
background:#f77f73;
transform:scale(1.2);

}


/* =========================
   MOBILE — RESPONSIVO
========================= */


  .sessao4-1 {
    position: relative;
    height: auto; /* altura automática */
    padding: 40px 10px;
    background-image: url("../arquivos/1_Pagina_inicial/Banner_Principal/Comprimisso\ com\ seus\ interesses.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0 0 0;
  }

  .sessao4-1::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(9, 143, 196, 0.525);
    z-index: 1;
  }

  .sessao4-1 .conteudo {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    max-width: 100%;
    padding: 0 10px;
  }

  .sessao4-1 h2 {
    font-size: 0.85rem;
    font-weight: 900;
    letter-spacing: 2px;
    margin: 30px 0 10px;
     flex-wrap: nowrap;    /* NÃO quebra linha */
  }

  .sessao4-1 p {
    font-size: 0.8;
    font-weight: 300;
    line-height: 1.3;
  }

  /* =========================
     CARDS SV (Missão / Visão / Valores)
  ========================= */
  .sv-cards {
    display: flex;
    flex-direction: column; /* empilha verticalmente */
    gap: 20px;              /* espaço entre cards */
    padding: 30px 20px;
    align-items: center;
  }

  .sv-card {
    width: 80%;             /* quase toda a largura da tela */
    max-width: 500px;
    min-height: auto;
    background: #ffffff;
    border-radius: 30px;    /* borda arredondada */
    padding: 24px 16px 48px;
    box-shadow: 0 12px 30px rgba(9, 22, 28, 0.15);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.28s ease;
  }

  .sv-card:hover {
    transform: translateY(-6px);
  }

  .sv-icon {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: var(--accent, #f77f73);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 6px auto 8px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
    transform: scale(1);
    transition: transform 0.35s ease;
  
  }
.sv-icon img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  filter: brightness(0) invert(1); /* transforma tudo em branco */
}

  .sv-title {
    font-size: 1.8rem;
    margin: 6px 0 10px;
    font-weight: 500;
  }

  .sv-text {
    color: #666;
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 8px;
    font-weight: 300;
     display: block;
  margin-bottom: 4px;
  }

  



  /* =============================
   MOBILE – RESPONSIVO
============================= */
@media (max-width: 768px) {

  /* -----------------------------
     SESSÃO 5 – Missão / Visão / Valores
  ----------------------------- */
  .sv-cards {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 10px 40px 10px;
  }

  .sv-card {
    width: 80%;
    max-width: 100%;
    min-width: unset;
    border-radius: 12px;
    padding: 20px 18px 28px 18px;
    box-shadow: 0 10px 25px rgba(23, 22, 22, 0.08);
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .sv-icon {
    width: 90px;
    height: 90px;
    background: #f77f73; /* cor de destaque */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 6px auto 8px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.06);
  }

  .sv-icon img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    filter: brightness(0) invert(1); /* ícones brancos */
  }

  .sv-title {
    font-size: 22pt;
    margin: 8px 0 8px;
  }

  .sv-text {
    color: #666;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 300;
    margin-top: 6px;
  }



  .sv-text br { 
    display: none; }


  .sv-text {
    white-space: pre-line; /* respeita quebras de linha no HTML */
  }

  /* -----------------------------
     SESSÃO 6 – Os Números Falam
  ----------------------------- */
  .secao-numeros {
    padding: 20px 0;
    margin: 0;

  }

/* MOBILE – HERO IMAGEM */
.esquerda-numeros {
  width: 100%;
  order: 1;
}

.heroi-numeros {
  position: relative;
  overflow: hidden;
  height: 350px;         /* altura automática */
  max-height: 500px;    /* limita altura para não ficar gigante */

}

.heroi-numeros img {
  width: 100%;
  height: 320px;       
  display: block;
  object-fit: cover;
}

.heroi-numeros::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(180, 53, 30, 0.6),
    rgba(97, 40, 30, 0.4)
  );
}

/* CENTRALIZAÇÃO DO TEXTO HERO MOBILE */
.texto-heroi {
  position: absolute;
  top: 50%;             /* centro vertical */
  left: 50%;            /* centro horizontal */
  transform: translate(-50%, -50%); 
  text-align: center;
  color: #fff;
  font-size: 2rem;     /* ajustar para mobile */
  font-weight: 300;
  line-height: 1.2;
  z-index: 2;
    flex-wrap: nowrap;    /* NÃO quebra linha */
}

.texto-heroi strong {
  font-weight: 800;
}
  /* Cartões de estatísticas */
  .direita-numeros {
    order: 2;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

 .viewport-estatisticas,
.pista-estatisticas {
  display: flex;
  flex-direction: column;   /* empilha os cartões verticalmente */
  gap: 16px;                /* espaço entre os cartões */
  transform: none !important;
  padding: 0;
  align-items: center;      /* centraliza horizontalmente */
  justify-content: center;  /* centraliza verticalmente, se necessário */
  text-align: center;       /* texto centralizado dentro dos cartões */
  margin-top: 16px;
}


  .cartao-estatistica {
    width: 100%;
    min-width: unset;
    max-width: 75%;
    padding: 40px 10px 40px;
    border-radius: 20px;
    box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .circulo-estatistica {
    width: 120px;
    height: 120px;
    font-size: 28px;
    color: #f06b58; /* cor de destaque */
    border: 6px solid #f06b58;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    font-weight: 500;
  }

  .rotulo-estatistica {
    font-size: 14pt;
    color: #333;
    font-weight: 300;
    text-align: center;
    line-height: 1.3;
  }
.botoes-navegacao{
  display: none;
}
}




  .newsletter {
    margin: 0 5px 36px;
    border-radius: 20px;
    padding: 0;
  }

  .newsletter-cta {
    flex-direction: column;  /* empilha verticalmente */
    justify-content: center;
    align-items: center;
    padding: 50px 20px 50px;
    background: url('../arquivos/1_Pagina_inicial/Banner_Principal/newlatter1.png') no-repeat center / cover;
    text-align: center;
  }

 
  .new-left h3 {
    font-size:1rem;
    margin: 20px 40px 6px 6px;
    color: #fff;
    text-align: left;
    font-weight: 600;
font-style: italic;
    }

  .new-left p {
    font-size: 0.75rem;
    margin: 0 30px 0 6px; /* centraliza e adiciona margem inferior */
    max-width: 300px;         /* limita a largura do texto */
    line-height: 1.4;
    color: #fff;
    text-align: left;
    font-weight: 400;
  }

  /* Formulário empilhado vertical */
  .new-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    width: 100%;
    max-width: 350px;
    padding: 10px;
  }

  .n-form {
    display: flex;
    flex-direction: column; /* input em cima, botão embaixo */
    gap: 5px;
    width: 100%;
    margin: 0;
  }
  
  /* Input */
  .n-input {
    width: 100%;
    padding: 10px;
    font-size: 0.7rem;
    font-weight: 300;
    border-radius: 30px;
    text-align: left;
    outline: none;
    color: #c94a3a;
    background: #fff;
     box-shadow: 0 8px 18px rgba(239, 107, 87, 0.15); 
     border: none;
  }

  .n-input::placeholder {
    color: #c94a3a;
    opacity: 1;
  }

  /* Botão */
  .n-btn {
    width: 50%;
    padding: 10px 0;
    border-radius: 10px;
    font-size: 0.8rem;
    font-weight: 300;
    border: solid 1px #fff;
    background: #f06b58; /* coral */
    color: #fff;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(239, 107, 87, 0.15);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
  }

  .n-btn:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 20px rgba(239, 107, 87, 0.2);
  }



  /* ============================
   ESTILO MENSAGEM NEWSLETTER
   ============================ */

.news-feedback {
    width: 100%;
    margin-top: 15px;
    padding: 12px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    display: none; /* Escondido por padrão */
}

/* Classe para mostrar */
.news-feedback.visivel {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

/* Estilo de Sucesso (Verde com fundo claro) */
.news-feedback.sucesso {
    background-color: #d1fae5; /* Fundo verde claro */
    color: #065f46; /* Texto verde escuro */
    border: 1px solid #6ee7b7;
}

/* Estilo de Erro (Vermelho com fundo claro) */
.news-feedback.erro {
    background-color: #fee2e2; /* Fundo vermelho claro */
    color: #991b1b; /* Texto vermelho escuro */
    border: 1px solid #fca5a5;
}