/* ========================= */
/* ===== HERO COMPLETO ===== */
/* ========================= */
:root{
  --azul-1:#1e2a78;
  --azul-2:#2f5bff;
  --azul-3:#4a6cf7;
  --roxo-1:#4730d9;
  --roxo-2:#2e237d;
  --ciano:#35c9f5;
  --turquesa:#36d6c8;
  --laranja:#ff7a45;
  --branco:#ffffff;
  --claro:#edf1fa;
  --texto:#13203a;
}

/* ===== HERO ===== */
.hero-custom{
  position:relative;
  min-height:100vh;
  overflow:hidden;
  background-image:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,0.10) 0, rgba(255,255,255,0.00) 20%),
    radial-gradient(circle at 80% 30%, rgba(255,255,255,0.08) 0, rgba(255,255,255,0.00) 22%),
    linear-gradient(135deg, rgba(30,42,120,0.92) 0%, rgba(71,48,217,0.88) 45%, rgba(74,108,247,0.82) 100%),
    url('assets/images/header/banner-bg.svg');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px 0 0;
}

/* brilho leve atrás do personagem */
.hero-custom::before{
  content:"";
  position:absolute;
  right:10%;
  top:14%;
  width:520px;
  height:520px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.08) 35%, rgba(255,255,255,0.00) 70%);
  filter:blur(8px);
  z-index:1;
}

/* ondas inferiores */
.hero-wave-1,
.hero-wave-2{
  position:absolute;
  left:0;
  width:100%;
  pointer-events:none;
}

.hero-wave-1{
  bottom:0;
  height:230px;
  background:#ffffff;
  border-top-left-radius:55% 100%;
  border-top-right-radius:40% 100%;
  opacity:0.95;
  z-index:2;
}

.hero-wave-2{
  bottom:32px;
  height:145px;
  background:#ffffff;
  border-top-left-radius:50% 100%;
  border-top-right-radius:45% 100%;
  z-index:2;
}

.hero-container{
  position:relative;
  z-index:5;
  width:100%;
  max-width:1380px;
  margin:0 auto;
  padding:0 20px 80px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}

/* ===== TEXTO ===== */
.hero-text{
  width:48%;
  position:relative;
  z-index:7;
  text-align:left;
}

.hero-brand{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:24px;
}

.hero-brand img{
  max-height:44px;
  width:auto;
}

.hero-brand span{
  font-size:22px;
  font-weight:700;
  letter-spacing:0.2px;
}

.hero-text h1{
  font-size:62px;
  line-height:1.02;
  font-weight:800;
  margin-bottom:18px;
  max-width:700px;
}

.hero-text .subheadline{
  font-size:25px;
  line-height:1.35;
  font-weight:500;
  color:rgba(255,255,255,0.95);
  max-width:640px;
  margin-bottom:18px;
}

.hero-text .support-line{
  font-size:18px;
  line-height:1.5;
  color:rgba(255,255,255,0.88);
  max-width:620px;
  margin-bottom:12px;
}

/* ===== CTA ===== */
.hero-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
}

.btn-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  padding:0 34px;
  border:none;
  border-radius:18px;
  background:linear-gradient(90deg, var(--turquesa), var(--azul-2));
  color:#fff;
  font-size:18px;
  font-weight:700;
  text-decoration:none;
  box-shadow:0 18px 40px rgba(0,0,0,0.22);
  transition:transform .25s ease, box-shadow .25s ease, opacity .25s ease;
}

.btn-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 45px rgba(0,0,0,0.28);
  color:#fff;
}

.link-secondary{
  color:#fff;
  text-decoration:none;
  font-size:17px;
  font-weight:600;
  opacity:0.92;
  transition:opacity .25s ease;
}

.link-secondary:hover{
  color:#fff;
  opacity:1;
}

/* ===== VISUAL ===== */
.hero-visual{
  width:52%;
  min-height:760px;
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  z-index:6;
}

/* CORRETOR */
.corretor{
  position:relative;
  z-index:6;
  max-width:760px;
  width:100%;
  height:auto;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 30px 55px rgba(0,0,0,0.26));
}

/* ===== BOLHAS DE FUNDO ===== */
.bolha{
  position:absolute;
  bottom:-220px;
  border-radius:50%;
  background:rgba(255,255,255,0.14);
  z-index:1;
  animation:subirBolha linear infinite;
  filter:blur(1px);
}

