/* ==========================================================================
   Coca Office Gestão & Negócios — Landing Page
   Design system, layout e componentes
   ========================================================================== */

:root{
  --navy-deep:#03263F;
  --navy:#07395A;
  --navy-mid:#0C4468;
  --gold:#C99527;
  --gold-light:#E0B64B;
  --white:#FFFFFF;
  --bg-light:#F5F6F8;
  --text-dark:#10263A;
  --gray:#66717D;
  --gray-light:#B9C1C9;
  --border-soft:#E4E8EC;
  --shadow-sm:0 2px 10px rgba(3,38,63,0.06);
  --shadow-md:0 12px 32px rgba(3,38,63,0.12);
  --shadow-gold:0 8px 20px rgba(201,149,39,0.28);
  --radius-sm:8px;
  --radius-md:14px;
  --radius-lg:22px;
  --font-display:'Plus Jakarta Sans', 'Inter', sans-serif;
  --font-body:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --container:1180px;

  /* Cores exatas extraídas do layout aprovado do Hero */
  --hero-navy-1:#0b4d86;
  --hero-navy-2:#04203d;
  --hero-navy-3:#001f3f;
}

/* ---------- RESET / BASE ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;scroll-behavior:auto !important;}
}
body{
  margin:0;
  font-family:var(--font-body);
  color:var(--text-dark);
  background:var(--white);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--navy-deep);margin:0;line-height:1.18;letter-spacing:-0.01em;}
p{margin:0;}
button{font-family:inherit;cursor:pointer;}
input,select,textarea{font-family:inherit;font-size:1rem;}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px;}

.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 20px;}
@media (min-width:640px){ .container{padding:0 32px;} }
@media (min-width:1200px){ .container{padding:0 24px;} }

.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:0.78rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--gold);}
.eyebrow.on-dark{color:var(--gold-light);}

.section{padding:64px 0;}
@media (min-width:900px){ .section{padding:96px 0;} }
.section-light{background:var(--white);}
.section-tinted{background:var(--bg-light);}
.section-navy{background:linear-gradient(160deg, var(--navy-deep) 0%, var(--navy) 100%);color:var(--white);}
.section-navy h2, .section-navy h3{color:var(--white);}
.section-navy p{color:#C9D5DF;}

.section-head{max-width:680px;margin:0 0 40px;}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center;}
.section-head h2{font-size:1.7rem;margin-top:12px;}
@media (min-width:640px){ .section-head h2{font-size:2.1rem;} }
.section-head p{margin-top:14px;color:var(--gray);font-size:1.02rem;}
.section-navy .section-head p{color:#C9D5DF;}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.skip-link{position:absolute;left:12px;top:-60px;background:var(--navy-deep);color:#fff;padding:10px 16px;border-radius:8px;z-index:999;transition:top .2s ease;font-size:0.85rem;font-weight:700;}
.skip-link:focus{top:12px;}

/* ---------- BOTÕES ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 28px;border-radius:100px;font-weight:700;font-size:0.98rem;border:2px solid transparent;transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease;white-space:nowrap;}
@media (max-width:520px){
  .btn{white-space:normal;text-align:center;line-height:1.3;}
}
.btn:active{transform:translateY(1px);}
.btn-primary{background:var(--gold);color:var(--navy-deep);box-shadow:var(--shadow-gold);}
.btn-primary:hover{background:var(--gold-light);box-shadow:0 12px 26px rgba(201,149,39,0.38);transform:translateY(-2px);}
.btn-outline{background:transparent;border-color:rgba(255,255,255,0.5);color:var(--white);}
.btn-outline:hover{border-color:var(--gold-light);color:var(--gold-light);}
.btn-outline-navy{background:transparent;border-color:var(--navy);color:var(--navy);}
.btn-outline-navy:hover{background:var(--navy);color:var(--white);}
.btn-block{width:100%;}
.btn-sm{padding:12px 22px;font-size:0.9rem;}
.btn-whatsapp-icon{width:19px;height:19px;flex-shrink:0;}

/* pequeno círculo do ícone dentro do botão do Hero (como no layout aprovado) */
.btn-icon-badge{
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;border-radius:50%;
  background:var(--navy-deep);flex-shrink:0;
}
.btn-icon-badge svg{width:15px;height:15px;color:var(--gold-light);}

