:root{
  --yellow:#F4CD0C; /* agora é a cor principal (antes roxo) */
  --black:#000000;  /* substitui o amarelo */
  --dark:#111827;
  --muted:#6c757d;
  --whatsapp-green:#25D366;
}

*{box-sizing:border-box}
body{
  font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial;
  margin:0;
  color:var(--dark);
  background:#fff;
}

/* HERO COM FUNDO RESPONSIVO */
.hero{
  padding:56px 0;
  position:relative;
  color:#fff;
  display:flex;
  align-items:center;
  overflow:hidden;
  text-align:center;
}

.hero-bg{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-image:url('../assets/banner.png'); /* substituir pela imagem correta */
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  z-index:-2;
}

.hero::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(244,205,12,0.8); /* overlay amarelo semi-transparente */
  z-index:-1;
}

.brand-logo{max-width:220px}
.title{font-size:2.1rem; font-weight:800; color:#fff; text-shadow:0 2px 6px rgba(0,0,0,0.3)}
.subtitle{color:#fff; font-size:1.05rem; text-shadow:0 1px 4px rgba(0,0,0,0.25)}
.banner-whatsapp-btn{
  background:var(--whatsapp-green);
  color:#fff;
  font-weight:700;
  padding:10px 20px;
  border-radius:8px;
  text-decoration:none;
  display:inline-block;
}
.banner-whatsapp-btn:hover{opacity:0.9}

/* BOTÕES */
.btn-cta{
  background:var(--black);
  color:var(--yellow);
  border:none;
  font-weight:700;
}
.btn-outline-cta{
  background:transparent;
  border:2px solid var(--yellow);
  color:var(--yellow);
  font-weight:700;
}
.btn-cta:hover,.btn-outline-cta:hover{filter:brightness(0.95)}
.whatsapp-btn{
  background:var(--whatsapp-green);
  color:#fff;
  font-weight:700;
  border:none;
  padding:12px 24px;
  border-radius:8px;
}
.whatsapp-btn:hover{opacity:0.9}

/* VIDEO */
.video-wrap, .ratio{
  border-radius:12px;
  overflow:hidden;
}
.ratio iframe{
  width:100%;
  height:100%;
}

/* VANTAGENS / BENEFÍCIOS */
.advantages .card{
  border-radius:12px;
  transition:transform .3s;
}
.advantages .card:hover{
  transform:translateY(-5px);
}

/* FORMULÁRIO */
.form-section .card{
  border-radius:12px;
  padding:20px;
}
.form-section .form-label{
  font-weight:500;
}

/* TESTEMUNHOS */
.testimonials .p-3{
  border-radius:12px;
  background:#f8f9fa;
}

/* NOVA SEÇÃO DE IMAGENS 9:16 */
.image-section .ratio-9x16{
  aspect-ratio:9/16;
  overflow:hidden;
  border-radius:12px;
}
.image-section img{
  object-fit:cover;
  width:100%;
  height:100%;
  display:block;
}

/* CTA FINAL */
.final-cta{
  background:var(--yellow);
  color:#000;
}
.final-cta .btn{
  background:var(--black);
  color:#fff;
  border:none;
  font-weight:700;
}

/* RODAPÉ */
.site-footer{
  background:linear-gradient(180deg,#2a2a2a, #000);
  padding-top:24px;
}
.site-footer a{text-decoration:underline; color:#fff}

/* WHATSAPP FLUTUANTE */
.whatsapp-fab{
  position:fixed;
  right:18px;
  bottom:18px;
  width:56px;
  height:56px;
  border-radius:50%;
  background:var(--whatsapp-green);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 24px rgba(0,0,0,0.18);
  z-index:9999;
  text-decoration:none;
}
.whatsapp-fab svg{
  width:28px;
  height:28px;
  fill:#fff;
}

/* RESPONSIVIDADE */
@media(min-width:992px){
  .title{font-size:3rem}
  .hero{padding:100px 0}
}

@media(max-width:991px){
  .hero{padding:70px 0}
  .title{font-size:2rem}
  .subtitle{font-size:1rem}
}

@media(max-width:767px){
  .hero{padding:50px 0}
  .title{font-size:1.6rem}
  .subtitle{font-size:0.9rem}
  .hero .container{
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .image-section .col-md-6{
    flex:0 0 100%;
    max-width:100%;
  }
}

/* CARDS GERAIS */
.card{border-radius:12px}