.b1{ width:180px; height:180px; left:2%;  animation-duration:16s; animation-delay:0s; }
.b2{ width:130px; height:130px; left:18%; animation-duration:20s; animation-delay:3s; }
.b3{ width:95px;  height:95px;  left:36%; animation-duration:14s; animation-delay:5s; }
.b4{ width:70px;  height:70px;  left:52%; animation-duration:18s; animation-delay:2s; }
.b5{ width:115px; height:115px; left:69%; animation-duration:22s; animation-delay:6s; }
.b6{ width:84px;  height:84px;  left:82%; animation-duration:17s; animation-delay:1s; }
.b7{ width:52px;  height:52px;  left:90%; animation-duration:15s; animation-delay:4s; }
.b8{ width:150px; height:150px; left:58%; animation-duration:24s; animation-delay:7s; }
.b9{ width:62px;  height:62px;  left:10%; animation-duration:19s; animation-delay:8s; }

@keyframes subirBolha{
  0%{
    transform:translateY(0);
    opacity:0;
  }
  15%{
    opacity:0.45;
  }
  80%{
    opacity:0.45;
  }
  100%{
    transform:translateY(-125vh);
    opacity:0;
  }
}

/* ===== BALÕES DE PENSAMENTO ===== */
.thought{
  position:absolute;
  z-index:10;
  background:rgba(255,255,255,0.98);
  color:#243255;
  border-radius:999px;
  padding:15px 24px;
  font-size:21px;
  font-weight:700;
  line-height:1.2;
  box-shadow:0 18px 38px rgba(0,0,0,0.20);
  white-space:nowrap;
  animation:floatThought 5.4s ease-in-out infinite;
  text-decoration:none;
}

.thought::before,
.thought::after{
  content:"";
  position:absolute;
  background:rgba(255,255,255,0.98);
  border-radius:50%;
  box-shadow:0 8px 18px rgba(0,0,0,0.10);
}

/* pensamento esquerdo */
.t1{
  top:11%;
  left:7%;
  color:#ff5a5f;
  animation-duration:5.2s;
}
.t1::before{
  width:20px;
  height:20px;
  bottom:-12px;
  right:32px;
}
.t1::after{
  width:11px;
  height:11px;
  bottom:-27px;
  right:18px;
}

/* pensamento superior direito */
.t2{
  top:12%;
  right:6%;
  color:#ff9f1c;
  animation-duration:6.1s;
}
.t2::before{
  width:18px;
  height:18px;
  bottom:-10px;
  left:34px;
}
.t2::after{
  width:10px;
  height:10px;
  bottom:-24px;
  left:19px;
}

/* pensamento lateral esquerdo inferior */
.t3{
  top:45%;
  left:2%;
  color:#00b8d9;
  animation-duration:5.7s;
}
.t3::before{
  width:18px;
  height:18px;
  top:24px;
  right:-9px;
}
.t3::after{
  width:10px;
  height:10px;
  top:42px;
  right:-21px;
}

/* pensamento lateral direito */
.t4{
  top:41%;
  right:0;
  color:#6c5ce7;
  animation-duration:6.3s;
}
.t4::before{
  width:18px;
  height:18px;
  top:26px;
  left:-10px;
}
.t4::after{
  width:10px;
  height:10px;
  top:44px;
  left:-22px;
}

/* pensamento inferior */
.t5{
  bottom:18%;
  left:20%;
  color:#00c853;
  animation-duration:5.9s;
}
.t5::before{
  width:18px;
  height:18px;
  top:-8px;
  right:34px;
}
.t5::after{
  width:10px;
  height:10px;
  top:-18px;
  right:18px;
}

@keyframes floatThought{
  0%{ transform:translate(0,0); }
  25%{ transform:translate(-6px,-10px); }
  50%{ transform:translate(6px,-22px); }
  75%{ transform:translate(-4px,-12px); }
  100%{ transform:translate(0,0); }
}

/* ===== RESPONSIVO ===== */
@media (max-width:1199px){
  .hero-text h1{ font-size:52px; }
  .hero-text .subheadline{ font-size:22px; }
  .hero-visual{ min-height:680px; }
  .thought{ font-size:15px; padding:13px 20px; }
}