/* ---------- HEADER ---------- */
.site-header{position:sticky;top:0;z-index:200;background:rgba(255,255,255,0.94);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--border-soft);}
.site-header .container{display:flex;align-items:center;justify-content:space-between;height:70px;}
.brand{display:flex;align-items:center;height:34px;}
.brand img{height:100%;width:auto;}
.main-nav{display:none;}
@media (min-width:980px){
  .main-nav{display:flex;align-items:center;gap:30px;}
  .main-nav a{font-size:0.93rem;font-weight:600;color:var(--text-dark);position:relative;padding:6px 0;}
  .main-nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--gold);transition:width .2s ease;}
  .main-nav a:hover::after{width:100%;}
}
.header-actions{display:flex;align-items:center;gap:14px;}
.header-actions .btn{display:none;}
@media (min-width:980px){ .header-actions .btn{display:inline-flex;} }
.hamburger{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;border:1px solid var(--border-soft);background:var(--white);}
@media (min-width:980px){ .hamburger{display:none;} }
.hamburger span{display:block;width:19px;height:2px;background:var(--navy-deep);position:relative;}
.hamburger span::before,.hamburger span::after{content:"";position:absolute;left:0;width:19px;height:2px;background:var(--navy-deep);transition:transform .2s ease, top .2s ease;}
.hamburger span::before{top:-6px;}
.hamburger span::after{top:6px;}
.hamburger[aria-expanded="true"] span{background:transparent;}
.hamburger[aria-expanded="true"] span::before{top:0;transform:rotate(45deg);}
.hamburger[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg);}
.mobile-nav{display:none;position:fixed;inset:70px 0 0 0;background:var(--white);z-index:190;padding:18px 20px 32px;overflow-y:auto;}
.mobile-nav.open{display:block;}
.mobile-nav a{display:block;padding:15px 4px;font-size:1.05rem;font-weight:600;border-bottom:1px solid var(--border-soft);color:var(--navy-deep);}
.mobile-nav .btn{margin-top:20px;}
@media (min-width:980px){ .mobile-nav{display:none !important;} }

/* ==========================================================================
   HERO — reprodução fiel do layout aprovado (imagem enviada pelo cliente)
   ========================================================================== */
.hero{
  position:relative;
  overflow:hidden;
  min-height:clamp(600px, 48vw, 860px);
  background:
    radial-gradient(58% 85% at 74% 62%, rgba(255,255,255,0.15) 0%, rgba(20,90,150,0.4) 32%, rgba(4,32,61,0) 62%),
    linear-gradient(115deg, var(--hero-navy-2) 0%, var(--hero-navy-1) 48%, var(--hero-navy-3) 100%);
  color:var(--white);
}
/* textura sutil de linhas arquitetônicas, discreta, ao fundo do painel esquerdo */
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0.05;
  background-image:
    repeating-linear-gradient(90deg, rgba(255,255,255,0.6) 0 1px, transparent 1px 140px),
    repeating-linear-gradient(0deg, rgba(255,255,255,0.6) 0 1px, transparent 1px 140px);
  pointer-events:none;
  z-index:0;
}

/* PNG dos empresários (fundo transparente, enviado pelo cliente) — camada decorativa independente,
   sem container, sem máscara, sem crop. Mantém proporção original via height + width:auto. */
.hero-people-wrap{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  overflow:visible;
}
.hero-people{
  position:absolute;
  right:0;
  bottom:0;
  left:auto;
  top:auto;
  width:auto;
  max-width:none;
  height:82%;
  object-fit:contain;
  display:block;
}
@media (min-width:1180px){ .hero-people{height:88%;} }
@media (min-width:1500px){ .hero-people{height:95%;} }

@media (max-width:959px){
  .hero-people-wrap{position:relative;inset:auto;z-index:1;overflow:visible;}
  .hero-people{
    position:relative;
    right:auto;bottom:auto;left:auto;top:auto;
    width:82%;
    max-width:420px;
    height:auto;
    margin:8px auto 0;
    display:block;
  }
}
@media (max-width:420px){
  .hero-people{width:88%;}
}

.hero-inner{
  position:relative;
  z-index:3;
  width:100%;
  display:flex;
  flex-direction:column;
}
@media (min-width:960px){
  .hero-inner{min-height:clamp(600px, 48vw, 860px);justify-content:center;}
}

.hero-copy{
  max-width:100%;
  padding:104px 0 42px;
  position:relative;
  z-index:2;
}
@media (min-width:960px){
  .hero-copy{max-width:47%;padding:24px 0;}
}

.hero-logo-wrap{display:block;margin-bottom:clamp(26px,6vw,52px);}
.hero-logo{
  display:block;
  width:min(230px, 60vw);
  height:auto;
  object-fit:contain;
}
@media (min-width:640px){ .hero-logo{width:250px;} }

.hero h1{
  font-size:2rem;
  letter-spacing:-0.02em;
  color:var(--white);
  text-wrap:balance;
}
@media (min-width:640px){ .hero h1{font-size:2.5rem;} }
@media (min-width:1100px){ .hero h1{font-size:2.85rem;} }
.hero h1 .accent{color:var(--gold-light);}
.hero h1 .accent-soft{
  color:var(--white);
  font-weight:800;
}

