/* Abertura, cabeçalho, menu, barra de progresso, botão do WhatsApp e base das seções */
html.is-intro{overflow:hidden}

/* Abertura */
.intro{position:fixed;inset:0;z-index:100;pointer-events:none;display:grid;place-items:center}
.intro-half{position:absolute;top:0;bottom:0;width:50.2%;background:var(--preto);will-change:transform}
.intro-left{left:0}
.intro-right{right:0}
.intro-logo{--iw:min(62vw,380px);position:absolute;z-index:1;top:50%;left:50%;width:var(--iw);height:auto;margin:calc(var(--iw) * -.299) 0 0 calc(var(--iw) / -2);overflow:visible;will-change:transform}
.intro-logo path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.il-fill{stroke:rgba(241,238,226,.13);stroke-width:103;opacity:0}
.il-line{stroke:var(--ceu);stroke-width:7;stroke-dasharray:1;stroke-dashoffset:1}

/* Barra de progresso da rolagem */
.prog{position:fixed;top:0;left:0;right:0;height:2px;z-index:60;background:var(--ceu);transform-origin:0 50%;transform:scaleX(var(--p,0));pointer-events:none}

/* Cabeçalho */
.hd{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--hh);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 var(--gx);transition:background .4s var(--ease),backdrop-filter .4s var(--ease),border-color .4s var(--ease);border-bottom:1px solid transparent}
.hd.is-scrolled,html.menu-open .hd{background:rgba(9,13,16,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:rgba(56,62,68,.6)}
.hd-logo img{height:20px;width:auto}
.hd-nav{display:flex;align-items:center;gap:clamp(18px,2.4vw,38px);margin-left:auto}
.hd-nav a{font-size:.95rem;font-weight:500;color:var(--prata);transition:color .3s var(--ease)}
.hd-nav a:hover,.hd-nav a[aria-current="true"]{color:var(--ceu)}
.hd-cta{height:44px;padding:0 22px;font-size:.95rem}
.hd-menu{display:none;align-items:center;gap:10px;color:var(--ceu);font-weight:600;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase}
.hd-menu-i{position:relative;width:22px;height:14px}
.hd-menu-i i{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:currentColor;transition:transform .4s var(--ease),opacity .25s}
.hd-menu-i i:nth-child(1){top:0}
.hd-menu-i i:nth-child(2){top:6px}
.hd-menu-i i:nth-child(3){top:12px}
html.menu-open .hd-menu-i i:nth-child(1){transform:translateY(6px) rotate(45deg)}
html.menu-open .hd-menu-i i:nth-child(2){opacity:0}
html.menu-open .hd-menu-i i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* Painel do menu (celular) */
.mnav{display:none}

/* Botão do WhatsApp sempre acessível */
.wa-float{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:45;height:48px;padding:0 20px;border-radius:24px;background:var(--ceu);color:var(--preto);font-weight:600;font-size:.95rem;display:inline-flex;align-items:center;gap:.6em;box-shadow:0 8px 28px rgba(0,0,0,.45);transition:background .3s var(--ease),transform .35s var(--ease)}
.wa-float:hover{background:var(--nevoa);transform:translateY(-2px)}

/* Seções: rolagem livre, sem encaixe */
.sec{position:relative;padding:clamp(96px,17vh,180px) var(--gx)}
.sec-alt{background:rgba(30,36,40,.55)}
/* Com o fundo que muda de tom ativo, as faixas somem: a cor vem do fundo inteiro */
.tone-js .sec-alt{background:transparent}
.wrap{width:100%;max-width:1320px;margin:0 auto}
.sec-h{display:flex;flex-direction:column;gap:14px;margin-bottom:clamp(32px,6vh,64px)}
.sec-h h2{font-size:clamp(2.2rem,min(6vw,10vh),5.6rem);line-height:.98;max-width:16ch}