@media (max-width:991px){
  .hero-custom{
    min-height:auto;
    padding-top:14px;
  }

  .hero-container{
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:0 18px 70px;
    gap:14px;
  }

  .hero-text,
  .hero-visual{
    width:100%;
  }

  .hero-text{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
  }

  .hero-brand{
    justify-content:center;
    margin-bottom:18px;
  }

  .hero-text h1{
    font-size:42px;
    max-width:760px;
  }

  .hero-text .subheadline{
    font-size:21px;
    max-width:760px;
  }

  .hero-text .support-line{
    max-width:760px;
  }

  .hero-actions{
    align-items:center;
  }

  .hero-visual{
    min-height:620px;
    margin-top:8px;
  }

  .corretor{
    max-width:620px;
  }

  .t1{ top:10%; left:8%; }
  .t2{ top:10%; right:7%; }
  .t3{ top:44%; left:2%; }
  .t4{ top:40%; right:1%; }
  .t5{ bottom:15%; left:18%; }
}

@media (max-width:767px){
  .hero-custom{
    padding-top: 50px;
  }
}

  .hero-wave-1{
    height:150px;
  }

  .hero-wave-2{
    height:78px;
    bottom:22px;
  }

  .hero-container{
    padding:0 16px 28px;
  }

  .hero-brand span{
    font-size:20px;
  }

  .hero-brand img{
    max-height:38px;
  }

  .hero-text h1{
    font-size:36px;
    line-height:1.05;
    margin-bottom:14px;
  }

  .hero-text .subheadline{
    font-size:19px;
    margin-bottom:14px;
  }

  .hero-text .support-line{
    font-size:16px;
  }

  .btn-cta{
    width:100%;
    max-width:320px;
    min-height:54px;
    font-size:17px;
    padding:0 24px;
  }

  .hero-visual{
    min-height:500px;
    align-items:flex-end;
  }

  .corretor{
    max-width:470px;
  }

  .thought{
    font-size:13px;
    padding:10px 15px;
    white-space:normal;
    max-width:170px;
    text-align:center;
    border-radius:26px;
  }

  .t1{ top:9%; left:1%; }
  .t2{ top:10%; right:0; }
  .t3{ top:39%; left:0; }
  .t4{ top:37%; right:-2%; }
  .t5{ bottom:14%; left:12%; }

  .t1::before,
  .t2::before,
  .t3::before,
  .t4::before,
  .t5::before{
    width:14px;
    height:14px;
  }

  .t1::after,
  .t2::after,
  .t3::after,
  .t4::after,
  .t5::after{
    width:8px;
    height:8px;
  }
}

@media (max-width:480px){
  .hero-text h1{ font-size:32px; }
  .hero-text .subheadline{ font-size:18px; }
  .hero-visual{ min-height:440px; }
  .corretor{ max-width:400px; }
  .thought{
    font-size:12px;
    padding:9px 12px;
    max-width:145px;
  }

  .t1{ top:8%; left:-1%; }
  .t2{ top:9%; right:-1%; }
  .t3{ top:37%; left:-2%; }
  .t4{ top:35%; right:-3%; }
  .t5{ bottom:12%; left:10%; }
}



/* ===== BLOCO CARDS DOR ===== */

.bloco-cards{
  padding:60px 20px;
  background:#ffffff;
}

.titulo-bloco{
  text-align:center;
  margin-bottom:60px;
}

.titulo-bloco h2{
  font-size:40px;
  font-weight:800;
  margin-bottom:10px;
}

.titulo-bloco p{
  font-size:20px;
  color:#666;
}

/* GRID */
.cards-grid{
  display:grid;
  grid-template-columns: repeat(2,1fr);
  gap:25px;
  max-width:900px;
  margin:0 auto;
}

/* CARD */
.card-dor{
  background:#f5f7ff;
  border-radius:15px;
  padding:25px;
  position:relative;
  transition:0.3s;
}

.card-dor:hover{
  transform:translateY(-5px);
  box-shadow:0 15px 30px rgba(0,0,0,0.1);
}

.numero{
  position:absolute;
  top:-15px;
  left:-15px;
  background:#ff7a45;
  color:#fff;
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  font-weight:bold;
}

.card-dor h3{
  margin-bottom:10px;
  font-size:20px;
}

.card-dor p{
  color:#555;
}

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

.cards-grid{
  grid-template-columns:1fr;
}

.titulo-bloco h2{
  font-size:28px;
}

}
/* ===== BLOCO ANTES DEPOIS ===== */

.bloco-antes-depois{
  padding:120px 20px;
  background:#ffffff;
}

.antes-depois-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  max-width:1100px;
  margin:60px auto;
}

.box{
  background:#fff;
  padding:20px;
  border-radius:15px;
  text-align:center;
  box-shadow:0 15px 30px rgba(0,0,0,0.08);
}

.box h3{
  margin-bottom:15px;
  font-size:22px;
}