.hero-sub{margin-top:22px;font-size:1.05rem;line-height:1.7;color:rgba(255,255,255,0.88);max-width:520px;}
.hero-sub strong{color:var(--white);font-weight:700;}

.hero-cta{margin-top:34px;display:flex;flex-wrap:wrap;align-items:center;gap:16px;}
.btn-hero{
  display:inline-flex;align-items:center;gap:14px;
  padding:10px 30px 10px 10px;
  border-radius:100px;
  background:var(--gold);
  color:var(--navy-deep);
  font-weight:800;
  font-size:1.02rem;
  box-shadow:0 14px 28px rgba(0,0,0,0.28);
  transition:transform .18s ease, box-shadow .18s ease;
}
.btn-hero:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(0,0,0,0.32);}

/* Destaque de preço — "Serviço de abertura: R$ 197,00" */
.hero-price-chip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:11px 18px;
  border-radius:100px;
  background:rgba(255,255,255,0.08);
  border:1.5px solid rgba(224,182,75,0.55);
}
.hero-price-chip .label{font-size:0.82rem;color:rgba(255,255,255,0.8);}
.hero-price-chip .value{font-size:1.05rem;font-weight:800;color:var(--gold-light);}

/* Aviso de taxas — evidente, com ícone e contraste */
.hero-fees-note{
  margin-top:18px;
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  max-width:560px;
  background:rgba(3,38,63,0.55);
  border:1px solid rgba(224,182,75,0.4);
  border-left:3px solid var(--gold);
  border-radius:var(--radius-sm);
}
.hero-fees-note svg{width:20px;height:20px;flex-shrink:0;margin-top:1px;color:var(--gold-light);}
.hero-fees-note p{font-size:0.87rem;line-height:1.55;color:rgba(255,255,255,0.88);}
.hero-fees-note strong{color:var(--white);}

/* Card "Registro conduzido / JUCERJA" — sobreposto às pessoas, não empurra layout */
.hero-badge-card{
  position:relative;
  z-index:4;
  margin:-72px auto 0;
  background:var(--navy-deep);
  border:1.5px solid var(--gold);
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-md);
  padding:14px 18px;
  display:flex;
  align-items:center;
  gap:14px;
  max-width:320px;
  width:calc(100% - 40px);
}
@media (min-width:960px){
  .hero-badge-card{
    position:absolute;
    left:59%;
    bottom:11%;
    margin:0;
    width:auto;
    max-width:300px;
  }
}
.hero-badge-card .seal-wrap{width:38px;height:38px;border-radius:50%;background:rgba(224,182,75,0.14);border:1.5px solid var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hero-badge-card .seal-wrap svg{width:20px;height:20px;color:var(--gold);}
.hero-badge-card strong{display:block;font-size:0.88rem;color:var(--white);font-weight:700;}
.hero-badge-card span{display:block;font-size:0.83rem;color:rgba(255,255,255,0.75);}
.hero-badge-card .badge-tag{display:block;margin-top:2px;font-size:0.74rem;font-weight:800;letter-spacing:0.05em;color:var(--gold-light);}

/* ---------- PROBLEMA ---------- */
.problem-grid{display:grid;gap:40px;align-items:center;}
@media (min-width:960px){ .problem-grid{grid-template-columns:1fr 1fr;gap:60px;} }
.problem-media{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);aspect-ratio:4/3;}
.problem-media img{width:100%;height:100%;object-fit:cover;}
.doubt-list{margin-top:22px;display:grid;gap:10px;}
.doubt-item{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;background:var(--bg-light);border-radius:var(--radius-sm);font-size:0.94rem;font-weight:600;color:var(--navy-deep);}
.doubt-item svg{color:var(--gold);flex-shrink:0;margin-top:3px;}
.problem-closer{margin-top:22px;font-weight:700;color:var(--navy-deep);font-size:1.02rem;border-left:3px solid var(--gold);padding-left:14px;}

