:root{--navy:#111a33;--navy2:#202238;--gold:#e5b32b;--gold2:#f0c862;--text:#1e2940;--muted:#6e7480;--shadow:0 24px 70px rgba(17,26,51,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6}.container{width:min(1160px,calc(100% - 40px));margin:auto}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(17,26,51,.08)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:var(--navy);text-decoration:none}.brand img{width:52px;height:52px;border-radius:50%;object-fit:cover}.brand span{display:grid;line-height:1.05}.brand strong{font-family:Montserrat,sans-serif;font-size:1.05rem}.brand small{text-transform:uppercase;letter-spacing:.22em;font-size:.62rem;color:#9c7718;margin-top:5px}.menu{display:flex;align-items:center;gap:24px}.menu a{color:var(--navy);text-decoration:none;font-weight:650;font-size:.92rem}.menu a:hover{color:#b88708}.nav-cta{padding:11px 17px;border-radius:999px;background:var(--navy);color:#fff!important}.menu-button{display:none;border:0;background:none;font-size:1.7rem;color:var(--navy)}.hero{min-height:760px;position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#fbf7ea 52%,#f1e2ae 100%);display:flex;align-items:center}.hero:before{content:"";position:absolute;width:720px;height:720px;border:1px solid rgba(229,179,43,.35);border-radius:50%;right:-230px;top:-290px}.hero-glow{position:absolute;width:430px;height:430px;border-radius:50%;background:rgba(229,179,43,.24);filter:blur(80px);right:8%;top:20%}.hero-grid{position:relative;display:grid;grid-template-columns:1.14fr .86fr;align-items:center;gap:70px;padding:90px 0}.eyebrow{display:inline-block;font-size:.76rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.eyebrow.dark{color:#9a7412}.eyebrow.gold{color:var(--gold2)}h1,h2,h3{font-family:Montserrat,sans-serif;line-height:1.08;margin:0}h1{font-size:clamp(3rem,5.7vw,5.7rem);letter-spacing:-.045em;color:var(--navy);max-width:820px}h1 span{color:#c99510}.hero-copy>p{font-size:1.14rem;color:#5f6570;max-width:720px;margin:26px 0 30px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;text-decoration:none;font-weight:800;transition:.2s}.btn.primary{background:var(--navy);color:#fff;box-shadow:0 14px 30px rgba(17,26,51,.22)}.btn.ghost{border:1px solid rgba(17,26,51,.25);color:var(--navy);background:#fff}.btn.light{background:#fff;color:var(--navy)}.btn:hover{transform:translateY(-2px)}.hero-points{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;color:#5c6270;font-weight:700;font-size:.86rem}.hero-card{background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.95);border-radius:32px;padding:26px;box-shadow:var(--shadow);backdrop-filter:blur(10px)}.hero-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:24px}.hero-card-text{padding:20px 4px 2px;display:grid;gap:8px}.hero-card-text small{font-weight:800;letter-spacing:.14em;color:#9c7718}.hero-card-text strong{font-size:1.25rem}.hero-card-text span{color:var(--muted);font-size:.88rem}.section{padding:110px 0}.soft{background:#f7f7f8}.section-heading{max-width:760px;margin-bottom:52px}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2,.split h2,.results-copy h2,.cta-box h2{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.03em;color:var(--navy);margin-top:12px}.section-heading p{color:var(--muted);font-size:1.02rem}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.problem-card{border:1px solid #e8e8e8;border-radius:24px;padding:30px;background:#fff;box-shadow:0 12px 34px rgba(17,26,51,.06)}.problem-card span,.benefit i{font-size:.8rem;color:#aa8012;font-weight:800;font-style:normal}.problem-card h3{font-size:1.35rem;margin:28px 0 12px}.problem-card p,.benefit p,.step p,.team-card p{margin:0;color:var(--muted)}.dark-section{background:var(--navy2);color:#fff}.dark-section .split h2,.dark-section h3{color:#fff}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.lead{font-size:1.1rem;color:#c6c8d0;max-width:520px}.approach-list,.target-list{display:grid;gap:16px}.approach-list>div,.target-list>div{padding:22px 24px;border-radius:18px;display:grid;gap:4px}.approach-list>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11)}.approach-list span{color:#c8cad2}.target-list>div{background:#fff;border:1px solid #e5e5e5;box-shadow:0 10px 28px rgba(17,26,51,.05)}.target-list span{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step{padding:35px;border-radius:26px;background:#fff;border:1px solid #ececec;box-shadow:0 14px 34px rgba(17,26,51,.05)}.step span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--gold);color:var(--navy);font-weight:900}.step h3{margin:25px 0 10px;font-size:1.4rem}.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.benefit{background:#fff;padding:28px;border-radius:22px;border:1px solid #e8e8e8}.benefit h3{margin:18px 0 8px}.results-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.results-copy p{color:var(--muted);font-size:1.04rem}.results-copy .note{font-size:.78rem}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.metrics article{min-height:165px;padding:25px;border-radius:24px;background:linear-gradient(135deg,#fff6d9,#f0c862);display:flex;flex-direction:column;justify-content:end}.metrics strong{font-family:Montserrat,sans-serif;font-size:2.2rem;color:var(--navy)}.metrics span{font-weight:650;color:#4a4f5a}.compact{padding:70px 0}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.value{padding:10px 18px;border-left:2px solid var(--gold)}.value h3{font-size:1.2rem;margin-bottom:10px}.value p{margin:0;color:#c8cad2}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.team-card{background:#fff;border:1px solid #e5e5e5;border-radius:26px;overflow:hidden;box-shadow:0 16px 38px rgba(17,26,51,.08)}.team-card img{width:100%;height:310px;object-fit:cover;object-position:center top;display:block}.team-card div{padding:26px}.team-card h3{font-size:1.5rem}.team-card span{display:block;color:#a47b13;font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;margin:8px 0 14px}.cta-section{padding:90px 0;background:#f5e5ad}.cta-box{background:var(--navy);color:#fff;border-radius:32px;padding:50px;display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;box-shadow:var(--shadow)}.cta-box h2{color:#fff}.cta-box p{color:#c8cad2;margin-bottom:0}.cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.cta-actions small{color:#aeb1bb}footer{background:#0a1021;color:#fff;padding:42px 0}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr 1fr 1.4fr;gap:28px;align-items:center}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand img{width:56px;height:56px;border-radius:50%}.footer-brand div,.footer-grid>div{display:grid}.footer-grid strong{font-size:.9rem}.footer-grid span,.footer-grid p{font-size:.8rem;color:#a9afbd;margin:0}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#0b1020;color:#fff;padding:14px 20px;border-radius:999px;box-shadow:0 12px 35px rgba(0,0,0,.24);transition:.25s;z-index:100;font-size:.86rem}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(22px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}@media(max-width:920px){.menu-button{display:block}.menu{position:absolute;top:78px;left:20px;right:20px;background:#fff;border:1px solid #e7e7e7;border-radius:20px;padding:20px;display:none;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.menu.open{display:flex}.hero-grid,.split,.results-wrap,.cta-box{grid-template-columns:1fr;gap:42px}.hero-grid{padding:68px 0}.problem-grid,.steps,.team-grid{grid-template-columns:1fr}.benefits-grid,.metrics,.values-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.container{width:min(100% - 26px,1160px)}.section{padding:78px 0}.hero-grid{padding:54px 0}.hero h1{font-size:2.65rem}.hero-copy>p{font-size:1rem}.benefits-grid,.metrics,.values-grid,.footer-grid{grid-template-columns:1fr}.team-card img{height:360px}.cta-box{padding:30px 24px}.hero-points span{width:100%}}
/* Atualizações de contato e equipe */
.team-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:28px}
.team-card img{width:152px;height:152px;max-width:152px;max-height:152px;object-fit:cover;object-position:center;border-radius:50%;display:block;image-rendering:auto;box-shadow:0 10px 28px rgba(17,26,51,.12)}
.team-card div{padding:22px 26px 28px}
.phone-link{color:#fff;text-decoration:none;font-weight:800;font-size:1.08rem}
.phone-link:hover{text-decoration:underline}
.footer-contact{font-size:.8rem;color:#d8b447;text-decoration:none;font-weight:700}
.footer-contact:hover{text-decoration:underline}
.footer-brand>a{display:flex;align-items:center}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:90;background:#25d366;color:#fff;text-decoration:none;font-weight:800;padding:14px 18px;border-radius:999px;box-shadow:0 14px 35px rgba(0,0,0,.22);transition:.2s}
.whatsapp-float:hover{transform:translateY(-2px)}
@media(max-width:600px){.team-card img{width:152px;height:152px}.whatsapp-float{right:14px;bottom:14px;padding:12px 15px;font-size:.88rem}}
/* Carrossel de condomínios */
.condo-carousel{overflow:hidden;position:relative;min-height:430px;display:flex;flex-direction:column;justify-content:center;padding:36px;background:linear-gradient(145deg,#fff 0%,#fffaf0 100%)}
.carousel-head small{display:block;font-weight:800;letter-spacing:.16em;color:#b98913;margin-bottom:8px}.carousel-head strong{display:block;font-size:1.45rem;color:#14213d;line-height:1.2;margin-bottom:26px}.carousel-track{position:relative;min-height:190px}.condo-slide{position:absolute;inset:0;opacity:0;transform:translateX(28px);transition:.55s ease;pointer-events:none}.condo-slide.active{opacity:1;transform:translateX(0);pointer-events:auto}.condo-mark{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#e1ad24;color:#fff;font-weight:900;font-size:1.2rem;margin-bottom:18px}.condo-slide h3{font-size:1.55rem;color:#14213d;margin:0 0 10px}.condo-slide p{color:#5c6370;line-height:1.6;margin:0}.carousel-dots{display:flex;gap:8px;margin-top:20px}.carousel-dots .dot{width:10px;height:10px;border:0;border-radius:50%;background:#d8d8d8;cursor:pointer;padding:0}.carousel-dots .dot.active{background:#e1ad24;transform:scale(1.2)}.carousel-note{display:block;font-size:.72rem;color:#8a8f99;margin-top:16px}

.hero-sequence{margin:22px 0 26px;display:grid;gap:7px}.hero-sequence p{margin:0;font-size:clamp(1.05rem,1.7vw,1.28rem);line-height:1.45;color:inherit}.hero-sequence strong{font-weight:800}




/* V11 — logo horizontal maior e visualmente separada do menu, sem ampliar os itens do menu */
.header .nav{min-height:82px;height:82px;display:grid;grid-template-columns:minmax(330px,390px) 1fr auto;align-items:center;gap:28px}
.header .brand-horizontal{height:82px;display:flex;align-items:center;gap:14px;padding-right:28px;border-right:1px solid rgba(17,26,51,.10);overflow:visible;white-space:nowrap}
.header .brand-horizontal .brand-symbol{width:70px;height:70px;min-width:70px;object-fit:cover;border-radius:50%;transform:none}
.header .brand-wordmark{display:flex;flex-direction:column;justify-content:center;line-height:.92;color:var(--navy)}
.header .brand-topline{font-family:Georgia,'Times New Roman',serif;font-size:.78rem;letter-spacing:.38em;margin-left:.22em;margin-bottom:5px;font-weight:500}
.header .brand-wordmark strong{font-family:Georgia,'Times New Roman',serif;font-size:1.72rem;font-weight:500;letter-spacing:.015em}
.header .menu{grid-column:3;justify-self:end}
.header .menu-button{grid-column:3;justify-self:end}
@media(max-width:1050px){
  .header .nav{grid-template-columns:minmax(285px,330px) 1fr auto;gap:16px}
  .header .brand-horizontal{padding-right:18px;gap:10px}
  .header .brand-horizontal .brand-symbol{width:62px;height:62px;min-width:62px}
  .header .brand-topline{font-size:.68rem;letter-spacing:.30em}
  .header .brand-wordmark strong{font-size:1.46rem}
  .header .menu{gap:16px}
}
@media(max-width:920px){
  .header .nav{display:flex;min-height:82px;height:82px}
  .header .brand-horizontal{border-right:0;padding-right:0}
  .header .menu{top:82px}
}
@media(max-width:600px){
  .header .brand-horizontal{gap:8px}
  .header .brand-horizontal .brand-symbol{width:54px;height:54px;min-width:54px}
  .header .brand-topline{font-size:.55rem;letter-spacing:.23em;margin-bottom:4px}
  .header .brand-wordmark strong{font-size:1.12rem}
}


/* V12 — logo grande abaixo do menu, sem aumentar o menu */
.hero-brand-layout{min-height:640px;background:linear-gradient(135deg,#fff 0%,#fff 58%,#fbf7ea 100%)}
.hero-grid-logo{grid-template-columns:minmax(420px,1fr) minmax(480px,1.05fr);gap:56px;padding:28px 0 40px;align-items:center}
.hero-logo-panel{display:flex;align-items:center;justify-content:center;min-height:500px;padding:12px 0 0}
.hero-logo-panel a{display:block;width:100%;text-align:center}
.hero-logo-panel img{display:block;width:min(100%,620px);max-height:530px;height:auto;object-fit:contain;margin:0 auto;filter:drop-shadow(0 18px 35px rgba(17,26,51,.08))}
.hero-brand-layout h1{font-size:clamp(3rem,5.2vw,5rem);max-width:680px}
.hero-brand-layout .hero-subcopy{font-size:1.05rem;line-height:1.55;color:#5f6570;max-width:620px;margin:8px 0 24px}
.hero-brand-layout .hero-sequence{margin:18px 0 16px}
.hero-brand-layout .hero-sequence p{font-size:clamp(1.2rem,1.8vw,1.55rem);color:#c99510;font-weight:700}
.hero-brand-layout .hero-sequence strong{color:#c99510}
@media(max-width:1050px){
  .hero-grid-logo{grid-template-columns:1fr 1fr;gap:34px}
  .hero-logo-panel img{width:min(100%,520px)}
}
@media(max-width:920px){
  .hero-grid-logo{grid-template-columns:1fr;gap:20px;padding:24px 0 52px}
  .hero-logo-panel{min-height:auto;padding-top:12px}
  .hero-logo-panel img{width:min(92%,520px)}
  .hero-copy{text-align:center}
  .hero-brand-layout h1,.hero-brand-layout .hero-subcopy{margin-left:auto;margin-right:auto}
  .hero-actions,.hero-points{justify-content:center}
}
@media(max-width:600px){
  .hero-logo-panel img{width:min(96%,430px)}
  .hero-brand-layout h1{font-size:2.65rem}
}


/* ===== V13: MENU SOZINHO + LOGO GRANDE ABAIXO COM PRÉDIO ===== */
.header .nav.nav-menu-only{
  min-height:82px;
  height:82px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.header .nav.nav-menu-only .menu{
  margin-left:auto;
  justify-content:flex-end;
}
.header .nav.nav-menu-only .menu-button{
  margin-left:auto;
}

.hero-brand-layout{
  min-height:640px;
  background:linear-gradient(135deg,#fff 0%,#fff 63%,#fbf6e8 100%);
}
.hero-grid-logo{
  grid-template-columns:minmax(500px,1.05fr) minmax(480px,.95fr);
  gap:58px;
  padding:0;
  align-items:stretch;
  min-height:640px;
}
.hero-logo-panel{
  position:relative;
  min-height:640px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  isolation:isolate;
  padding:35px 0;
}
.hero-logo-panel .building-photo{
  position:absolute;
  inset:0;
  z-index:-3;
  background-image:url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1400&q=82");
  background-size:cover;
  background-position:center;
  filter:saturate(.72) contrast(.92);
  transform:scale(1.02);
}
.hero-logo-panel .building-fade{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(255,255,255,.20) 0%,rgba(255,255,255,.54) 48%,rgba(255,255,255,.98) 100%),
    linear-gradient(0deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.26) 42%,rgba(255,255,255,.56) 100%);
}
.hero-logo-link{
  position:relative;
  z-index:2;
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:100%!important;
  height:100%;
  text-decoration:none;
}
.hero-logo-panel .hero-logo-link img{
  width:min(92%,680px)!important;
  max-height:585px!important;
  height:auto;
  object-fit:contain;
  margin:0 auto;
  filter:drop-shadow(0 18px 30px rgba(255,255,255,.9)) drop-shadow(0 8px 25px rgba(17,26,51,.10));
}
.hero-copy{
  align-self:center;
  padding:50px 0;
}

@media(max-width:1050px){
  .hero-grid-logo{
    grid-template-columns:1fr 1fr;
    gap:34px;
  }
  .hero-logo-panel .hero-logo-link img{
    width:min(95%,560px)!important;
  }
}
@media(max-width:920px){
  .header .nav.nav-menu-only{
    justify-content:flex-end;
  }
  .header .nav.nav-menu-only .menu{
    top:82px;
  }
  .hero-grid-logo{
    grid-template-columns:1fr;
    min-height:auto;
    gap:0;
  }
  .hero-logo-panel{
    min-height:470px;
  }
  .hero-logo-panel .building-fade{
    background:
      linear-gradient(90deg,rgba(255,255,255,.20) 0%,rgba(255,255,255,.40) 50%,rgba(255,255,255,.72) 100%),
      linear-gradient(0deg,rgba(255,255,255,.90) 0%,rgba(255,255,255,.18) 45%,rgba(255,255,255,.48) 100%);
  }
  .hero-copy{
    padding:46px 0 58px;
    text-align:center;
  }
}
@media(max-width:600px){
  .hero-logo-panel{
    min-height:390px;
  }
  .hero-logo-panel .hero-logo-link img{
    width:min(94%,430px)!important;
  }
}

/* ===== V14: LOGO HD + MENU CENTRALIZADO ===== */
.header .nav.nav-menu-only{
  position:relative;
  justify-content:center !important;
}
.header .nav.nav-menu-only .menu{
  width:100%;
  margin:0 auto !important;
  display:flex;
  align-items:center;
  justify-content:center !important;
  gap:34px;
}
.hero-logo-panel .hero-logo-link img{
  width:min(96%,720px) !important;
  max-height:610px !important;
  image-rendering:auto;
}

@media(max-width:920px){
  .header .nav.nav-menu-only{
    justify-content:flex-end !important;
  }
  .header .nav.nav-menu-only .menu{
    width:auto;
  }
}


/* ===== V15: LAYOUT FULL WIDTH ===== */
/* Mantém o conteúdo elegante, mas faz as áreas principais ocuparem 100% da tela */
body, html {
  width: 100%;
  max-width: none;
  overflow-x: hidden;
}

.header,
.hero,
.hero-brand-layout,
section,
footer {
  width: 100%;
  max-width: none;
}

/* Cabeçalho e menu aproveitando toda a largura */
.header .container.nav.nav-menu-only {
  width: 100%;
  max-width: none !important;
  padding-left: clamp(24px, 5vw, 90px);
  padding-right: clamp(24px, 5vw, 90px);
  box-sizing: border-box;
}

/* Hero de ponta a ponta */
.hero-brand-layout .container.hero-grid-logo {
  width: 100%;
  max-width: none !important;
  margin: 0;
  padding-left: 0;
  padding-right: clamp(30px, 5vw, 100px);
  box-sizing: border-box;
  grid-template-columns: minmax(52%, 1.08fr) minmax(40%, .92fr);
}

/* Prédio + logo ocupando toda a metade esquerda */
.hero-logo-panel {
  width: 100%;
  max-width: none;
}

/* Texto utiliza melhor a metade direita */
.hero-copy {
  width: 100%;
  max-width: 760px;
  justify-self:center;
}

/* Demais seções: fundo em 100% e conteúdo interno mais amplo */
section > .container:not(.hero-grid-logo),
footer > .container,
.topbar .container {
  width: min(94%, 1600px);
  max-width: 1600px !important;
}

/* Nossa abordagem ganha mais espaço horizontal */
.approach-grid,
.features-grid,
.results-grid,
.team-grid {
  width: 100%;
}

@media (min-width: 1600px) {
  .hero-brand-layout .container.hero-grid-logo {
    grid-template-columns: 55% 45%;
  }
  .hero-logo-panel .hero-logo-link img {
    width: min(88%, 800px) !important;
    max-height: 650px !important;
  }
}

@media (max-width: 920px) {
  .hero-brand-layout .container.hero-grid-logo {
    grid-template-columns: 1fr;
    padding-right: 0;
  }
  .hero-copy {
    max-width: none;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
  }
  section > .container:not(.hero-grid-logo),
  footer > .container,
  .topbar .container {
    width: calc(100% - 36px);
  }
}


/* ===== V16: MOBILE REFINADO ===== */
@media (max-width: 920px) {
  .topbar { font-size: 13px; }
  .topbar .container {
    width: 100% !important;
    padding: 8px 16px;
    box-sizing: border-box;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }

  .header .nav.nav-menu-only {
    min-height: 68px !important;
    height: 68px !important;
    padding: 0 16px !important;
  }

  .menu-button {
    width: 44px;
    height: 44px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 24px;
  }

  .header .nav.nav-menu-only .menu {
    position: absolute;
    top: 68px !important;
    left: 12px;
    right: 12px;
    width: auto !important;
    background: #fff;
    border: 1px solid rgba(15,34,68,.10);
    border-radius: 16px;
    padding: 12px;
    box-shadow: 0 18px 45px rgba(10,28,57,.15);
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    z-index: 9999;
  }

  .header .nav.nav-menu-only .menu a {
    display: block;
    width: 100%;
    padding: 13px 15px;
    border-radius: 10px;
    text-align: center;
    box-sizing: border-box;
  }

  .header .nav.nav-menu-only .menu .nav-cta { margin-top: 4px; }

  .hero-brand-layout { min-height: auto !important; }

  .hero-brand-layout .container.hero-grid-logo {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  .hero-logo-panel {
    order: 1;
    width: 100%;
    min-height: 420px !important;
    padding: 20px 12px 18px !important;
    box-sizing: border-box;
  }

  .hero-logo-panel .building-photo { background-position: center 35% !important; }

  .hero-logo-panel .building-fade {
    background:
      linear-gradient(180deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.48) 52%, rgba(255,255,255,.95) 100%),
      linear-gradient(90deg, rgba(255,255,255,.30) 0%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.38) 100%) !important;
  }

  .hero-logo-panel .hero-logo-link {
    min-height: 390px;
    align-items: center;
  }

  .hero-logo-panel .hero-logo-link img {
    width: min(94%, 500px) !important;
    max-height: 390px !important;
    object-fit: contain;
    filter:
      drop-shadow(0 10px 18px rgba(255,255,255,.9))
      drop-shadow(0 5px 18px rgba(17,26,51,.10));
  }

  .hero-copy {
    order: 2;
    width: 100%;
    max-width: none !important;
    padding: 34px 20px 42px !important;
    box-sizing: border-box;
    text-align: center;
  }

  .hero-copy .eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 12px;
    letter-spacing: .16em;
  }

  .hero-copy h1 {
    font-size: clamp(36px, 10vw, 52px) !important;
    line-height: 1.02 !important;
    margin: 0 0 18px !important;
    letter-spacing: -.025em;
  }

  .hero-sequence p {
    font-size: clamp(20px, 5.6vw, 27px) !important;
    line-height: 1.18 !important;
    margin: 8px 0 !important;
  }

  .hero-subcopy {
    font-size: 16px !important;
    line-height: 1.55 !important;
    max-width: 520px;
    margin: 22px auto 0 !important;
  }

  .hero-actions {
    display: flex !important;
    flex-direction: column;
    gap: 10px !important;
    align-items: stretch !important;
    margin-top: 24px;
  }

  .hero-actions .btn {
    width: 100%;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }

  .hero-points {
    justify-content: center;
    gap: 8px 14px !important;
    flex-wrap: wrap;
    margin-top: 18px;
    font-size: 13px;
  }

  .approach-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }

  .features-grid,
  .results-grid,
  .team-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
  }

  section > .container:not(.hero-grid-logo),
  footer > .container {
    width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box;
  }

  h2 { font-size: clamp(28px, 8vw, 40px); }

  .whatsapp-float {
    right: 14px !important;
    bottom: 14px !important;
    transform: scale(.92);
    transform-origin: bottom right;
  }
}

@media (max-width: 620px) {
  .topbar .container > * { flex: 1 1 100%; }

  .hero-logo-panel { min-height: 360px !important; }

  .hero-logo-panel .hero-logo-link { min-height: 330px; }

  .hero-logo-panel .hero-logo-link img {
    width: min(96%, 420px) !important;
    max-height: 325px !important;
  }

  .hero-copy { padding: 30px 16px 38px !important; }

  .hero-copy h1 { font-size: clamp(34px, 11.5vw, 46px) !important; }

  .hero-sequence p { font-size: 20px !important; }

  .approach-grid,
  .features-grid,
  .results-grid,
  .team-grid {
    grid-template-columns: 1fr !important;
  }

  .btn, .nav-cta { font-size: 15px; }
}


/* ===== V17: CORREÇÃO DEFINITIVA DO MENU MOBILE ===== */
@media (max-width: 920px) {
  .header .nav.nav-menu-only {
    position: relative;
  }

  .header .nav.nav-menu-only .menu {
    display: none !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-10px);
  }

  .header .nav.nav-menu-only .menu.open {
    display: flex !important;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }

  .menu-button {
    position: relative;
    z-index: 10001;
    cursor: pointer;
    line-height: 1;
    transition: .2s ease;
  }

  .menu-button.active {
    background: #111a33;
    color: #fff;
  }

  body.mobile-menu-open {
    overflow-x: hidden;
  }
}

@media (min-width: 921px) {
  .header .nav.nav-menu-only .menu {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }
}


/* ===== V18: MOBILE MENU + HERO FINAL FIX ===== */
@media (max-width: 920px) {
  .header {
    position: sticky;
    top: 0;
    z-index: 10000;
    background: rgba(255,255,255,.98);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(15,34,68,.08);
  }

  .header .nav.nav-menu-only {
    min-height: 64px !important;
    height: 64px !important;
    padding: 0 16px !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
  }

  .menu-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin: 0 !important;
    border: 0;
    background: transparent;
    color: #111a33;
    font-size: 28px;
    font-weight: 700;
    border-radius: 10px;
    z-index: 10002;
  }

  .menu-button.active {
    background: #111a33 !important;
    color: #fff !important;
  }

  .header .nav.nav-menu-only .menu {
    display: none !important;
    position: absolute !important;
    top: 58px !important;
    right: 12px !important;
    left: auto !important;
    width: min(82vw, 300px) !important;
    max-width: 300px !important;
    height: auto !important;
    padding: 10px !important;
    margin: 0 !important;
    background: rgba(255,255,255,.995) !important;
    border: 1px solid rgba(15,34,68,.10) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 44px rgba(12,28,58,.18) !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-8px) scale(.98) !important;
    transform-origin: top right;
    z-index: 10001 !important;
  }

  .header .nav.nav-menu-only .menu.open {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
  }

  .header .nav.nav-menu-only .menu a {
    width: 100% !important;
    min-height: 46px;
    margin: 0 !important;
    padding: 11px 14px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px !important;
    line-height: 1.2 !important;
    border-radius: 10px !important;
    box-sizing: border-box;
  }

  .header .nav.nav-menu-only .menu .nav-cta {
    min-height: 48px;
    margin-top: 6px !important;
    padding: 12px 14px !important;
    white-space: normal !important;
  }

  /* Não deixa o menu cobrir/empurrar o hero */
  body.mobile-menu-open {
    overflow: auto !important;
  }

  /* Logo mais bem enquadrada no celular */
  .hero-brand-layout {
    margin-top: 0 !important;
  }

  .hero-brand-layout .container.hero-grid-logo {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    padding: 0 !important;
  }

  .hero-logo-panel {
    min-height: 350px !important;
    height: 350px !important;
    padding: 10px 12px !important;
  }

  .hero-logo-panel .hero-logo-link {
    min-height: 330px !important;
    height: 330px !important;
  }

  .hero-logo-panel .hero-logo-link img {
    width: min(92%, 400px) !important;
    max-width: 400px !important;
    height: auto !important;
    max-height: 310px !important;
    object-fit: contain !important;
  }

  .hero-logo-panel .building-photo {
    background-position: center center !important;
  }

  .hero-copy {
    padding: 30px 18px 38px !important;
  }

  .hero-copy h1 {
    font-size: clamp(34px, 10.8vw, 48px) !important;
    line-height: 1.02 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  .hero-sequence p {
    font-size: 20px !important;
  }

  .whatsapp-float {
    right: 12px !important;
    bottom: 18px !important;
    transform: scale(.82) !important;
    transform-origin: bottom right !important;
  }
}

@media (max-width: 430px) {
  .header .nav.nav-menu-only .menu {
    width: min(84vw, 280px) !important;
    max-width: 280px !important;
  }

  .hero-logo-panel {
    min-height: 320px !important;
    height: 320px !important;
  }

  .hero-logo-panel .hero-logo-link {
    min-height: 300px !important;
    height: 300px !important;
  }

  .hero-logo-panel .hero-logo-link img {
    width: min(90%, 360px) !important;
    max-width: 360px !important;
    max-height: 285px !important;
  }

  .hero-copy h1 {
    font-size: clamp(32px, 10.6vw, 43px) !important;
  }
}


/* ===== V19 FINAL MOBILE ===== */
@media (max-width: 920px) {
  .header {
    position: sticky !important;
    top: 0 !important;
    z-index: 99999 !important;
    background: #fff !important;
  }

  .header .nav.nav-menu-only {
    height: 62px !important;
    min-height: 62px !important;
    padding: 0 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  .menu-button {
    display: flex !important;
    width: 42px !important;
    height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    background: transparent !important;
    color: #111a33 !important;
    font-size: 28px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 100001 !important;
  }

  .menu-button.active {
    background: #111a33 !important;
    color: #fff !important;
    border-radius: 10px !important;
  }

  .header .nav.nav-menu-only .menu {
    display: none !important;
    position: absolute !important;
    top: 58px !important;
    right: 12px !important;
    left: auto !important;
    width: 235px !important;
    max-width: calc(100vw - 24px) !important;
    height: auto !important;
    padding: 8px !important;
    margin: 0 !important;
    flex-direction: column !important;
    gap: 2px !important;
    background: #fff !important;
    border: 1px solid rgba(17,26,51,.10) !important;
    border-radius: 14px !important;
    box-shadow: 0 14px 35px rgba(17,26,51,.18) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: 100000 !important;
  }

  .header .nav.nav-menu-only .menu.open {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .header .nav.nav-menu-only .menu a {
    width: 100% !important;
    min-height: 42px !important;
    padding: 9px 12px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
    border-radius: 9px !important;
  }

  .header .nav.nav-menu-only .menu .nav-cta {
    min-height: 44px !important;
    margin-top: 4px !important;
    font-size: 14px !important;
  }

  .hero-logo-panel {
    min-height: 330px !important;
    height: 330px !important;
  }

  .hero-logo-panel .hero-logo-link {
    min-height: 310px !important;
    height: 310px !important;
  }

  .hero-logo-panel .hero-logo-link img {
    width: min(90%, 380px) !important;
    max-width: 380px !important;
    max-height: 290px !important;
    height: auto !important;
    object-fit: contain !important;
  }

  .hero-copy {
    padding: 28px 18px 38px !important;
  }

  .hero-copy h1 {
    font-size: clamp(34px, 10.5vw, 46px) !important;
    line-height: 1.03 !important;
  }

  .whatsapp-float {
    right: 10px !important;
    bottom: 14px !important;
    transform: scale(.78) !important;
    transform-origin: bottom right !important;
  }
}

@media (max-width: 430px) {
  .header .nav.nav-menu-only .menu {
    width: 220px !important;
  }
  .hero-logo-panel {
    min-height: 300px !important;
    height: 300px !important;
  }
  .hero-logo-panel .hero-logo-link {
    min-height: 280px !important;
    height: 280px !important;
  }
  .hero-logo-panel .hero-logo-link img {
    max-width: 340px !important;
    max-height: 265px !important;
  }
}


/* ===== V23: ENQUADRAMENTO CORRETO DAS FOTOS DA EQUIPE ===== */
.team-card .team-photo,
.team-card .member-photo,
.team-card > img,
.team-card .photo img,
.team-card figure img {
  width: 190px !important;
  height: 220px !important;
  max-width: 190px !important;
  border-radius: 18px !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  margin: 0 auto 20px !important;
  background: #f7f7f7;
}

/* Ajustes individuais apenas de enquadramento */
.team-card img[src*="peterson"] {
  object-position: center 12% !important;
}
.team-card img[src*="salvador"] {
  object-position: center 8% !important;
}
.team-card img[src*="domingos"] {
  object-position: center 8% !important;
}

.team-card {
  text-align: center;
  overflow: hidden;
}

@media (max-width: 620px) {
  .team-card .team-photo,
  .team-card .member-photo,
  .team-card > img,
  .team-card .photo img,
  .team-card figure img {
    width: 170px !important;
    height: 200px !important;
    max-width: 170px !important;
    border-radius: 16px !important;
  }
}


/* ===== V24: FOTOS HD + CRÉDITO KL INFO ===== */
.team-card img {
  image-rendering: auto !important;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.klinfo-credit {
  width: 100%;
  padding: 16px 20px 20px;
  box-sizing: border-box;
  text-align: center;
  font-size: 13px;
  letter-spacing: .04em;
  color: rgba(255,255,255,.72);
}

.klinfo-credit strong {
  color: #d9ad3a;
  font-weight: 700;
}

@media (max-width: 620px) {
  .klinfo-credit {
    padding: 14px 16px 18px;
    font-size: 12px;
  }
}


/* ===== V25: VISUAL COM JANELAS FLUTUANTES ===== */
:root{
  --float-shadow: 0 22px 55px rgba(13,31,63,.14);
  --float-shadow-hover: 0 28px 70px rgba(13,31,63,.20);
  --float-border: 1px solid rgba(16,34,68,.10);
  --float-radius: 24px;
}

/* Seções com sensação de profundidade */
section:not(.hero):not(.hero-brand-layout) {
  position: relative;
}

section:not(.hero):not(.hero-brand-layout) > .container {
  position: relative;
  z-index: 2;
}

/* Cards principais passam a parecer janelas flutuantes */
.team-card,
.result-card,
.feature-card,
.service-card,
.differential-card,
.approach-card,
.method-card,
.stat-card,
.card {
  background: rgba(255,255,255,.96) !important;
  border: var(--float-border) !important;
  border-radius: var(--float-radius) !important;
  box-shadow: var(--float-shadow) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
}

.team-card:hover,
.result-card:hover,
.feature-card:hover,
.service-card:hover,
.differential-card:hover,
.approach-card:hover,
.method-card:hover,
.stat-card:hover,
.card:hover {
  transform: translateY(-8px) !important;
  box-shadow: var(--float-shadow-hover) !important;
  border-color: rgba(210,160,30,.28) !important;
}

/* Resultados em janelas flutuantes douradas */
.results-grid > *,
.stats-grid > * {
  border-radius: 22px !important;
  box-shadow: 0 18px 42px rgba(17,26,51,.12) !important;
}

/* Área da equipe com mais profundidade */
.team-card {
  padding: 26px 22px 28px !important;
  overflow: hidden;
}

/* Nossa abordagem com caixas flutuantes */
.approach-grid > * {
  border-radius: 20px !important;
  padding: 20px 16px !important;
  transition: transform .25s ease, background .25s ease, box-shadow .25s ease !important;
}

.approach-grid > *:hover {
  transform: translateY(-6px) scale(1.015);
}

/* Janelas flutuantes decorativas no hero */
.hero-copy {
  position: relative;
  z-index: 3;
}

.hero-copy::before,
.hero-copy::after {
  content: "";
  position: absolute;
  border-radius: 26px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(216,171,61,.18);
  box-shadow: 0 18px 50px rgba(20,36,68,.08);
  backdrop-filter: blur(14px);
  z-index: -1;
  pointer-events: none;
}

.hero-copy::before {
  width: 190px;
  height: 110px;
  top: -26px;
  right: 3%;
  transform: rotate(4deg);
}

.hero-copy::after {
  width: 130px;
  height: 80px;
  bottom: 16px;
  left: -42px;
  transform: rotate(-5deg);
}

/* CTA em janela flutuante */
.hero-actions {
  position: relative;
  z-index: 4;
}

/* Blocos informativos ganham efeito de "painel suspenso" */
.section-card,
.info-panel,
.contact-card,
.about-card,
.solution-card {
  background: rgba(255,255,255,.97);
  border: var(--float-border);
  border-radius: var(--float-radius);
  box-shadow: var(--float-shadow);
  padding: 28px;
}

/* Footer levemente destacado */
footer {
  position: relative;
  box-shadow: 0 -12px 35px rgba(10,28,57,.07);
}

/* Animação suave para janelas ao entrar */
@keyframes floatIn {
  from {
    opacity: 0;
    transform: translateY(18px) scale(.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.team-card,
.result-card,
.feature-card,
.service-card,
.differential-card,
.method-card,
.stat-card {
  animation: floatIn .65s ease both;
}

/* Mobile: mantém o efeito sem exagerar */
@media (max-width: 920px) {
  :root{
    --float-shadow: 0 14px 34px rgba(13,31,63,.12);
    --float-shadow-hover: 0 18px 42px rgba(13,31,63,.16);
    --float-radius: 20px;
  }

  .team-card,
  .result-card,
  .feature-card,
  .service-card,
  .differential-card,
  .approach-card,
  .method-card,
  .stat-card,
  .card {
    transform: none !important;
  }

  .hero-copy::before,
  .hero-copy::after {
    opacity: .55;
  }
}

@media (max-width: 620px) {
  .hero-copy::before,
  .hero-copy::after {
    display: none;
  }

  .team-card,
  .result-card,
  .feature-card,
  .service-card,
  .differential-card,
  .method-card,
  .stat-card {
    border-radius: 18px !important;
  }
}


/* ===== V26: EQUIPE NO FORMATO HORIZONTAL DA REFERÊNCIA ===== */
.team-section .container,
#equipe .container {
  max-width: 1600px !important;
}

.team-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

.team-card {
  display: grid !important;
  grid-template-columns: 44% 56% !important;
  grid-template-rows: auto 1fr !important;
  min-height: 250px !important;
  padding: 0 !important;
  text-align: left !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: #fff !important;
}

.team-card > img,
.team-card .team-photo,
.team-card .member-photo,
.team-card .photo img,
.team-card figure img {
  grid-column: 1 !important;
  grid-row: 1 / -1 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 250px !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  object-position: center top !important;
}

.team-card h3 {
  grid-column: 2 !important;
  margin: 24px 20px 5px !important;
  align-self: end !important;
  font-size: 23px !important;
  line-height: 1.05 !important;
  text-align: left !important;
}

.team-card h3 + *,
.team-card .role,
.team-card .team-role {
  grid-column: 2 !important;
}

.team-card p,
.team-card .role,
.team-card .team-role {
  margin-left: 20px !important;
  margin-right: 20px !important;
  text-align: left !important;
}

.team-card .role,
.team-card .team-role {
  color: #b47d00 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}

.team-card p:last-child {
  margin-bottom: 22px !important;
}

/* Preserva a ordem visual Peterson, Salvador e Domingos conforme o HTML atual,
   usando somente as fotos existentes, sem edição facial. */
.team-card img[src*="peterson"] { object-position: center 10% !important; }
.team-card img[src*="salvador"] { object-position: center 8% !important; }
.team-card img[src*="domingos"] { object-position: center 8% !important; }

/* Tablet */
@media (max-width: 1100px) {
  .team-grid {
    grid-template-columns: 1fr !important;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
  }
  .team-card {
    grid-template-columns: 38% 62% !important;
    min-height: 280px !important;
  }
  .team-card > img,
  .team-card .team-photo,
  .team-card .member-photo,
  .team-card .photo img,
  .team-card figure img {
    min-height: 280px !important;
  }
}

/* Celular: mantém foto + informações lado a lado, igual à ideia da referência */
@media (max-width: 620px) {
  .team-grid {
    gap: 14px !important;
  }

  .team-card {
    grid-template-columns: 42% 58% !important;
    min-height: 220px !important;
    border-radius: 15px !important;
  }

  .team-card > img,
  .team-card .team-photo,
  .team-card .member-photo,
  .team-card .photo img,
  .team-card figure img {
    min-height: 220px !important;
  }

  .team-card h3 {
    margin: 18px 14px 5px !important;
    font-size: 20px !important;
  }

  .team-card p,
  .team-card .role,
  .team-card .team-role {
    margin-left: 14px !important;
    margin-right: 14px !important;
  }

  .team-card .role,
  .team-card .team-role {
    font-size: 10px !important;
  }

  .team-card p {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }
}