.box img{
  width:100%;
  border-radius:10px;
}

.cta-centro{
  text-align:center;
  margin-top:40px;
}

@media(max-width:768px){

.antes-depois-grid{
  grid-template-columns:1fr;
}

}
/* ===== BLOCO BENEFÍCIO ===== */

.bloco-beneficio{
  padding:120px 20px;
  background:#ffffff;
}

.container-beneficio{
  max-width:1200px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:60px;
}

/* IMAGEM */
.beneficio-img{
  width:50%;
}

.beneficio-img img{
  width:100%;
  border-radius:15px;
  box-shadow:0 20px 40px rgba(0,0,0,0.1);
}

/* TEXTO */
.beneficio-texto{
  width:50%;
}

.beneficio-texto h2{
  font-size:40px;
  font-weight:800;
  margin-bottom:20px;
}

.beneficio-texto p{
  font-size:20px;
  margin-bottom:15px;
  color:#555;
}

.beneficio-texto .destaque{
  font-weight:700;
  color:#2f5bff;
  margin-bottom:25px;
}

@media(max-width:768px){

.container-beneficio{
  flex-direction:column;
  text-align:center;
}

.beneficio-img,
.beneficio-texto{
  width:100%;
}

.beneficio-texto h2{
  font-size:28px;
}

}

/* ===== BLOCO OFERTA ===== */