/* ---------- BENEFÍCIOS ---------- */
.card-grid{display:grid;gap:20px;grid-template-columns:1fr;}
@media (min-width:640px){ .card-grid{grid-template-columns:1fr 1fr;} }
@media (min-width:1080px){ .card-grid{grid-template-columns:repeat(4,1fr);} }
.benefit-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.14);border-radius:var(--radius-md);padding:26px 22px;transition:transform .2s ease, background .2s ease, border-color .2s ease;}
.benefit-card:hover{transform:translateY(-4px);background:rgba(255,255,255,0.08);border-color:rgba(224,182,75,0.45);}
.benefit-icon{width:46px;height:46px;border-radius:12px;background:rgba(224,182,75,0.14);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.benefit-icon svg{width:24px;height:24px;color:var(--gold-light);}
.benefit-card h3{font-size:1.06rem;color:var(--white);margin-bottom:8px;}
.benefit-card p{font-size:0.92rem;color:#C9D5DF;}

/* ---------- PARA QUEM ---------- */
.whom-grid{display:grid;gap:12px;grid-template-columns:1fr;}
@media (min-width:640px){ .whom-grid{grid-template-columns:1fr 1fr;} }
@media (min-width:1000px){ .whom-grid{grid-template-columns:1fr 1fr 1fr;} }
.whom-item{display:flex;align-items:center;gap:13px;padding:16px 18px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--white);font-weight:600;font-size:0.95rem;transition:border-color .2s ease, box-shadow .2s ease;}
.whom-item:hover{border-color:var(--gold);box-shadow:var(--shadow-sm);}
.whom-item .num{width:30px;height:30px;border-radius:50%;background:var(--bg-light);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:0.78rem;font-weight:800;flex-shrink:0;}
.whom-note{margin-top:26px;color:var(--gray);font-size:0.96rem;max-width:640px;}

/* ---------- COMO FUNCIONA ---------- */
.timeline{position:relative;margin-top:20px;}
.timeline-track{display:grid;gap:0;grid-template-columns:1fr;}
@media (min-width:900px){ .timeline-track{grid-template-columns:repeat(5,1fr);gap:18px;} }
.timeline-step{position:relative;padding:0 0 34px 54px;}
@media (min-width:900px){ .timeline-step{padding:54px 0 0 0;} }
.timeline-step::before{content:"";position:absolute;left:15px;top:36px;bottom:0;width:2px;background:var(--border-soft);}
.timeline-track .timeline-step:last-child::before{display:none;}
@media (min-width:900px){ .timeline-step::before{left:32px;right:-18px;top:15px;bottom:auto;width:auto;height:2px;} }
.timeline-num{position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--navy-deep);color:var(--gold-light);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:0.85rem;z-index:1;}
@media (min-width:900px){ .timeline-num{position:static;margin-bottom:18px;} }
.timeline-step h3{font-size:1rem;margin-bottom:6px;}
.timeline-step p{font-size:0.9rem;color:var(--gray);}

/* ---------- O QUE ESTÁ INCLUSO ---------- */
.included-grid{display:grid;gap:10px;grid-template-columns:1fr;margin-top:10px;}
@media (min-width:640px){ .included-grid{grid-template-columns:1fr 1fr;} }
.included-item{display:flex;align-items:center;gap:12px;padding:15px 16px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);border-radius:var(--radius-sm);font-size:0.93rem;font-weight:600;color:var(--white);}
.included-item svg{color:var(--gold-light);flex-shrink:0;}
.included-note{margin-top:24px;padding:16px 18px;border:1px dashed rgba(224,182,75,0.5);border-radius:var(--radius-sm);font-size:0.88rem;color:#C9D5DF;}

/* ---------- INFORMAÇÕES NECESSÁRIAS ---------- */
.info-columns{display:grid;gap:14px;grid-template-columns:1fr;margin-top:8px;}
@media (min-width:640px){ .info-columns{grid-template-columns:1fr 1fr;} }
.info-list li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--border-soft);font-size:0.93rem;color:var(--text-dark);}
.info-list li:last-child{border-bottom:none;}
.info-list svg{color:var(--gold);flex-shrink:0;margin-top:3px;}
.info-footnote{margin-top:22px;color:var(--gray);font-size:0.94rem;}

/* ---------- AVISO SOBRE O LOCAL ---------- */
.notice-card{border:1.5px solid var(--gold);background:linear-gradient(180deg, rgba(201,149,39,0.06) 0%, rgba(201,149,39,0.01) 100%);border-radius:var(--radius-lg);padding:32px 24px;display:grid;gap:30px;}
@media (min-width:900px){ .notice-card{padding:44px;grid-template-columns:1.15fr 0.85fr;align-items:center;} }
.notice-card h2{font-size:1.5rem;}
@media (min-width:640px){ .notice-card h2{font-size:1.8rem;} }
.notice-card > div > p{margin-top:14px;color:var(--gray);font-size:0.98rem;}
.checklist{margin-top:22px;display:grid;gap:9px;}
.checklist li{display:flex;align-items:center;gap:10px;font-size:0.92rem;font-weight:600;color:var(--navy-deep);}
.checklist svg{width:20px;height:20px;flex-shrink:0;color:var(--white);background:var(--gold);border-radius:50%;padding:3px;}
.notice-media{border-radius:var(--radius-md);overflow:hidden;aspect-ratio:4/3;box-shadow:var(--shadow-sm);}
.notice-media img{width:100%;height:100%;object-fit:cover;}