.bloco-oferta{
  padding:120px 20px;
  background: linear-gradient(135deg, #2f5bff, #4730d9);
  color:#fff;
  text-align:center;
  position:relative;
  overflow:hidden;
}

/* leve brilho igual hero */
.bloco-oferta::before{
  content:"";
  position:absolute;
  width:500px;
  height:500px;
  background:rgba(255,255,255,0.08);
  border-radius:50%;
  top:-150px;
  right:-150px;
  filter:blur(60px);
}

.container-oferta{
  position:relative;
  z-index:2;
  max-width:900px;
  margin:0 auto;
}

.bloco-oferta h2{
  font-size:42px;
  font-weight:800;
  margin-bottom:20px;
}

.bloco-oferta .principal{
  font-size:22px;
  margin-bottom:10px;
}

.bloco-oferta .suporte{
  font-size:18px;
  opacity:0.9;
  margin-bottom:30px;
}

.oferta-cta{
  margin-top:20px;
}

@media(max-width:768px){

.bloco-oferta h2{
  font-size:30px;
}

.bloco-oferta .principal{
  font-size:18px;
}

}

/* ===== BLOCO EMOCIONAL ===== */

.bloco-emocional{
  padding:120px 20px;
  background:linear-gradient(135deg, #2e237d, #4730d9);
  color:#fff;
}

.container-emocional{
  max-width:1200px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:60px;
}

/* IMAGEM */
.emocional-img{
  width:50%;
}

.emocional-img img{
  width:100%;
  border-radius:15px;
  box-shadow:0 25px 50px rgba(0,0,0,0.25);
}

/* TEXTO */
.emocional-texto{
  width:50%;
}

.emocional-texto h2{
  font-size:40px;
  font-weight:800;
  margin-bottom:20px;
}

.emocional-texto p{
  font-size:20px;
  margin-bottom:25px;
  opacity:0.9;
}

@media(max-width:768px){

.container-emocional{
  flex-direction:column;
  text-align:center;
}

.emocional-img,
.emocional-texto{
  width:100%;
}

.emocional-texto h2{
  font-size:28px;
}

}

/* ===== BLOCO VIDEO ===== */

.bloco-video{
  padding:120px 20px;
  background:#ffffff;
  text-align:center;
}

.container-video{
  max-width:1000px;
  margin:0 auto;
}

.bloco-video h2{
  font-size:40px;
  font-weight:800;
  margin-bottom:10px;
}

.bloco-video .sub{
  font-size:20px;
  color:#555;
  margin-bottom:40px;
}

/* VIDEO */
.video-wrapper{
  margin-bottom:30px;
}

/* RESPONSIVO */
.video-responsive{
  position:relative;
  padding-bottom:56.25%;
  height:0;
  overflow:hidden;
  border-radius:15px;
  box-shadow:0 20px 40px rgba(0,0,0,0.15);
}

.video-responsive iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

/* TEXTO */
.descricao{
  font-size:18px;
  color:#666;
  margin-bottom:30px;
}

@media(max-width:768px){

.bloco-video h2{
  font-size:28px;
}

.bloco-video .sub{
  font-size:18px;
}

}

/* ===== BLOCO PLANOS ===== */

.bloco-planos{
  padding:120px 20px;
  background:#f5f7fd;
}

.container-planos{
  max-width:1200px;
  margin:0 auto;
}

.planos-grid{
  display:grid;
  grid-template-columns: repeat(3,1fr);
  gap:30px;
  margin-top:50px;
}

/* CARD */
.plano-card{
  background:#fff;
  border-radius:20px;
  padding:30px;
  text-align:center;
  box-shadow:0 15px 35px rgba(0,0,0,0.08);
  position:relative;
  transition:0.3s;
}

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

.plano-card h3{
  font-size:22px;
  margin-bottom:10px;
}

.preco{
  font-size:32px;
  font-weight:800;
  color:#2f5bff;
  margin-bottom:10px;
}

.limite{
  display:block;
  margin-bottom:20px;
  color:#666;
}

/* LISTA */
.plano-card ul{
  list-style:none;
  padding:0;
  margin-bottom:25px;
}

.plano-card li{
  margin-bottom:10px;
  color:#555;
}

/* DESTAQUE */
.destaque{
  border:2px solid #2f5bff;
  transform:scale(1.05);
}

.badge{
  position:absolute;
  top:-12px;
  left:50%;
  transform:translateX(-50%);
  background:#2f5bff;
  color:#fff;
  padding:5px 12px;
  border-radius:10px;
  font-size:12px;
}

/* BOTÕES */
.btn.primary{
  background:#2f5bff;
  color:#fff;
  padding:12px 20px;
  border-radius:10px;
  display:inline-block;
}

.btn.outline{
  border:2px solid #2f5bff;
  color:#2f5bff;
  padding:10px 20px;
  border-radius:10px;
  display:inline-block;
}

@media(max-width:768px){

.planos-grid{
  grid-template-columns:1fr;
}

.destaque{
  transform:none;
}

}

/* ===== BLOCO FORM ===== */

.bloco-formulario{
  padding:120px 20px;
  background:#ffffff;
  text-align:center;
}

.container-formulario{
  max-width:900px;
  margin:0 auto;
}

.bloco-formulario h2{
  font-size:40px;
  font-weight:800;
}

.bloco-formulario .sub{
  font-size:18px;
  margin-bottom:40px;
  color:#555;
}

/* CARD */
.card-form{
  background:#f5f7fd;
  padding:30px;
  border-radius:20px;
  box-shadow:0 20px 40px rgba(0,0,0,0.08);
}

/* GRID */
.form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
  margin-bottom:20px;
}

/* INPUTS */
.form-grid input,
.form-grid select{
  padding:12px;
  border-radius:10px;
  border:1px solid #ddd;
  font-size:14px;
}

@media(max-width:768px){

.form-grid{
  grid-template-columns:1fr;
}

.bloco-formulario h2{
  font-size:28px;
}

}

/* ===== FOOTER ===== */

.footer{
  background:#0f172a;
  color:#fff;
  padding:60px 20px;
}

.footer-container{
  max-width:1200px;
  margin:0 auto;
}

/* TOP LINKS */
.footer-top{
  text-align:center;
  margin-bottom:40px;
}

.footer-links{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:20px;
}

.footer-links a{
  color:#ccc;
  text-decoration:none;
  font-size:14px;
}

/* BOTTOM */
.footer-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:20px;
}

/* COLUNAS */
.footer-col{
  width:33%;
}

.footer-col.center{
  text-align:center;
}

.footer-col.right{
  text-align:right;
}

/* SOCIAL */
.social{
  list-style:none;
  display:flex;
  gap:15px;
  justify-content:center;
}

.social a{
  color:#fff;
  text-decoration:none;
  font-size:14px;
}

/* TEXTOS */
.rights{
  font-size:14px;
}

.links-legais{
  font-size:13px;
  color:#aaa;
}

@media(max-width:768px){

.footer-col{
  width:100%;
  text-align:center !important;
}

.footer-bottom{
  flex-direction:column;
}

}

.bloco-oferta{
  background: linear-gradient(135deg, #3c4ed9, #4e3dd1);
  padding: 80px 20px;
  text-align: center;
  color: #fff;
}

.container-oferta{
  max-width: 900px;
  margin: 0 auto;
}

.bloco-oferta h2{
  font-size: 32px;
  margin-bottom: 40px;
  font-weight: 600;
}

/* LISTA */

.oferta-lista{
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-bottom: 40px;
}

.item-oferta{
  display: flex;
  align-items: center;
  gap: 20px;
  text-align: left;
}

.item-oferta img{
  width: 60px;
  max-width: 100%;
  height: auto;
  flex-shrink: 0;
}

.item-oferta p{
  font-size: 20px;
  line-height: 1.4;
}

/* BOTÃO */

.btn-cta{
  display: inline-block;
  padding: 16px 35px;
  border-radius: 40px;
  background: linear-gradient(90deg, #3ad1c0, #2c6df5);
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  transition: 0.3s;
}

.btn-cta:hover{
  transform: scale(1.05);
}

/* ANIMAÇÃO */

.reveal{
  opacity: 0;
  transform: translateY(40px);
  transition: 0.6s ease;
}

.reveal.active{
  opacity: 1;
  transform: translateY(0);
}


.footer{
  background:#0f172a;
  color:#fff;
  padding:80px 20px 40px;
}

.footer-container{
  max-width:1200px;
  margin:0 auto;
}

/* GRID */
.footer-grid{
  display:grid;
  grid-template-columns: repeat(4,1fr);
  gap:40px;
}

/* COLUNAS */
.footer-col h3{
  font-size:20px;
  margin-bottom:15px;
}

.footer-col h4{
  font-size:16px;
  margin-bottom:15px;
  opacity:0.9;
}

.footer-col p{
  font-size:14px;
  color:#ccc;
  line-height:1.5;
}

/* LISTAS */
.footer-col ul{
  list-style:none;
  padding:0;
}

.footer-col li{
  margin-bottom:10px;
}

.footer-col a{
  color:#ccc;
  text-decoration:none;
  font-size:14px;
  transition:0.3s;
}

.footer-col a:hover{
  color:#fff;
}

/* REDES */
.social li a{
  font-weight:600;
}

/* BASE */
.footer-bottom{
  margin-top:50px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,0.1);
  text-align:center;
  font-size:13px;
  color:#aaa;
}

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

.footer-grid{
  grid-template-columns:1fr;
  text-align:center;
}

}

@media(max-width:768px){

  .item-oferta{
    flex-direction: column;
    text-align: center;
  }

  .item-oferta img{
    width: 120px; /* aumenta um pouco */
    margin-bottom: 10px;
  }

  .item-oferta p{
    font-size:16px;
  }

}
.depoimento-box{
  margin-top:20px;
  text-align:left;
  max-width:700px;
  margin-left:auto;
  margin-right:auto;
}

.tag-depoimento{
  display:inline-block;
  background:#2f5bff;
  color:#fff;
  font-size:12px;
  font-weight:600;
  padding:4px 10px;
  border-radius:6px;
  margin-bottom:10px;
}

/* NOME (destaque principal) */
.depoimento-box .nome{
  font-size:22px;
  font-weight:700;
  color:#13203a;
  margin-bottom:4px;
  font-family: 'Inter', sans-serif;
}

/* CARGO */
.depoimento-box .cargo{
  font-size:16px;
  color:#555;
  margin-bottom:2px;
}

/* LOCAL */
.depoimento-box .local{
  font-size:14px;
  color:#888;
}

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

  .depoimento-box{
    text-align:center;
  }

}
.chat-wpp{
  position:fixed;
  bottom:20px;
  right:20px;
  width:300px;
  background:#fff;
  border-radius:16px;
  box-shadow:0 15px 40px rgba(0,0,0,0.2);
  overflow:hidden;
  font-family: Inter;
  display:none;
  z-index:9999;
}

.chat-header{
  background:#25d366;
  color:#fff;
  padding:12px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-weight:600;
}

.chat-header button{
  background:none;
  border:none;
  color:#fff;
  font-size:16px;
  cursor:pointer;
}

.chat-body{
  padding:15px;
  background:#f5f5f5;
}

.msg{
  background:#fff;
  padding:10px 12px;
  border-radius:12px;
  margin-bottom:10px;
  display:inline-block;
  max-width:80%;
  box-shadow:0 3px 8px rgba(0,0,0,0.05);
  animation:fadeIn 0.3s ease;
}

.hidden{
  display:none;
}

.chat-footer{
  padding:12px;
  text-align:center;
}

.chat-footer a{
  display:block;
  background:#25d366;
  color:#fff;
  padding:10px;
  border-radius:10px;
  text-decoration:none;
  font-weight:600;
}

@keyframes fadeIn{
  from{opacity:0; transform:translateY(10px);}
  to{opacity:1; transform:translateY(0);}
}