/* ---------- INVESTIMENTO ---------- */
.pricing-grid{display:grid;gap:22px;grid-template-columns:1fr;align-items:stretch;}
@media (min-width:860px){ .pricing-grid{grid-template-columns:1fr 1fr;} }
.price-card{border-radius:var(--radius-lg);padding:32px 28px;display:flex;flex-direction:column;}
.price-card.main{background:var(--navy-deep);color:var(--white);box-shadow:var(--shadow-md);position:relative;overflow:hidden;}
.price-card.main::after{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle, rgba(224,182,75,0.18), rgba(224,182,75,0) 70%);}
.price-card.secondary{background:var(--bg-light);border:1px solid var(--border-soft);}
.price-label{font-size:0.85rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--gold-light);}
.price-card.secondary .price-label{color:var(--gold);}
.price-value{font-family:var(--font-display);font-size:3rem;font-weight:800;margin:10px 0 4px;letter-spacing:-0.02em;}
.price-value small{font-size:1.1rem;font-weight:700;}
.price-card p{margin-top:8px;}
.price-card.main p{color:#C9D5DF;font-size:0.95rem;}
.price-card.secondary p{color:var(--gray);font-size:0.95rem;}
.fee-list{margin-top:16px;display:grid;gap:8px;}
.fee-list li{display:flex;align-items:center;gap:9px;font-size:0.9rem;color:var(--text-dark);font-weight:600;}
.fee-list li svg{color:var(--gold);flex-shrink:0;}
.price-note{margin-top:18px;font-size:0.82rem;padding:12px 14px;border-radius:var(--radius-sm);}
.price-card.main .price-note{background:rgba(255,255,255,0.08);color:#C9D5DF;}
.price-card.secondary .price-note{background:#FFF6E4;color:#7A5A16;border:1px solid rgba(201,149,39,0.35);font-weight:600;}
.price-card .btn{margin-top:auto;padding-top:20px;align-self:flex-start;}
.price-card.main .spacer-btn{margin-top:24px;}

/* ---------- REGULARIZAÇÃO ---------- */
.regularize-wrap{display:grid;gap:36px;}
@media (min-width:960px){ .regularize-wrap{grid-template-columns:1fr 1fr;align-items:start;} }
.tag-list{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px;}
.tag-list li{padding:9px 15px;background:var(--bg-light);border:1px solid var(--border-soft);border-radius:100px;font-size:0.86rem;font-weight:600;color:var(--navy-deep);}
.callout{margin-top:22px;padding:16px 18px;background:#FFF6E4;border:1px solid rgba(201,149,39,0.35);border-radius:var(--radius-sm);font-size:0.88rem;color:#7A5A16;}

/* ---------- FORMULÁRIO ---------- */
.form-wrap{background:var(--bg-light);border-radius:var(--radius-lg);padding:28px 20px;}
@media (min-width:640px){ .form-wrap{padding:44px;} }
.form-grid{display:grid;gap:16px;grid-template-columns:1fr;margin-top:26px;}
@media (min-width:640px){ .form-grid{grid-template-columns:1fr 1fr;} }
.field{display:flex;flex-direction:column;gap:7px;}
.field.full{grid-column:1/-1;}
.field label{font-size:0.87rem;font-weight:700;color:var(--navy-deep);}
.field .req{color:var(--gold);}
.field input, .field select, .field textarea{padding:13px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--border-soft);background:var(--white);color:var(--text-dark);transition:border-color .2s ease, box-shadow .2s ease;}
.field input:focus, .field select:focus, .field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(201,149,39,0.14);outline:none;}
.field textarea{resize:vertical;min-height:100px;}
.field.error input, .field.error select{border-color:#C0392B;}
.field-error-msg{font-size:0.78rem;color:#C0392B;display:none;}
.field.error .field-error-msg{display:block;}
.consent{display:flex;align-items:flex-start;gap:10px;margin-top:6px;font-size:0.85rem;color:var(--gray);}
.consent input{margin-top:3px;flex-shrink:0;}
.consent a{color:var(--navy);font-weight:700;text-decoration:underline;}
.form-submit-row{margin-top:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;}
.form-feedback{font-size:0.9rem;font-weight:600;display:none;padding:12px 16px;border-radius:var(--radius-sm);}
.form-feedback.show{display:block;}
.form-feedback.success{background:#E9F7EF;color:#1E7E4B;}
.form-feedback.error{background:#FDECEA;color:#B3261E;}

/* ---------- FAQ ---------- */
.faq-list{margin-top:8px;border-top:1px solid var(--border-soft);}
.faq-item{border-bottom:1px solid var(--border-soft);}
.faq-q{width:100%;background:none;border:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 4px;text-align:left;font-size:0.98rem;font-weight:700;color:var(--navy-deep);}
.faq-q .plus{flex-shrink:0;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--gold);display:flex;align-items:center;justify-content:center;position:relative;}
.faq-q .plus::before, .faq-q .plus::after{content:"";position:absolute;background:var(--gold);}
.faq-q .plus::before{width:11px;height:2px;}
.faq-q .plus::after{width:2px;height:11px;transition:transform .22s ease;}
.faq-item.open .faq-q .plus::after{transform:rotate(90deg);opacity:0;}
.faq-a{max-height:0;overflow:hidden;transition:max-height .28s ease;}
.faq-a-inner{padding:0 30px 20px 4px;color:var(--gray);font-size:0.93rem;}
.faq-item.open .faq-a{max-height:400px;}

/* ---------- CTA FINAL ---------- */
.cta-final{text-align:center;padding:60px 0;}
.cta-final h2{font-size:1.7rem;color:var(--white);}
@media (min-width:640px){ .cta-final h2{font-size:2.2rem;} }
.cta-final p{max-width:560px;margin:16px auto 0;color:#C9D5DF;font-size:1.02rem;}
.cta-final .btn{margin-top:28px;}
.cta-final .fine{margin-top:16px;color:#9DB0C0;font-size:0.85rem;}

/* ---------- RODAPÉ ---------- */
.site-footer{background:var(--navy-deep);color:#C9D5DF;padding:56px 0 26px;}
.footer-grid{display:grid;gap:32px;grid-template-columns:1fr;}
@media (min-width:720px){ .footer-grid{grid-template-columns:1fr 1fr;} }
@media (min-width:1080px){ .footer-grid{grid-template-columns:1.1fr 0.9fr 1.1fr 0.9fr;} }
.footer-brand img{height:34px;width:auto;margin-bottom:14px;}
.footer-brand p{font-size:0.88rem;color:#9DB0C0;max-width:320px;}
.footer-col h4{color:var(--white);font-size:0.88rem;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:14px;}
.footer-units{display:grid;gap:16px;}
.footer-unit-name{display:flex;align-items:flex-start;gap:8px;font-size:0.9rem;font-weight:700;color:var(--white);margin-bottom:4px;}
.footer-unit-name svg{flex-shrink:0;margin-top:2px;color:var(--gold-light);width:15px;height:15px;}
.footer-unit-address{font-size:0.85rem;color:#C9D5DF;line-height:1.5;padding-left:23px;}
.footer-col ul{display:grid;gap:10px;}
.footer-col a, .footer-col span{font-size:0.9rem;color:#C9D5DF;}
.footer-col a:hover{color:var(--gold-light);}
.footer-bottom{margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,0.1);display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;font-size:0.8rem;color:#8CA0B2;}
.footer-legal{display:flex;gap:18px;flex-wrap:wrap;}
.footer-legal a{color:#8CA0B2;}
.footer-legal a:hover{color:var(--gold-light);}

/* ---------- REFORMA TRIBUTÁRIA ---------- */
.reform-highlights{
  margin-top:28px;
  display:grid;
  gap:12px;
  grid-template-columns:1fr;
}
@media (min-width:720px){ .reform-highlights{grid-template-columns:repeat(3,1fr);} }
.reform-highlight{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 18px;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.14);
  border-radius:var(--radius-sm);
  font-size:0.93rem;
  font-weight:700;
  color:var(--white);
}
.reform-highlight svg{color:var(--gold-light);flex-shrink:0;}
.reform-text{margin-top:18px;max-width:720px;}

/* ---------- GESTÃO EMPRESARIAL x RH ---------- */
.split-grid{
  display:grid;
  gap:22px;
  grid-template-columns:1fr;
}
@media (min-width:860px){ .split-grid{grid-template-columns:1fr 1fr;} }
.split-card{
  border-radius:var(--radius-lg);
  padding:32px 28px;
  display:flex;
  flex-direction:column;
}
.split-card.variant-a{background:var(--navy-deep);color:var(--white);box-shadow:var(--shadow-md);}
.split-card.variant-b{background:var(--bg-light);border:1px solid var(--border-soft);}
.split-card h3{font-size:1.25rem;}
.split-card.variant-a h3{color:var(--white);}
.split-card p.split-desc{margin-top:12px;font-size:0.95rem;}
.split-card.variant-a p.split-desc{color:#C9D5DF;}
.split-card.variant-b p.split-desc{color:var(--gray);}
.split-list{margin-top:18px;display:grid;gap:9px;}
.split-list li{display:flex;align-items:center;gap:10px;font-size:0.92rem;font-weight:600;}
.split-card.variant-a .split-list li{color:var(--white);}
.split-card.variant-b .split-list li{color:var(--navy-deep);}
.split-list svg{flex-shrink:0;}
.split-card.variant-a .split-list svg{color:var(--gold-light);}
.split-card.variant-b .split-list svg{color:var(--gold);}
.split-card .btn{margin-top:24px;align-self:flex-start;}

/* ---------- PLANOS CONTÁBEIS ---------- */
.plans-grid{
  display:grid;
  gap:20px;
  grid-template-columns:1fr;
}
@media (min-width:640px){ .plans-grid{grid-template-columns:1fr 1fr;} }
@media (min-width:1180px){ .plans-grid{grid-template-columns:repeat(4,1fr);} }
.plan-card{
  position:relative;
  display:flex;
  flex-direction:column;
  background:var(--white);
  border:1.5px solid var(--border-soft);
  border-radius:var(--radius-lg);
  padding:28px 24px;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.plan-card.featured{
  border-color:var(--gold);
  box-shadow:0 14px 34px rgba(201,149,39,0.18);
}
.plan-featured-tag{
  position:absolute;
  top:-13px;left:50%;
  transform:translateX(-50%);
  background:var(--gold);
  color:var(--navy-deep);
  font-size:0.72rem;
  font-weight:800;
  letter-spacing:0.04em;
  text-transform:uppercase;
  padding:6px 14px;
  border-radius:100px;
  white-space:nowrap;
}
.plan-name{font-size:1.1rem;color:var(--navy-deep);font-weight:800;}
.plan-tag{display:inline-block;margin-top:6px;font-size:0.76rem;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:0.04em;}
.plan-price{margin-top:14px;font-family:var(--font-display);font-size:1.9rem;font-weight:800;color:var(--navy-deep);}
.plan-price .unit{font-size:0.95rem;font-weight:700;color:var(--gray);}
.plan-desc{margin-top:10px;font-size:0.88rem;color:var(--gray);min-height:58px;}
.plan-list{margin-top:16px;display:grid;gap:9px;flex-grow:1;}
.plan-list li{display:flex;align-items:flex-start;gap:8px;font-size:0.86rem;color:var(--text-dark);}
.plan-list svg{flex-shrink:0;margin-top:3px;color:var(--gold);}
.plan-note{margin-top:14px;font-size:0.78rem;color:var(--gray);line-height:1.5;padding-top:12px;border-top:1px solid var(--border-soft);}
.plan-card .btn{margin-top:18px;width:100%;}

/* ---------- QUEM SOMOS ---------- */
.about-grid{
  display:grid;
  gap:36px;
  align-items:center;
}
@media (min-width:960px){ .about-grid{grid-template-columns:1fr 1fr;gap:56px;} }
.about-highlights{
  margin-top:24px;
  display:grid;
  gap:10px;
}
@media (min-width:520px){ .about-highlights{grid-template-columns:1fr 1fr;} }
.about-highlight{
  display:flex;
  align-items:center;
  gap:11px;
  padding:14px 16px;
  background:var(--bg-light);
  border-radius:var(--radius-sm);
  font-size:0.88rem;
  font-weight:700;
  color:var(--navy-deep);
}
.about-highlight svg{color:var(--gold);flex-shrink:0;}
.about-closer{
  margin-top:22px;
  font-weight:700;
  color:var(--navy-deep);
  font-size:1.05rem;
  border-left:3px solid var(--gold);
  padding-left:14px;
}
.about-media{
  border-radius:var(--radius-lg);
  overflow:hidden;
  box-shadow:var(--shadow-sm);
  aspect-ratio:4/3;
}
.about-media img{width:100%;height:100%;object-fit:cover;}

/* ---------- PARCERIA VARGEMSIGN ---------- */
.partner-strip{
  background:var(--bg-light);
  border-top:1px solid var(--border-soft);
  border-bottom:1px solid var(--border-soft);
  padding:40px 0;
}
.partner-inner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:28px;
  justify-content:space-between;
}
.partner-copy{flex:1 1 320px;}
.partner-copy h3{font-size:1.05rem;color:var(--navy-deep);}
.partner-copy p{margin-top:8px;font-size:0.9rem;color:var(--gray);max-width:520px;}
.partner-logos{
  display:flex;
  align-items:center;
  gap:22px;
  flex-wrap:wrap;
}
.partner-logos img{height:34px;width:auto;object-fit:contain;display:block;}
.partner-divider{color:var(--gray-light);font-size:0.85rem;font-weight:600;}
.partner-logo-text{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:var(--font-display);
  font-weight:800;
  font-size:1.05rem;
  color:var(--navy-deep);
  letter-spacing:-0.01em;
}
.partner-logo-text .dot{color:var(--gold);}

/* ---------- ÍCONE INSTAGRAM NO RODAPÉ ---------- */
.footer-social{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.footer-social svg{width:17px;height:17px;flex-shrink:0;}

/* ---------- NOSSOS CLIENTES (CARROSSEL) ---------- */
.clients-carousel-wrap{
  position:relative;
  margin-top:8px;
}
.clients-track{
  display:flex;
  gap:20px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding:6px 4px 20px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:var(--gold) var(--bg-light);
}
.clients-track::-webkit-scrollbar{height:6px;}
.clients-track::-webkit-scrollbar-track{background:var(--bg-light);border-radius:10px;}
.clients-track::-webkit-scrollbar-thumb{background:var(--gold);border-radius:10px;}

.client-card{
  scroll-snap-align:start;
  flex:0 0 auto;
  width:82%;
  max-width:340px;
  background:var(--white);
  border:1px solid var(--border-soft);
  border-radius:var(--radius-lg);
  padding:28px 26px;
  display:flex;
  flex-direction:column;
  box-shadow:var(--shadow-sm);
}
@media (min-width:640px){ .client-card{width:calc(50% - 10px);max-width:none;} }
@media (min-width:1080px){ .client-card{width:calc(33.333% - 14px);} }

.client-logo-box{
  height:72px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin-bottom:18px;
}
.client-logo-box img{max-height:72px;max-width:160px;width:auto;height:auto;object-fit:contain;display:block;}
.client-logo-box.tile img{
  max-height:60px;
  border-radius:10px;
}

.client-quote-mark{
  font-family:Georgia, 'Times New Roman', serif;
  font-size:2.6rem;
  line-height:1;
  color:var(--gold);
  opacity:0.55;
  margin-bottom:4px;
}
.client-testimonial{
  font-size:0.93rem;
  line-height:1.62;
  color:var(--text-dark);
}
.client-read-more{
  margin-top:12px;
  background:none;
  border:none;
  padding:0;
  font-size:0.83rem;
  font-weight:700;
  color:var(--navy);
  text-decoration:underline;
  cursor:pointer;
  align-self:flex-start;
}
.client-read-more:hover{color:var(--gold);}
.client-footer-name{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid var(--border-soft);
  font-size:0.82rem;
  font-weight:700;
  color:var(--navy-deep);
  letter-spacing:0.02em;
}

.clients-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin-top:8px;
}
.clients-nav-btn{
  width:44px;height:44px;
  border-radius:50%;
  border:1.5px solid var(--border-soft);
  background:var(--white);
  color:var(--navy-deep);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
  flex-shrink:0;
}
.clients-nav-btn:hover{border-color:var(--gold);color:var(--gold);}
.clients-nav-btn:active{transform:scale(0.94);}
.clients-nav-btn:disabled{opacity:0.35;cursor:not-allowed;}
.clients-nav-btn:disabled:hover{border-color:var(--border-soft);color:var(--navy-deep);}
.clients-nav-btn svg{width:20px;height:20px;}

.clients-dots{
  display:flex;
  align-items:center;
  gap:8px;
}
.clients-dot{
  width:8px;height:8px;
  border-radius:50%;
  background:var(--border-soft);
  border:none;
  padding:0;
  cursor:pointer;
  transition:background .18s ease, transform .18s ease;
}
.clients-dot:hover{background:var(--gold-light);}
.clients-dot.active{background:var(--gold);transform:scale(1.3);}

/* Modal simples de depoimento completo */
.testimonial-modal-overlay{
  position:fixed;
  inset:0;
  background:rgba(3,38,63,0.6);
  z-index:400;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.testimonial-modal-overlay.open{display:flex;}
.testimonial-modal{
  background:var(--white);
  border-radius:var(--radius-lg);
  max-width:560px;
  width:100%;
  max-height:80vh;
  overflow-y:auto;
  padding:32px 28px;
  position:relative;
  box-shadow:var(--shadow-md);
}
.testimonial-modal-close{
  position:absolute;
  top:16px;right:16px;
  width:36px;height:36px;
  border-radius:50%;
  border:1px solid var(--border-soft);
  background:var(--white);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  color:var(--navy-deep);
}
.testimonial-modal-close:hover{border-color:var(--gold);color:var(--gold);}
.testimonial-modal .client-logo-box{margin-bottom:16px;}
.testimonial-modal-text{font-size:0.98rem;line-height:1.7;color:var(--text-dark);}
.testimonial-modal-name{margin-top:18px;font-size:0.85rem;font-weight:700;color:var(--navy-deep);}

/* ---------- WHATSAPP FLUTUANTE ---------- */
.wa-float{position:fixed;right:18px;bottom:18px;z-index:250;width:58px;height:58px;border-radius:50%;background:#22C35E;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(34,195,94,0.42);transition:transform .18s ease;}
.wa-float:hover{transform:scale(1.06);}
.wa-float svg{width:29px;height:29px;color:#fff;}
@media (min-width:980px){ .wa-float{right:26px;bottom:26px;} }