/* SIX LABS · site institucional · v3 "percepção Apple"
Uma ideia por dobra, muito ar, títulos grandes, motion suave.
Tokens de cor e Zalando/DM Mono vêm de brand/colors_and_type.css.
Pixelify Sans = a palavra em destaque laranja das peças da campanha. */
/* Pixelify Sans com o C aberto (ajuste da campanha: o C original fecha e vira O) */
@font-face{font-family:"Pixelify Sans";src:url("brand/fonts/pixelify-sans-six-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Pixelify Sans";src:url("brand/fonts/pixelify-sans-six-600.woff2") format("woff2");font-weight:500 700;font-display:swap}
:root{--r:28px;--r-s:18px;--ease:cubic-bezier(.16,1,.3,1);--nav:52px;--col:1180px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--ink)}
body{margin:0;background:var(--ink);color:var(--paper);font-family:"Zalando Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
img,svg{max-width:100%;display:block}
a{color:inherit}
p,ul,h1,h2,h3{margin:0}
h1,h2,h3{color:inherit}
strong{font-weight:650}
.wrap{width:min(var(--col),calc(100% - 48px));margin:0 auto}
section[id],header[id]{scroll-margin-top:var(--nav)}
.wrap.estreito{max-width:860px}
.centro{text-align:center}
.centro .sub,.centro .titulo{margin-left:auto;margin-right:auto}
/* ---------- tipografia: grotesca grande e apertada, destaque em pixel laranja ---------- */
.eyebrow{font-family:"DM Mono",ui-monospace,monospace;font-size:.72rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--flare);margin:0 0 22px}
.titulo{font-family:"Zalando Sans",system-ui,sans-serif;font-weight:700;letter-spacing:-.032em;line-height:1.02;text-wrap:balance;color:inherit}
.titulo.xl{font-size:clamp(2.7rem,6.6vw,5.9rem);max-width:15ch}
.titulo.l{font-size:clamp(2.1rem,4.7vw,4rem);max-width:19ch}
.titulo.m{font-size:clamp(1.45rem,2.7vw,2.25rem);font-weight:600;letter-spacing:-.022em;line-height:1.15;max-width:30ch}
.px{font-family:"Pixelify Sans","DM Mono",monospace;font-weight:600;color:var(--flare);letter-spacing:0;text-transform:uppercase}
.px.verde{color:#c6f24e}
.seta{color:var(--flare);font-weight:400;padding:0 .1em}
.sub{font-size:clamp(1.12rem,1.5vw,1.42rem);line-height:1.45;letter-spacing:-.008em;color:var(--n-200);max-width:56ch;margin-top:26px}
.micro{font-family:"DM Mono",ui-monospace,monospace;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--n-300)}
.fecho{margin-top:64px;color:var(--n-200)}
/* ---------- botões: pílula laranja + link com chevron ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 28px;border-radius:999px;background:var(--flare);color:var(--ink);text-decoration:none;font-weight:600;font-size:1.02rem;letter-spacing:-.012em;line-height:1;border:1px solid var(--flare);transition:background .3s var(--ease),transform .4s var(--ease),box-shadow .4s var(--ease);will-change:transform}
.btn:hover{background:var(--flare-400);border-color:var(--flare-400);transform:translateY(-2px);box-shadow:0 14px 34px rgba(234,120,23,.32)}
.btn.fantasma{background:transparent;color:var(--paper);border-color:rgba(249,246,242,.3)}
.btn.fantasma:hover{background:rgba(249,246,242,.08);box-shadow:none}
.claro .btn.fantasma{color:var(--ink);border-color:rgba(17,18,20,.28)}
.claro .btn.fantasma:hover{background:rgba(17,18,20,.05)}
.link{color:var(--flare);text-decoration:none;font-weight:500;font-size:1.02rem;letter-spacing:-.01em;white-space:nowrap}
.link::after{content:"\203A";margin-left:.35em;display:inline-block;transition:transform .3s var(--ease)}
.link:hover::after{transform:translateX(3px)}
.ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:40px}
.centro .ctas{justify-content:center}
/* ---------- nav fixa, translúcida ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav);background:rgba(17,18,20,.55);-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);border-bottom:1px solid rgba(249,246,242,.06);transition:background .4s}
.nav.solida{background:rgba(17,18,20,.86)}
.nav .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav .logo img{height:22px;width:auto}
.nav ul{list-style:none;padding:0;display:flex;gap:30px;font-size:.84rem;letter-spacing:-.005em}
.nav ul a{text-decoration:none;color:rgba(249,246,242,.72);transition:color .2s}
.nav ul a:hover{color:var(--paper)}
.nav .btn{padding:8px 16px;font-size:.8rem}
.nav .acoes{display:flex;align-items:center;gap:10px}
.menu{display:none;position:relative}
.menu summary{list-style:none;cursor:pointer;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(249,246,242,.08)}
.menu summary::-webkit-details-marker{display:none}
.menu summary span,.menu summary span::before,.menu summary span::after{display:block;width:16px;height:2px;background:var(--paper);border-radius:2px;position:relative;transition:transform .3s var(--ease),opacity .3s}
.menu summary span::before,.menu summary span::after{content:"";position:absolute;left:0}
.menu summary span::before{top:-5px}.menu summary span::after{top:5px}
.menu[open] summary span{background:transparent}.menu[open] summary span::before{transform:translateY(5px) rotate(45deg)}.menu[open] summary span::after{transform:translateY(-5px) rotate(-45deg)}
.menu ul{position:fixed;left:0;right:0;top:var(--nav);margin:0;padding:12px 24px 18px;list-style:none;display:flex;flex-direction:column;gap:2px;background:rgba(17,18,20,.94);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-bottom:1px solid rgba(249,246,242,.08)}
.menu ul a{display:block;padding:14px 0;font-size:1.15rem;font-weight:600;letter-spacing:-.015em;color:var(--paper);text-decoration:none;border-top:1px solid rgba(249,246,242,.08)}
.menu ul li:first-child a{border-top:0}
.skip{position:absolute;left:-999px;top:10px;z-index:200;background:var(--flare);color:var(--ink);padding:10px 16px;border-radius:999px;font-weight:600;text-decoration:none}
.skip:focus{left:16px}
@media(max-width:960px){.nav > .wrap > ul{display:none}.menu{display:block}}
@media(max-width:760px){.nav .btn{padding:11px 18px;font-size:.86rem}}
@media(max-width:400px){.titulo.xl{font-size:2.45rem}}
/* ---------- hero: título no alto, as cadeiras embaixo ---------- */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;isolation:isolate;padding-top:calc(var(--nav) + clamp(80px,13vh,150px))}
.hero .fundo{position:absolute;inset:0;z-index:-1;background-position:center 68%;background-size:cover;background-repeat:no-repeat;background-image:url("assets/bg/cadeiras.jpg");background-image:image-set(url("assets/bg/cadeiras.avif") type("image/avif"),url("assets/bg/cadeiras.webp") type("image/webp"),url("assets/bg/cadeiras.jpg") type("image/jpeg"));animation:respira 2.8s var(--ease) both}
.hero .fundo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,18,20,.88) 0%,rgba(17,18,20,.62) 36%,rgba(17,18,20,.08) 68%,rgba(17,18,20,.32) 100%)}
@keyframes respira{from{transform:scale(1.07)}to{transform:scale(1)}}
.hero .copy{max-width:1000px;padding:0 24px;display:flex;flex-direction:column;align-items:center}
.hero .titulo.xl{max-width:14ch}
.hero .ctas{justify-content:center}
.hero .sub{max-width:34ch;text-wrap:balance;font-size:clamp(1.2rem,1.9vw,1.7rem);color:var(--n-150)}
.hero .rodape{margin-top:auto;width:100%;padding:0 0 30px}
.hero .rodape .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}
.hero .rodape img{height:20px;width:auto;opacity:.9}
.entra{opacity:0;transform:translateY(22px);animation:entra 1.1s var(--ease) forwards}
.entra.d1{animation-delay:.1s}.entra.d2{animation-delay:.25s}.entra.d3{animation-delay:.4s}.entra.d4{animation-delay:.55s}
@keyframes entra{to{opacity:1;transform:none}}
@media(max-width:760px){.hero{padding-top:calc(var(--nav) + 64px)}.hero .fundo{background-position:68% 72%;background-image:url("assets/bg/cadeiras-m.webp");background-image:image-set(url("assets/bg/cadeiras-m.avif") type("image/avif"),url("assets/bg/cadeiras-m.webp") type("image/webp"))}.hero .fundo::after{background:linear-gradient(180deg,rgba(17,18,20,.9) 0%,rgba(17,18,20,.7) 45%,rgba(17,18,20,.15) 80%,rgba(17,18,20,.4) 100%)}}
/* ---------- dobras ---------- */
.secao{position:relative;padding:clamp(100px,11.5vw,180px) 0;isolation:isolate}
.secao + .secao:not(.claro):not(.brasa){border-top:1px solid rgba(249,246,242,.06)}
.secao.claro{background:var(--paper);color:var(--ink);--fg:var(--ink);--fg-muted:var(--steel)}
.claro .sub{color:var(--steel)}
.claro .micro{color:var(--steel)}
.claro .eyebrow,.claro .link{color:var(--flare-700)}
.claro .px,.claro .passo .num{color:var(--flare-600)}
.claro a:focus-visible,.claro summary:focus-visible,.claro button:focus-visible{outline-color:var(--ink)}
.secao.fundo-escuro{background:var(--n-1000)}
/* a brasa da campanha: o grão laranja entrando pelas bordas */
.brasa::before{content:"";position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;background-repeat:no-repeat;background-image:url("assets/bg/brasa.jpg");background-image:image-set(url("assets/bg/brasa.avif") type("image/avif"),url("assets/bg/brasa.webp") type("image/webp"),url("assets/bg/brasa.jpg") type("image/jpeg"));opacity:.5}
@media(max-width:760px){.brasa::before{background-image:url("assets/bg/brasa-m.webp");background-image:image-set(url("assets/bg/brasa-m.avif") type("image/avif"),url("assets/bg/brasa-m.webp") type("image/webp"))}}
.brasa::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--ink) 0%,rgba(17,18,20,.25) 30%,rgba(17,18,20,.25) 70%,var(--ink) 100%)}
/* dobras com peça da campanha sangrando (crachá, cubos, montanha) */
.kv{position:relative;overflow:hidden;isolation:isolate;min-height:min(100vh,920px);min-height:min(100svh,920px);display:flex;align-items:center}
.kv .fundo{position:absolute;inset:0;z-index:-1;background-size:cover;background-position:center}
.kv .fundo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,18,20,.6) 0%,rgba(17,18,20,.25) 50%,rgba(17,18,20,0) 100%)}
.kv .wrap{padding:clamp(100px,11vw,160px) 0}
.kv .copy{max-width:700px}
.kv .titulo.xl{font-size:clamp(2.5rem,5.6vw,5rem);max-width:13ch}
.kv.escala .titulo.xl{max-width:16ch}
.kv.cracha .fundo{background-image:url("assets/bg/cracha.jpg");background-image:image-set(url("assets/bg/cracha.avif") type("image/avif"),url("assets/bg/cracha.webp") type("image/webp"),url("assets/bg/cracha.jpg") type("image/jpeg"))}
.kv.franquia .fundo{background-image:url("assets/bg/franquia-semcubos.jpg");background-image:image-set(url("assets/bg/franquia-semcubos.avif") type("image/avif"),url("assets/bg/franquia-semcubos.webp") type("image/webp"),url("assets/bg/franquia-semcubos.jpg") type("image/jpeg"));background-position:center}
.kv.escala .fundo{background-image:url("assets/bg/escala.jpg");background-image:image-set(url("assets/bg/escala.avif") type("image/avif"),url("assets/bg/escala.webp") type("image/webp"),url("assets/bg/escala.jpg") type("image/jpeg"))}
.kv.escala .fundo::after{background:linear-gradient(90deg,rgba(17,18,20,.86) 0%,rgba(17,18,20,.58) 44%,rgba(17,18,20,.3) 100%),linear-gradient(180deg,rgba(17,18,20,.55) 0%,rgba(17,18,20,.2) 45%,rgba(17,18,20,.6) 100%)}
.kv.escala .copy{max-width:820px;margin:0 auto}
@media(max-width:760px){.kv{min-height:0}.kv .fundo::after{background:linear-gradient(180deg,rgba(17,18,20,.5) 0%,rgba(17,18,20,.82) 100%)}.kv.cracha .fundo{background-image:url("assets/bg/cracha-m.webp");background-image:image-set(url("assets/bg/cracha-m.avif") type("image/avif"),url("assets/bg/cracha-m.webp") type("image/webp"));background-position:30% center}.kv.franquia .fundo{background-image:url("assets/bg/franquia-m.webp");background-image:image-set(url("assets/bg/franquia-m.avif") type("image/avif"),url("assets/bg/franquia-m.webp") type("image/webp"));background-position:62% center}.kv.escala .fundo{background-image:url("assets/bg/escala-m.webp");background-image:image-set(url("assets/bg/escala-m.avif") type("image/avif"),url("assets/bg/escala-m.webp") type("image/webp"))}}
/* ---------- tiles (cantos 28px, ícone em pastilha laranja) ---------- */
.tiles{display:grid;gap:18px;margin-top:72px}
.tiles.c3{grid-template-columns:repeat(3,1fr)}
.tiles.c2{grid-template-columns:repeat(2,1fr)}
.tile{position:relative;background:rgba(249,246,242,.045);border:1px solid rgba(249,246,242,.07);border-radius:var(--r);padding:36px 32px 38px;transition:transform .6s var(--ease),background .4s,border-color .4s}
.tile:hover{transform:translateY(-5px);background:rgba(249,246,242,.07);border-color:rgba(249,246,242,.14)}
.tile .icone{width:46px;height:46px;border-radius:15px;background:rgba(234,120,23,.14);color:var(--flare);display:grid;place-items:center;margin-bottom:28px}
.tile .icone svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tile .rotulo{font-family:"DM Mono",monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--flare);margin-bottom:14px}
.tile h3{font-size:1.3rem;font-weight:650;letter-spacing:-.022em;line-height:1.18;margin-bottom:10px}
.tile p{color:var(--n-300);font-size:1.02rem;line-height:1.5}
.tile.vidro{background:rgba(17,18,20,.5);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:rgba(249,246,242,.12)}
.tile.vidro p{color:var(--n-200)}
@media(max-width:980px){.tiles.c3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.tiles.c3,.tiles.c2{grid-template-columns:1fr}.tile{padding:30px 26px 32px}}
/* ---------- passos (bloco claro): número pixel, cartão branco ---------- */
.passos{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:72px}
.passo{background:#fff;border-radius:var(--r);padding:36px 30px 38px;box-shadow:0 1px 2px rgba(17,18,20,.05),0 12px 32px rgba(17,18,20,.06);transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.passo:hover{transform:translateY(-5px);box-shadow:0 2px 4px rgba(17,18,20,.05),0 24px 48px rgba(17,18,20,.1)}
.passo .num{font-family:"Pixelify Sans",monospace;font-size:2.5rem;line-height:1;color:var(--flare);margin-bottom:26px}
.passo h3{font-size:1.22rem;font-weight:650;letter-spacing:-.022em;line-height:1.18;color:var(--ink);margin-bottom:10px}
.passo p{color:var(--steel);font-size:1rem;line-height:1.5}
@media(max-width:980px){.passos{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.passos{grid-template-columns:1fr}}
/* ---------- a conta (sobre o crachá) ---------- */
.conta{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch;margin-top:52px}
.conta .lado{background:rgba(17,18,20,.52);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(249,246,242,.12);border-radius:var(--r-s);padding:26px 26px 22px}
.conta .lado h3{font-family:"DM Mono",monospace;font-weight:500;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--flare);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.conta .lado h3 .px{font-size:1.3rem;line-height:1}
.conta ul{list-style:none;padding:0}
.conta li{padding:11px 0;border-top:1px solid rgba(249,246,242,.08);font-size:1rem;line-height:1.35;color:var(--n-150)}
.conta li:first-child{border-top:0}
.conta .sinal{font-family:"Pixelify Sans",monospace;font-size:3.6rem;color:var(--flare);display:grid;place-items:center;padding:0 6px}
@media(max-width:760px){.conta{grid-template-columns:1fr}}
/* ---------- Julia: foto grande de canto redondo + ficha ---------- */
.julia{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,88px);align-items:center;margin-top:72px}
.julia .moldura{position:relative;border-radius:var(--r);overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5);background:var(--n-800)}
.julia .moldura img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top}
.julia .moldura .etiqueta{position:absolute;left:22px;bottom:22px;background:rgba(17,18,20,.6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(249,246,242,.14);color:var(--paper);font-family:"DM Mono",monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;padding:10px 14px;border-radius:999px}
.julia .nota{margin-top:16px;padding-left:4px;text-transform:none;letter-spacing:0;font-family:"Zalando Sans",system-ui,sans-serif;font-size:.82rem;color:var(--n-400)}
.specs{list-style:none;padding:0;margin-top:36px}
.specs li{padding:20px 0;border-top:1px solid rgba(249,246,242,.1);display:grid;grid-template-columns:34px 1fr;gap:16px;align-items:start;color:var(--n-300);font-size:1.02rem;line-height:1.45}
.specs li:last-child{border-bottom:1px solid rgba(249,246,242,.1)}
.specs li .n{font-family:"Pixelify Sans",monospace;color:var(--flare);font-size:1.3rem;line-height:1.2}
.specs li strong{display:block;color:var(--paper);font-weight:650;letter-spacing:-.015em;margin-bottom:4px}
@media(max-width:860px){.julia{grid-template-columns:1fr;gap:36px}}
/* ---------- galeria horizontal de depoimentos (sangra até a borda, alinha na coluna) ---------- */
.galeria{--gutter:max(24px,calc(50vw - var(--col)/2));display:flex;gap:18px;align-items:stretch;overflow-x:auto;scroll-snap-type:x mandatory;margin:32px calc(50% - 50vw) 0;padding:6px var(--gutter) 28px;scroll-padding-inline:var(--gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.galeria::-webkit-scrollbar{display:none}
.depo{flex:0 0 min(460px,82vw);scroll-snap-align:start;background:rgba(249,246,242,.045);border:1px solid rgba(249,246,242,.07);border-radius:var(--r);padding:38px 36px 34px;display:flex;flex-direction:column;min-height:330px}
.depo .aspas{font-family:"Pixelify Sans",monospace;color:var(--flare);font-size:3rem;line-height:.5;margin-bottom:22px}
.depo p{font-size:1.14rem;line-height:1.48;letter-spacing:-.012em;color:var(--paper)}
.depo .quem{margin-top:auto;padding-top:28px;font-size:.92rem;color:var(--n-300)}
.depo .quem strong{display:block;color:var(--paper);font-weight:600;letter-spacing:-.01em}
.depo.prova{padding:14px 14px 30px;flex-basis:min(440px,86vw)}
.depo.prova img{width:100%;border-radius:calc(var(--r) - 12px);border:1px solid rgba(249,246,242,.08);margin-bottom:22px}
.depo.prova p{padding:0 20px;font-size:1.05rem;color:var(--n-150)}
.depo.prova .quem{padding:22px 20px 0}
.galeria-nav{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}
.galeria-nav button{width:42px;height:42px;border-radius:50%;border:0;background:rgba(249,246,242,.1);color:var(--paper);font-size:1.3rem;line-height:1;cursor:pointer;transition:background .2s,transform .3s var(--ease)}
.galeria-nav button:hover{background:rgba(249,246,242,.18);transform:scale(1.05)}
/* ---------- time (bloco claro) ---------- */
.time{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:72px}
.pessoa .foto{aspect-ratio:4/5;border-radius:var(--r-s);overflow:hidden;background:var(--n-100);filter:grayscale(1);transition:filter .6s var(--ease),transform .6s var(--ease)}
.pessoa:hover .foto{filter:none;transform:translateY(-4px)}
.pessoa .foto img{width:100%;height:100%;object-fit:cover;object-position:top}
.pessoa h3{font-size:1.02rem;font-weight:650;letter-spacing:-.015em;margin:14px 0 2px;color:var(--ink)}
.pessoa p{color:var(--steel);font-size:.92rem}
@media(max-width:980px){.time{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.time{grid-template-columns:repeat(2,1fr)}}
/* ---------- faq ---------- */
.faq{margin:56px auto 0;max-width:860px}
.faq details{border-top:1px solid rgba(249,246,242,.12);padding:24px 0}
.faq details:last-child{border-bottom:1px solid rgba(249,246,242,.12)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:1.28rem;font-weight:600;letter-spacing:-.022em;line-height:1.25}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font-family:"Pixelify Sans",monospace;color:var(--flare);font-size:1.6rem;line-height:1;transition:transform .35s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin-top:14px;color:var(--n-200);font-size:1.06rem;line-height:1.5;max-width:64ch}
/* ---------- rodapé ---------- */
footer{background:var(--n-1000);color:var(--n-300);padding:44px 0;font-size:.8rem;border-top:1px solid rgba(249,246,242,.06)}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px 32px;align-items:center}
footer a{color:var(--n-300);text-decoration:none}
footer a:hover{color:var(--paper)}
footer img{height:18px;width:auto;opacity:.85}
/* ---------- revelação ao rolar ---------- */
.reveal{transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.js .reveal:not(.in){opacity:0;transform:translateY(30px)}
.tile,.passo{transition:opacity 1.1s var(--ease),transform .6s var(--ease),background .4s,border-color .4s,box-shadow .6s var(--ease)}
@media print{.reveal{opacity:1!important;transform:none!important}}
@media(prefers-reduced-motion:reduce){.js .reveal:not(.in),.entra{opacity:1;transform:none;transition:none;animation:none}.hero .fundo{animation:none}html{scroll-behavior:auto}}
.estatico .reveal:not(.in),.estatico .entra{opacity:1;transform:none;transition:none;animation:none}.estatico .hero .fundo{animation:none}
.estatico .hero{min-height:900px}.estatico .kv{min-height:0}
/* foco visível */
a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid var(--flare);outline-offset:3px}
/* ---------- O que faz: ficha de admissão (crachá) + lista pixel ---------- */
.faz{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(40px,6vw,96px);align-items:start;margin-top:72px;text-align:left}
.ficha-wrap{position:sticky;top:calc(var(--nav) + 36px)}
.ficha{position:relative;overflow:hidden;background:var(--paper);color:var(--ink);border-radius:22px;padding:46px 36px 118px;max-width:420px;margin:0 auto;box-shadow:0 40px 90px rgba(0,0,0,.6),0 2px 6px rgba(0,0,0,.35);transform:rotate(-2.5deg);transition:transform .9s var(--ease);font-family:"DM Mono",ui-monospace,monospace}
.ficha:hover{transform:rotate(0)}
.ficha::before{content:"";position:absolute;top:16px;left:50%;width:38px;height:9px;margin-left:-19px;border-radius:5px;background:var(--n-800);box-shadow:inset 0 1px 2px rgba(0,0,0,.6)}
.ficha::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 40%,rgba(17,18,20,.05) 100%)}
.ficha .rot{font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--flare-700);margin:20px 0 12px;font-weight:500}
.ficha h3{font-family:"Zalando Sans",system-ui,sans-serif;font-weight:700;font-size:1.75rem;letter-spacing:-.028em;line-height:1.02;color:var(--ink);margin-bottom:24px;text-wrap:balance}
.ficha dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:11px 16px;font-size:.8rem;line-height:1.4}
.ficha dt{color:var(--steel);letter-spacing:.16em;text-transform:uppercase;font-size:.62rem;padding-top:3px;white-space:nowrap}
.ficha dd{margin:0;color:var(--ink)}
.ficha .logo{position:absolute;left:36px;bottom:38px;height:20px;width:auto;z-index:1}
.ficha .faixa{position:absolute;right:-130px;bottom:44px;width:440px;transform:rotate(-32deg);background:var(--flare);color:#fff;text-align:center;padding:11px 0 11px 90px;line-height:1.55;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;box-shadow:0 6px 18px rgba(234,120,23,.35)}
.funcoes{list-style:none;margin:0;padding:0}
.funcoes li{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:28px 0;border-top:1px solid rgba(249,246,242,.1)}
.funcoes li:last-child{border-bottom:1px solid rgba(249,246,242,.1)}
.funcoes .n{font-family:"DM Mono",ui-monospace,monospace;font-size:.78rem;letter-spacing:.14em;color:var(--flare);padding-top:.7em;white-space:nowrap}
.funcoes .px{display:block;font-size:clamp(1.7rem,2.9vw,2.5rem);line-height:1;margin-bottom:12px}
.funcoes p{color:var(--n-200);font-size:1.08rem;line-height:1.5;max-width:54ch}
@media(max-width:900px){.faz{grid-template-columns:1fr;gap:48px}.ficha-wrap{position:static}.ficha{transform:none;max-width:440px}.funcoes li{grid-template-columns:52px 1fr;gap:12px;padding:24px 0}}
/* ---------- páginas de contratação (julia, sofi, max) ---------- */
.fd-hero{position:relative;padding:calc(var(--nav) + clamp(56px,8vh,96px)) 0 clamp(72px,8vw,120px);isolation:isolate;overflow:hidden}
.fd-hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:url("assets/bg/brasa.jpg");background-image:image-set(url("assets/bg/brasa.avif") type("image/avif"),url("assets/bg/brasa.webp") type("image/webp"),url("assets/bg/brasa.jpg") type("image/jpeg"));background-size:cover;background-position:center;opacity:.45}
.fd-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(17,18,20,.7) 0%,rgba(17,18,20,.35) 50%,var(--ink) 100%)}
.fd-hero .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(36px,6vw,88px);align-items:center}
.fd-hero .foto{position:relative;border-radius:var(--r);overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.6);background:var(--n-800);max-width:520px}
.fd-hero .foto img{width:100%;height:auto;display:block}
.fd-hero .foto .etiqueta{position:absolute;left:22px;bottom:22px;background:rgba(17,18,20,.6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(249,246,242,.14);color:var(--paper);font-family:"DM Mono",monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;padding:10px 14px;border-radius:999px}
.fd-hero .titulo.xl{font-size:clamp(3.4rem,8vw,7rem);line-height:.95}
.fd-hero .cargo{font-family:"Pixelify Sans",monospace;font-weight:600;text-transform:uppercase;color:var(--flare);font-size:clamp(1.3rem,2.4vw,2rem);margin-top:14px;letter-spacing:0}
.fd-hero .sub{max-width:44ch}
.ficha-linha{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:36px 0 0;padding-top:24px;border-top:1px solid rgba(249,246,242,.12);font-size:.92rem;max-width:520px}
.ficha-linha dt{font-family:"DM Mono",monospace;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--flare);padding-top:4px}
.ficha-linha dd{margin:0;color:var(--n-150)}
@media(max-width:900px){.fd-hero .wrap{grid-template-columns:1fr;gap:32px}.fd-hero .foto{max-width:420px}}
.ficha.vaga{transform:none;max-width:460px;padding-bottom:124px}
.ficha.vaga:hover{transform:none}
.vaga-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,6vw,96px);align-items:start;margin-top:64px}
@media(max-width:900px){.vaga-grid{grid-template-columns:1fr;gap:48px}}
.cracha-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,6vw,96px);align-items:center}
.ficha.cracha{transform:rotate(2deg);max-width:400px;padding-top:150px;padding-bottom:168px}
.ficha.cracha dl{padding-right:36px}
.ficha.cracha:hover{transform:rotate(0)}
.ficha.cracha .retrato{position:absolute;top:44px;right:32px;width:92px;height:115px;object-fit:cover;object-position:top;border-radius:12px;border:2px solid var(--paper);box-shadow:0 8px 20px rgba(0,0,0,.25);z-index:1}
.ficha.cracha h3{font-size:2.3rem;margin-bottom:4px}
.ficha.cracha .cargo-mini{font-family:"DM Mono",monospace;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--flare-700);margin-bottom:22px}
@media(max-width:900px){.cracha-grid{grid-template-columns:1fr;gap:40px}.ficha.cracha{transform:none}}
/* SEGURANÇA · selo de tranquilidade: três garantias numa caixa só */
.seg-caixa{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:clamp(40px,5vw,64px);background:var(--n-75);border-radius:var(--r);padding:clamp(28px,3.4vw,52px) 0;text-align:left}
.seg-item{padding:clamp(20px,2.2vw,32px) clamp(24px,2.6vw,44px)}
.seg-item + .seg-item{border-left:1px solid rgba(17,18,20,.1)}
.seg-icone{width:26px;height:26px;color:var(--ink);margin-bottom:22px;opacity:.9}
.seg-item h3{font-family:"Zalando Sans",system-ui,sans-serif;font-weight:700;font-size:clamp(1.12rem,1.45vw,1.35rem);letter-spacing:-.022em;line-height:1.15;color:var(--ink);margin-bottom:12px;text-wrap:balance}
.seg-item p{color:var(--steel);font-size:1rem;line-height:1.52}
.seg-rodape{margin-top:28px;color:var(--steel)}
.seg-rodape a{color:var(--flare-700);text-decoration:none;border-bottom:1px solid rgba(168,84,14,.35)}
.seg-rodape a:hover{border-bottom-color:var(--flare-700)}
@media(max-width:900px){
.seg-caixa{grid-template-columns:1fr;padding:clamp(16px,4vw,28px) 0}
.seg-item + .seg-item{border-left:0;border-top:1px solid rgba(17,18,20,.1)}
.seg-icone{margin-bottom:16px}
}
.prova{margin:56px auto 0;max-width:600px;background:rgba(249,246,242,.045);border:1px solid rgba(249,246,242,.07);border-radius:var(--r);padding:16px 16px 28px}
.prova img{width:100%;border-radius:calc(var(--r) - 10px);border:1px solid rgba(249,246,242,.08)}
.prova p{margin:22px 18px 6px;font-size:1.08rem;color:var(--n-150)}
.prova .micro{margin:0 18px}
.conversa{margin:56px auto 0;max-width:560px;display:flex;flex-direction:column;gap:10px;background:rgba(249,246,242,.045);border:1px solid rgba(249,246,242,.07);border-radius:var(--r);padding:28px 24px 22px}
.bolha{max-width:82%;padding:12px 16px;border-radius:18px;font-size:1.02rem;line-height:1.4}
.bolha.deles{align-self:flex-start;background:rgba(249,246,242,.1);color:var(--paper);border-bottom-left-radius:6px}
.bolha.nossa{align-self:flex-end;background:rgba(234,120,23,.22);color:var(--paper);border:1px solid rgba(234,120,23,.35);border-bottom-right-radius:6px}
.rotulo-exemplo{margin-top:14px;text-align:center;color:var(--n-400)}
.fd-minis{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:48px}
.fd-mini{display:grid;grid-template-columns:96px 1fr auto;gap:20px;align-items:center;background:#fff;border-radius:var(--r-s);padding:16px 22px 16px 16px;text-decoration:none;color:var(--ink);box-shadow:0 1px 2px rgba(17,18,20,.05),0 12px 32px rgba(17,18,20,.06);transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.fd-mini:hover{transform:translateY(-4px);box-shadow:0 24px 48px rgba(17,18,20,.1)}
.fd-mini img{width:96px;height:120px;object-fit:cover;object-position:top;border-radius:12px}
.fd-mini strong{display:block;font-size:1.3rem;letter-spacing:-.02em}
.fd-mini span:not(.link){color:var(--steel);font-size:.95rem}
.claro .fd-mini .link{color:var(--flare-700)}
@media(max-width:700px){.fd-minis{grid-template-columns:1fr}}
.fd-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:64px;text-align:left}
.fd-card{display:block;text-decoration:none;color:var(--paper);background:rgba(249,246,242,.045);border:1px solid rgba(249,246,242,.07);border-radius:var(--r);padding:16px 16px 30px;transition:transform .6s var(--ease),background .4s,border-color .4s}
.fd-card:hover{transform:translateY(-5px);background:rgba(249,246,242,.07);border-color:rgba(249,246,242,.14)}
.fd-card .foto{border-radius:calc(var(--r) - 8px);overflow:hidden;aspect-ratio:4/5;background:var(--n-800)}
.fd-card .foto img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s var(--ease)}
.fd-card:hover .foto img{transform:scale(1.03)}
.fd-card .rotulo{font-family:"DM Mono",monospace;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--flare);margin:22px 12px 8px}
.fd-card h3{font-family:"Pixelify Sans",monospace;font-weight:600;text-transform:uppercase;font-size:2rem;color:var(--flare);margin:0 12px 8px;letter-spacing:0}
.fd-card p{margin:0 12px 16px;color:var(--n-300);font-size:1rem;line-height:1.5}
.fd-card .link{margin:0 12px}
@media(max-width:900px){.fd-cards{grid-template-columns:1fr;max-width:460px;margin-inline:auto}}
.fd-hero .nota{margin-top:18px;text-transform:none;letter-spacing:0;font-family:"Zalando Sans",system-ui,sans-serif;font-size:.82rem;color:var(--n-400);max-width:520px}
/* transcrição fiel da conversa real + print original como evidência */
.conversa.real{max-width:600px}
.bolha{position:relative;display:flex;flex-direction:column;gap:2px}
.bolha .hora{font-family:"DM Mono",monospace;font-size:.62rem;letter-spacing:.1em;color:var(--n-400)}
.tarja{display:inline-block;width:5.5em;height:.95em;vertical-align:-.12em;border-radius:4px;background:#0c0e12;border:1px solid rgba(249,246,242,.12)}
.prova-mini{display:grid;grid-template-columns:200px 1fr;gap:22px;align-items:center;max-width:600px;margin:18px auto 0;background:rgba(249,246,242,.03);border:1px solid rgba(249,246,242,.06);border-radius:var(--r-s);padding:14px 18px 14px 14px}
.prova-mini img{width:100%;border-radius:10px;border:1px solid rgba(249,246,242,.08)}
.prova-mini p{font-size:.98rem;color:var(--n-150);margin-bottom:8px}
.prova-mini .micro{display:block;margin-top:8px}
@media(max-width:560px){.prova-mini{grid-template-columns:1fr}}
.depo.prova{display:flex;flex-direction:column;gap:10px;padding:28px 26px 30px;flex-basis:min(460px,86vw)}
.depo.prova .bolha{max-width:92%;font-size:.95rem}
.depo.prova p{margin-top:14px}
.depo.prova .quem .link{display:block;margin-top:4px;font-size:.9rem}
/* ---------- perfil profissional (como uma pessoa numa rede profissional, na cara da SIX) ---------- */
.perfil{margin-top:56px;background:rgba(249,246,242,.045);border:1px solid rgba(249,246,242,.08);border-radius:var(--r);overflow:hidden;max-width:920px}
.perfil .capa{height:120px;background-image:url("assets/bg/brasa.jpg");background-image:image-set(url("assets/bg/brasa-m.avif") type("image/avif"),url("assets/bg/brasa-m.webp") type("image/webp"),url("assets/bg/brasa.jpg") type("image/jpeg"));background-size:cover;background-position:center}
.perfil .cabecalho{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:end;padding:0 32px 22px;border-bottom:1px solid rgba(249,246,242,.08)}
.perfil .avatar{width:132px;height:132px;border-radius:50%;object-fit:cover;object-position:top;border:4px solid var(--ink);margin-top:-66px;background:var(--n-800)}
.perfil h3{font-size:2rem;letter-spacing:-.03em;line-height:1;margin:0 0 6px}
.perfil .headline{color:var(--n-200);font-size:1.02rem}
.perfil .disponivel{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-family:"DM Mono",monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--flare)}
.perfil .ponto{width:8px;height:8px;border-radius:50%;background:var(--flare);box-shadow:0 0 0 4px rgba(234,120,23,.2)}
.perfil .cabecalho .btn{margin-bottom:6px}
.perfil .corpo{padding:8px 32px 30px}
.perfil .bloco{padding:22px 0;border-top:1px solid rgba(249,246,242,.08)}
.perfil .bloco:first-child{border-top:0}
.perfil h4{font-family:"DM Mono",monospace;font-weight:500;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--flare);margin:0 0 12px}
.perfil .bloco > p{color:var(--n-150);font-size:1.05rem;line-height:1.55;max-width:66ch}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{padding:8px 14px;border-radius:999px;border:1px solid rgba(249,246,242,.14);color:var(--paper);font-size:.92rem}
.condicoes ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px 28px}
.condicoes li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-size:.98rem}
.condicoes li::before{content:"";width:16px;height:16px;margin-top:4px;border-radius:50%;background:var(--flare);-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;mask:url('data:image/svg+xml;utf8,') center/contain no-repeat}
.condicoes li strong{display:block;color:var(--paper);font-weight:650;letter-spacing:-.01em}
.condicoes li span{color:var(--n-300);font-size:.95rem}
.exp{list-style:none;margin:0;padding:0}
.exp li{display:grid;gap:2px;font-size:.98rem}
.exp strong{color:var(--paper)}.exp span{color:var(--n-200)}.exp em{color:var(--n-400);font-style:normal;font-size:.92rem}
@media(max-width:760px){.perfil .cabecalho{grid-template-columns:1fr;align-items:start;padding:0 22px 20px}.perfil .avatar{width:104px;height:104px;margin-top:-52px}.perfil .cabecalho .btn{justify-self:start}.perfil .corpo{padding:4px 22px 24px}.condicoes ul{grid-template-columns:1fr}}
/* ---------- jornada de 10 dias (bloco claro) ---------- */
.jornada{list-style:none;margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;counter-reset:j}
.jornada li{background:#fff;border-radius:var(--r);padding:30px 24px 32px;box-shadow:0 1px 2px rgba(17,18,20,.05),0 12px 32px rgba(17,18,20,.06);position:relative}
.jornada .dia{display:inline-block;font-family:"Pixelify Sans",monospace;font-weight:600;text-transform:uppercase;color:var(--flare-600);font-size:1.35rem;line-height:1;margin-bottom:18px}
.jornada h3{font-size:1.12rem;font-weight:650;letter-spacing:-.02em;line-height:1.2;color:var(--ink);margin:0 0 10px}
.jornada p{color:var(--steel);font-size:.95rem;line-height:1.5;margin:0}
.jornada li:last-child{background:var(--ink);color:var(--paper)}
.jornada li:last-child h3{color:var(--paper)}.jornada li:last-child p{color:var(--n-200)}.jornada li:last-child .dia{color:var(--flare)}
.claro .ctas.centro{justify-content:center}
@media(max-width:1100px){.jornada{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.jornada{grid-template-columns:1fr}}
/* ---------- antes e depois ---------- */
.muda{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:56px auto 0;max-width:980px}
.muda .col{border-radius:var(--r);padding:30px 30px 26px;background:rgba(249,246,242,.04);border:1px solid rgba(249,246,242,.08)}
.muda .col.com{border-color:rgba(234,120,23,.45);background:rgba(234,120,23,.08)}
.muda h3{font-family:"DM Mono",monospace;font-weight:500;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;margin:0 0 14px;color:var(--n-300)}
.muda .com h3{color:var(--flare)}
.muda ul{list-style:none;margin:0;padding:0}
.muda li{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;padding:15px 0;border-top:1px solid rgba(249,246,242,.08);font-size:1.08rem;line-height:1.4;color:var(--n-200)}
.muda li .px{font-size:1.2rem;line-height:1.15;color:var(--n-400)}
.muda .com li .px{color:var(--flare)}
.muda h3{display:flex;align-items:center;gap:10px}
.muda h3 .px{font-size:1.3rem;line-height:1;color:var(--n-400)}
.muda .com h3 .px{color:var(--flare)}
.muda .com li{color:var(--paper)}
.muda li:first-child{border-top:0}
@media(max-width:760px){.muda{grid-template-columns:1fr}}
.condicoes li span{grid-column:2}
/* categorias (menu da peça 07) na dobra dos três */
.categorias{margin:40px auto 0;max-width:820px;text-align:center}
.categorias .rot{font-family:"DM Mono",monospace;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--flare);margin-bottom:14px}
.categorias ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px}
.categorias li{font-family:"DM Mono",monospace;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--n-200);padding:9px 14px;border:1px solid rgba(249,246,242,.14);border-radius:999px}
/* a ideia: texto + cartaz da campanha (pasta de arquivo) */
.ideia-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(40px,6vw,88px);align-items:center}
.ideia-grid .titulo.xl{font-size:clamp(2.4rem,4.8vw,4.4rem);max-width:none}
.cartaz{border-radius:var(--r);overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.55);transform:rotate(-2deg);transition:transform .9s var(--ease)}
.cartaz:hover{transform:rotate(0)}
.cartaz img{width:100%;height:auto;display:block}
@media(max-width:900px){.ideia-grid{grid-template-columns:1fr}.cartaz{max-width:420px;transform:none}}
/* ---------- franquia: cubos em loop, o laranja sai puxando o logo ---------- */
.kv.franquia{--w:clamp(96px,9.5vw,180px);--gap:10px;--P:calc(var(--w) * 1.117 + var(--gap));--ciclo:11s}
.kv.franquia .wrap{position:relative;z-index:2}
.cubos{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.cubos .coluna{position:absolute;top:0;bottom:0;right:7%;width:var(--w);overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%)}
.cubos .trilho{position:absolute;left:0;top:0;width:100%;display:flex;flex-direction:column;gap:var(--gap);animation:sobe calc(var(--ciclo) / 2) linear infinite}
.cubos .cubo{width:100%;height:auto;display:block;opacity:.68;filter:saturate(.15) brightness(.85)}
@keyframes sobe{0%{transform:translateY(0)}100%{transform:translateY(calc(-4 * var(--P)))}}
.cubos .laranja{position:absolute;right:7%;top:50%;width:var(--w);display:flex;align-items:center;gap:22px;opacity:0;transform:translateY(calc(-50% + 1.6 * var(--P)));animation:laranja var(--ciclo) linear infinite}
.cubos .cubo-six{width:var(--w);height:auto;display:block;flex:none;filter:drop-shadow(0 24px 40px rgba(0,0,0,.45))}
.cubos .logo-cubo{height:calc(var(--w) * .2);width:auto;flex:none;opacity:0;transform:translateX(-24px);animation:logo var(--ciclo) linear infinite}
@keyframes laranja{
0%,29%{opacity:0;transform:translateY(calc(-50% + 1.6 * var(--P)))}
30%{opacity:1;transform:translateY(calc(-50% + 1.6 * var(--P)))}
50%{opacity:1;transform:translateY(-50%)}
53%{transform:translateY(-50%)}
64%,90%{opacity:1;transform:translate(calc(-1 * var(--w) * 2.6),-50%)}
100%{opacity:0;transform:translate(calc(-1 * var(--w) * 2.6),-50%)}
}
@keyframes logo{0%,52%{opacity:0;transform:translateX(-18px)}56%,90%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@media(max-width:900px),(prefers-reduced-motion:reduce){.cubos{display:none}.kv.franquia .fundo{background-image:url("assets/bg/franquia.jpg");background-image:image-set(url("assets/bg/franquia.avif") type("image/avif"),url("assets/bg/franquia.webp") type("image/webp"),url("assets/bg/franquia.jpg") type("image/jpeg"))}}
@media(max-width:760px){.kv.franquia .fundo{background-image:url("assets/bg/franquia-m.webp");background-image:image-set(url("assets/bg/franquia-m.avif") type("image/avif"),url("assets/bg/franquia-m.webp") type("image/webp"));background-position:62% center}}
/* depoimentos no bloco CLARO (pedido do Bruno, 08/09): cartões de papel branco sobre o off-white da marca */
.claro .depo{background:var(--white);border:1px solid rgba(17,18,20,.08);box-shadow:0 1px 0 rgba(17,18,20,.04),0 18px 40px -28px rgba(17,18,20,.25);padding:34px 34px 30px;min-height:300px}
.claro .depo .aspas{color:var(--flare-600)}
.claro .depo p{color:var(--ink)}
.claro .depo .quem{color:var(--steel);padding-top:24px;border-top:1px solid rgba(17,18,20,.07);margin-top:auto}
.claro .depo .quem strong{color:var(--ink)}
.claro .depo.prova{background:var(--white)}
.claro .depo.prova p{color:var(--n-600)}
.claro .depo.prova .quem .link{color:var(--flare-700)}
.claro .rotulo-exemplo{color:var(--steel)}
.claro .bolha.deles{background:var(--n-100);color:var(--ink)}
.claro .bolha.nossa{background:rgba(234,120,23,.12);color:var(--ink);border-color:rgba(234,120,23,.35)}
.claro .bolha .hora{color:var(--n-400)}
.claro .tarja{background:var(--n-800);border-color:transparent}
.claro .galeria-nav button{background:rgba(17,18,20,.08);color:var(--ink)}
.claro .galeria-nav button:hover{background:rgba(17,18,20,.16)}
.claro .galeria{padding-bottom:22px}
/* o cartão da conversa real herda margem/deslocamento da classe .prova das páginas de contratação: zera na galeria */
.galeria .depo.prova{margin:0;align-self:stretch;transform:none}
/* ===== depoimentos no formato do post do Instagram (pedido do Bruno, 08/09/2026) ===== */
.post{flex:0 0 min(400px,82vw);scroll-snap-align:start;display:flex;flex-direction:column;background:var(--ink);color:var(--paper);
border:1px solid rgba(234,120,23,.6);border-radius:22px;padding:30px 30px 26px;position:relative;overflow:hidden;
box-shadow:0 30px 60px -40px rgba(17,18,20,.55)}
.post::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;
background:repeating-linear-gradient(-32deg,transparent 0 22px,rgba(249,246,242,.9) 22px 23px)}
.post>*{position:relative}
.post-eyebrow{font-family:"DM Mono",ui-monospace,monospace;font-size:.66rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--flare);margin:0 0 14px}
.post-titulo{font-family:"Zalando Sans",system-ui,sans-serif;font-weight:700;font-size:1.42rem;line-height:1.12;letter-spacing:-.025em;color:var(--paper);margin:0 0 20px;max-width:12ch}
.post-print{display:block;margin:0 0 16px;border-radius:14px;overflow:hidden;transition:transform .35s var(--ease);background:var(--paper);border:1px solid rgba(249,246,242,.14);box-shadow:0 14px 30px -18px rgba(0,0,0,.8)}
.post-print img{display:block;width:100%;height:auto}
.post-print:hover{transform:translateY(-2px)}
.post-print:focus-visible{outline:2px solid var(--flare);outline-offset:3px}
.post-quem{font-family:"DM Mono",ui-monospace,monospace;font-size:.72rem;letter-spacing:.06em;color:var(--n-300);margin:0 0 22px}
.post-rodape{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid rgba(249,246,242,.08)}
.post-rodape img{height:20px;width:auto}
.post-rodape span{font-family:"DM Mono",ui-monospace,monospace;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--n-300)}
.claro .post{box-shadow:0 30px 50px -30px rgba(17,18,20,.45)}
@media(max-width:640px){.post{padding:24px 22px 22px}.post-titulo{font-size:1.28rem}}
/* ===== HERO EM PALCO: rolagem apresenta Julia, Sofi e Max (pedido do Bruno, 08/09/2026) ===== */
.hero.palco{display:block;padding:0;min-height:0;overflow:visible;height:100svh}
.js .hero.palco{height:500svh}
.estatico .hero.palco,.js.estatico .hero.palco{height:100svh;min-height:820px}
.palco-sticky{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;isolation:isolate}
.estatico .palco-sticky{min-height:820px}
.palco .fundo{transition:opacity 1s var(--ease),filter 1s var(--ease)}
.palco:not([data-step="0"]) .fundo{opacity:.22;filter:saturate(.6)}
.palco[data-step="4"] .fundo{opacity:.14}
/* cenas */
.palco .cena{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
padding:calc(var(--nav) + 40px) 24px 120px;opacity:0;transform:translateY(26px);pointer-events:none;
transition:opacity .75s var(--ease),transform .9s var(--ease)}
.palco .cena.copy{max-width:none}
.palco[data-step="0"] .cena-0,.palco[data-step="1"] .cena-1,.palco[data-step="2"] .cena-2,.palco[data-step="3"] .cena-3,.palco[data-step="4"] .cena-4{opacity:1;transform:none;pointer-events:auto}
.palco .cena-0 .titulo.xl{max-width:14ch}
.palco .rolar{margin-top:34px;color:var(--n-300);letter-spacing:.14em}
.palco .cena-fd{align-items:flex-start;text-align:left;justify-content:center;padding-left:max(24px,calc(50vw - var(--col)/2));padding-right:46vw}
.palco .cena-fd .titulo.l{max-width:11ch;margin-top:10px}
.palco .cena-fd .sub{max-width:30ch;margin-top:22px}
.palco .cena-fd .link{margin-top:26px}
.palco .cena-fecho{justify-content:flex-start;padding-top:calc(var(--nav) + clamp(56px,9vh,110px))}
.palco .cena-fecho .titulo.xl{max-width:22ch;font-size:clamp(2rem,4.9vw,4.4rem)}
.palco .cena-fecho .sub{max-width:44ch;margin-top:18px}
@media(max-height:780px){.palco .cena-fecho{padding-top:calc(var(--nav) + 28px)}.palco .cena-fecho .titulo.xl{font-size:clamp(1.9rem,4.2vw,3.4rem)}.palco .cena-fecho .sub{font-size:1.05rem;margin-top:12px}.palco .cena-fecho .ctas{margin-top:18px}}
.palco .cena-fecho .sub{max-width:36ch;color:var(--n-150)}
.palco .cena-fecho .ctas{justify-content:center;margin-top:30px}
/* figuras */
.fd-figuras{position:absolute;inset:0;z-index:1;pointer-events:none}
.fd-figura{position:absolute;bottom:0;right:max(2vw,calc(50vw - var(--col)/2 - 40px));height:min(94svh,1080px);width:auto;opacity:0;
transform:translateX(9vw) scale(.97);transform-origin:bottom center;
-webkit-mask-image:radial-gradient(62% 78% at 50% 58%,#000 52%,transparent 100%);mask-image:radial-gradient(62% 78% at 50% 58%,#000 52%,transparent 100%);
transition:opacity .8s var(--ease),transform 1s var(--ease),height .9s var(--ease),left .9s var(--ease),right .9s var(--ease)}
.palco[data-step="1"] .fd-julia,.palco[data-step="2"] .fd-sofi,.palco[data-step="3"] .fd-max{opacity:1;transform:none}
.palco[data-step="2"] .fd-julia,.palco[data-step="3"] .fd-sofi{opacity:0;transform:translateX(-6vw) scale(.97)}
.palco[data-step="4"] .fd-figura{opacity:1;transform:none;height:min(var(--fig-h,46svh),560px);right:auto}
.palco[data-step="4"] .fd-sofi{z-index:2}
.palco[data-step="4"] .fd-julia{left:calc(50% - min(var(--fig-h,46svh),560px)*.666*1.5 - 24px)}
.palco[data-step="4"] .fd-sofi{left:calc(50% - min(var(--fig-h,46svh),560px)*.666*.5)}
.palco[data-step="4"] .fd-max{left:calc(50% + min(var(--fig-h,46svh),560px)*.666*.5 + 24px)}
/* pontos de progresso */
.palco-passos{position:absolute;right:22px;top:50%;transform:translateY(-50%);z-index:3;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;opacity:0;transition:opacity .5s}
.js .palco-passos{opacity:1}
.palco-passos li{width:6px;height:6px;border-radius:50%;background:rgba(249,246,242,.25);transition:background .4s,height .4s}
.palco[data-step="0"] .palco-passos li:nth-child(1),.palco[data-step="1"] .palco-passos li:nth-child(2),.palco[data-step="2"] .palco-passos li:nth-child(3),.palco[data-step="3"] .palco-passos li:nth-child(4),.palco[data-step="4"] .palco-passos li:nth-child(5){background:var(--flare);height:22px;border-radius:3px}
.palco .rodape{position:absolute;left:0;right:0;bottom:0;z-index:3;margin:0;padding:0 0 26px}
@media(prefers-reduced-motion:reduce){.palco .cena,.fd-figura,.palco .fundo,.palco-passos li{transition:none}}
@media(max-width:760px){
.palco .cena{padding:calc(var(--nav) + 28px) 22px 60px;justify-content:flex-start}
.palco .cena-0{justify-content:center;padding-bottom:110px}
.palco .cena-fd{align-items:center;text-align:center;padding-left:22px;padding-right:22px}
.palco .cena-fd .titulo.l{max-width:12ch;font-size:clamp(1.9rem,8.4vw,2.5rem)}
.palco .cena-fd .sub{max-width:28ch;font-size:1.05rem;margin-top:14px}
.palco .cena-fd .link{margin-top:16px}
.fd-figura{right:50%;transform:translate(50%,6vh) scale(.97);height:min(58svh,560px)}
.palco[data-step="1"] .fd-julia,.palco[data-step="2"] .fd-sofi,.palco[data-step="3"] .fd-max{transform:translate(50%,0)}
.palco[data-step="2"] .fd-julia,.palco[data-step="3"] .fd-sofi{opacity:0;transform:translate(50%,0) scale(.97)}
.palco .cena-fecho{padding-top:calc(var(--nav) + 26px)}
.palco .cena-fecho .titulo.xl{font-size:clamp(1.7rem,7.6vw,2.3rem);max-width:15ch}
.palco .cena-fecho .ctas{margin-top:18px}
.palco[data-step="4"] .fd-figura{height:min(var(--fig-h,31svh),300px);right:auto;transform:none}
.palco[data-step="4"] .fd-julia{left:calc(50% - min(var(--fig-h,31svh),300px)*.666*1.15)}
.palco[data-step="4"] .fd-sofi{left:calc(50% - min(var(--fig-h,31svh),300px)*.666*.5)}
.palco[data-step="4"] .fd-max{left:calc(50% + min(var(--fig-h,31svh),300px)*.666*.15)}
.palco-passos{right:12px}
.palco .rodape{display:none}
}
/* ===== QUEM FAZ · cartões dos sócios no formato do post "Quem nós somos" (08/09/2026) ===== */
.socios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:64px;text-align:left}
.socio{position:relative;display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:0 28px;align-items:start;
background:var(--white);color:var(--ink);border:1px solid rgba(17,18,20,.08);border-radius:var(--r);padding:30px 30px 28px;overflow:hidden;
box-shadow:0 1px 0 rgba(17,18,20,.04),0 24px 50px -36px rgba(17,18,20,.3)}
.socio.escuro{background:var(--ink);color:var(--paper);border-color:rgba(249,246,242,.08)}
.socio-foto{position:relative;aspect-ratio:1/1;background:transparent}
.socio-foto img{width:100%;height:100%;object-fit:cover;display:block;border-radius:6px;position:relative;z-index:1}
/* moldura em L laranja, como nos slides: linha vertical na borda direita da foto e linha inclinada saindo da base */
.socio-foto::after{content:"";position:absolute;top:22%;right:-1px;width:2px;height:125%;background:var(--flare);z-index:2;pointer-events:none}
.socio-foto::before{content:"";position:absolute;left:-30px;bottom:-4px;width:calc(100% + 26px);height:2px;background:var(--flare);transform:rotate(-1.4deg);transform-origin:right center;z-index:2;pointer-events:none}
.socio-txt{display:flex;flex-direction:column;min-width:0;padding-top:22%}
.socio-eyebrow{font-family:"DM Mono",ui-monospace,monospace;font-size:.66rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--flare-700);margin:0 0 8px}
.socio.escuro .socio-eyebrow{color:var(--flare)}
.socio-nome{font-family:"Zalando Sans",system-ui,sans-serif;font-weight:700;font-size:clamp(1.5rem,2.2vw,2rem);line-height:1;letter-spacing:-.03em;margin:0 0 6px}
.socio-handle{font-family:"DM Mono",ui-monospace,monospace;font-size:.78rem;color:var(--flare-700);text-decoration:none;margin-bottom:14px;display:inline-block}
.socio.escuro .socio-handle{color:var(--flare)}
.socio-handle:hover{text-decoration:underline}
.socio-frase{font-weight:700;font-size:1.02rem;line-height:1.3;letter-spacing:-.012em;margin:0 0 10px;color:var(--ink)}
.socio.escuro .socio-frase,.socio.escuro .socio-nome{color:var(--paper)}
.socio-bio{font-size:.92rem;line-height:1.5;color:var(--steel);margin:0 0 18px}
.socio.escuro .socio-bio{color:var(--n-300)}
.socio-nasix{margin-top:auto;padding-top:12px;border-top:1px solid rgba(17,18,20,.1);font-family:"DM Mono",ui-monospace,monospace;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);line-height:1.5}
.socio.escuro .socio-nasix{border-top-color:rgba(249,246,242,.12);color:var(--n-300)}
/* a união + números */
.uniao{margin-top:96px;text-align:left}
.uniao .titulo.m{max-width:22ch;margin-top:10px}
.uniao-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:34px}
.tile{position:relative;background:var(--ink);color:var(--paper);border-radius:14px;padding:22px 20px 20px;min-height:150px;display:flex;flex-direction:column;gap:4px}
.tile::before{content:"";position:absolute;left:14px;top:10px;width:34%;height:2px;background:var(--flare)}
.tile-nome{font-family:"DM Mono",ui-monospace,monospace;font-weight:500;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;margin-top:8px}
.tile-papel{font-family:"DM Mono",ui-monospace,monospace;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--flare)}
.tile p{margin-top:10px;font-size:.92rem;line-height:1.45;color:var(--n-200)}
.tile.igual{background:var(--flare);color:var(--ink)}
.tile.igual::before{background:var(--ink)}
.tile.igual p{color:rgba(17,18,20,.85)}
.numeros{display:grid;grid-template-columns:5fr 4fr;gap:18px;margin-top:18px}
.numeros-grupo{border:1px solid rgba(17,18,20,.1);border-radius:14px;padding:22px 22px 18px;background:rgba(255,255,255,.55)}
.numeros-rotulo{font-family:"DM Mono",ui-monospace,monospace;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--flare-700);margin:0 0 16px}
.numeros dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px 18px;margin:0}
.numeros dl>div{border-top:2px solid var(--flare);padding-top:10px}
.numeros dt{font-family:"Zalando Sans",system-ui,sans-serif;font-weight:700;font-size:clamp(1.25rem,1.8vw,1.65rem);letter-spacing:-.03em;line-height:1;color:var(--flare-600);white-space:nowrap}
.numeros dd{margin:6px 0 0;font-family:"DM Mono",ui-monospace,monospace;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);line-height:1.5}
@media(max-width:980px){.socios{grid-template-columns:1fr}.uniao-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.numeros{grid-template-columns:1fr}}
@media(max-width:640px){
.socio{grid-template-columns:1fr;padding:22px 22px 22px;gap:18px}
.socio-foto{aspect-ratio:1/1}
.socio-foto::after{display:none}.socio-foto::before{display:none}
.socio-txt{padding-top:0}
.uniao{margin-top:72px}.uniao-tiles{grid-template-columns:1fr}
}
/* CTAs do palco com mais peso (pedido do Bruno, 08/09) */
.palco .ctas{gap:14px 16px;margin-top:36px}
.btn.destaque{padding:20px 34px;font-size:1.12rem;font-weight:700;letter-spacing:-.015em;gap:12px}
.btn.destaque span{font-weight:500;transition:transform .35s var(--ease)}
.btn.destaque:hover span{transform:translateX(4px)}
.palco .btn.destaque:not(.fantasma){box-shadow:0 12px 40px rgba(234,120,23,.38),0 0 0 6px rgba(234,120,23,.14)}
.palco .btn.destaque:not(.fantasma):hover{box-shadow:0 18px 50px rgba(234,120,23,.5),0 0 0 8px rgba(234,120,23,.18)}
.palco .btn.fantasma.destaque{border-color:rgba(249,246,242,.55);background:rgba(17,18,20,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.palco .btn.fantasma.destaque:hover{background:rgba(249,246,242,.12);border-color:var(--paper)}
@media(max-width:640px){.btn.destaque{padding:17px 26px;font-size:1.02rem;width:100%;max-width:340px}.palco .ctas{flex-direction:column;align-items:center}.palco .cena-fd .ctas{align-items:center}}
/* ---------- para quem é: dois cartões (empresa × franqueado), lista tipográfica em pixel ---------- */
.publicos{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:64px;text-align:left}
.publico{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;background:rgba(249,246,242,.04);border:1px solid rgba(249,246,242,.09);border-radius:var(--r);padding:44px 40px 42px;transition:opacity 1.1s var(--ease),transform 1.1s var(--ease),border-color .4s}
.publico:hover{border-color:rgba(249,246,242,.2)}
.publico.laranja{background:linear-gradient(160deg,rgba(234,120,23,.17) 0%,rgba(234,120,23,.05) 55%,rgba(17,18,20,0) 100%),rgba(249,246,242,.03);border-color:rgba(234,120,23,.45)}
.publico.laranja:hover{border-color:rgba(234,120,23,.75)}
.publico-rot{font-family:"DM Mono",ui-monospace,monospace;font-size:.7rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--n-300);margin:0 0 26px}
.publico.laranja .publico-rot{color:var(--flare)}
.publico h3{font-size:clamp(1.6rem,2.4vw,2.15rem);font-weight:700;letter-spacing:-.028em;line-height:1.08;text-wrap:balance;max-width:17ch}
.publico-desc{margin-top:18px;color:var(--n-200);font-size:1.05rem;line-height:1.5;max-width:46ch}
.publico-lista{list-style:none;margin:30px 0 0;padding:0;width:100%}
.publico-lista li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;padding:11px 0;border-top:1px solid rgba(249,246,242,.09);color:var(--n-150);font-size:1rem;line-height:1.4}
.publico-lista li::before{content:"+";font-family:"Pixelify Sans",monospace;font-size:1.35rem;line-height:1;color:var(--flare);margin-top:1px}
.publico .btn{margin-top:34px}
@media(max-width:900px){.publicos{grid-template-columns:1fr;max-width:620px;margin-inline:auto}}
@media(max-width:640px){.publico{padding:32px 24px 30px}.publico h3{max-width:none}.publico .btn{width:100%}}
/* ---------- contato: copy à esquerda, formulário em vidro à direita; envio abre o WhatsApp da SIX ---------- */
.kv.escala .contato{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:56px;align-items:center}
.kv.escala .contato .copy{max-width:560px;margin:0}
.kv.escala .contato .titulo.xl{font-size:clamp(2.5rem,5vw,4.6rem);max-width:12ch}
.contato-info{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:18px;max-width:440px}
.contato-info li{display:grid;gap:4px;padding-left:18px;border-left:2px solid var(--flare)}
.contato-info .rot{font-family:"DM Mono",ui-monospace,monospace;font-size:.68rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--flare)}
.contato-info a,.contato-info span:not(.rot){color:var(--n-150);font-size:1.02rem;line-height:1.4;text-decoration:none}
.contato-info a:hover{color:var(--paper)}
.form-card{background:rgba(17,18,20,.64);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(249,246,242,.14);border-radius:var(--r);padding:34px 32px 30px;color-scheme:dark;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px}
.form-grid .full{grid-column:1/-1}
.campo{display:grid;gap:8px;align-content:start}
.campo label{font-family:"DM Mono",ui-monospace,monospace;font-size:.68rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--n-300)}
.campo label em{font-style:normal;text-transform:none;letter-spacing:.06em;color:var(--n-400)}
.campo input,.campo select,.campo textarea{width:100%;font:inherit;font-size:1rem;line-height:1.3;color:var(--paper);background:rgba(249,246,242,.06);border:1px solid rgba(249,246,242,.16);border-radius:14px;padding:14px 16px;outline:none;transition:border-color .3s,background .3s,box-shadow .3s;-webkit-appearance:none;appearance:none}
.campo input::placeholder,.campo textarea::placeholder{color:var(--n-400)}
.campo textarea{resize:vertical;min-height:112px}
.campo select{padding-right:44px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right 16px center}
.campo select:invalid{color:var(--n-400)}
.campo select option{background:var(--n-800);color:var(--paper)}
.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--flare);background:rgba(249,246,242,.08);box-shadow:0 0 0 4px rgba(234,120,23,.18)}
.campo.invalido input,.campo.invalido select{border-color:var(--danger);box-shadow:0 0 0 4px rgba(213,64,43,.16)}
.form-erro{margin:14px 0 0;font-size:.92rem;color:#f2a79a}
.form-card .btn.destaque{width:100%;max-width:none;margin-top:22px}
.form-card .btn[disabled]{opacity:.7;pointer-events:none}
.form-nota{text-align:center;margin-top:16px;text-transform:none;letter-spacing:.02em;font-size:.78rem;color:var(--n-300)}
@media(max-width:960px){.kv.escala .contato{grid-template-columns:1fr;gap:44px}.kv.escala .contato .copy{max-width:640px}}
@media(max-width:560px){.form-grid{grid-template-columns:1fr}.form-card{padding:26px 20px 24px;border-radius:var(--r-s)}}
@media(max-width:960px){.kv.escala .fundo::after{background:linear-gradient(180deg,rgba(17,18,20,.74) 0%,rgba(17,18,20,.88) 100%)}}
/* ═══════════════ MOBILE FIRST (pedido do Bruno, 09/09) ═══════════════
Três frentes: respiro menor entre dobras, tudo que se toca com 44px de altura,
nada de texto abaixo de 11px, e as três grades altas viram carrossel de arrastar. */
@media(max-width:760px){
/* --- respiro: a página tinha 28 telas de altura --- */
.secao{padding:68px 0}
.kv .wrap{padding:72px 0}
.wrap{width:calc(100% - 40px)}
.titulo.l{font-size:clamp(1.9rem,7.4vw,2.6rem)}
.sub{margin-top:18px;font-size:1.06rem}
.eyebrow{margin-bottom:16px;font-size:.75rem}
/* --- alvo de toque: nada menor que 44px de altura --- */
.nav .btn{padding:14px 18px;font-size:.88rem}
.nav .logo{display:inline-flex;align-items:center;min-height:44px}
.menu > summary{min-width:44px;min-height:44px;display:grid;place-items:center}
.link{display:inline-flex;align-items:center;min-height:44px}
.socio-handle{min-height:40px;display:inline-flex;align-items:center;font-size:.82rem}
.contato-info a{display:inline-flex;align-items:center;min-height:40px}
footer .wrap a{display:inline-block;padding:7px 0}
.galeria-nav button{width:46px;height:46px}
.faq summary{padding:6px 0}
/* --- legibilidade: rótulos em mono não descem de 11px --- */
.ficha dt{font-size:.72rem}
.ficha dd{font-size:.86rem}
.socio-nasix{font-size:.72rem;line-height:1.45}
.socio-eyebrow,.post-eyebrow,.ficha .rot,.categorias .rot{font-size:.72rem}
.numeros dd{font-size:.7rem}
.numeros-rotulo{font-size:.7rem}
.categorias li{font-size:.84rem}
.micro{font-size:.74rem}
.post-quem{font-size:.78rem}
/* --- carrossel: as três grades mais altas passam a arrastar de lado --- */
.socios,.fd-cards,.passos{
display:flex;flex-wrap:nowrap;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;
scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;
grid-template-columns:none;max-width:none;
margin:34px calc(50% - 50vw) 0;padding:4px 20px 14px;
}
.socios::-webkit-scrollbar,.fd-cards::-webkit-scrollbar,.passos::-webkit-scrollbar{display:none}
.socios > *,.fd-cards > *,.passos > *{flex:0 0 82vw;scroll-snap-align:center;opacity:1!important;transform:none!important;transition-delay:0s!important}
.passos > *{flex-basis:74vw}
.socio{grid-template-columns:1fr;padding:22px;gap:16px}
.socio-foto{aspect-ratio:1/1}
.socio-foto::after,.socio-foto::before{display:none}
.socio-txt{padding-top:0}
.fd-card .foto{aspect-ratio:1/1}
.fd-cards{margin-inline:calc(50% - 50vw)}
/* pista de arrasto: uma dica discreta abaixo de cada carrossel */
.socios::after,.fd-cards::after,.passos::after{content:"";flex:0 0 4px}
/* --- grades curtas ganham duas colunas em vez de empilhar --- */
.tiles.c2,.uniao-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tiles.c2 .tile{padding:22px 18px 24px}
.tile h3{font-size:1.12rem}
.tile p{font-size:.94rem}
.categorias ul{gap:7px 8px}
/* --- a dobra de conversão fica empilhada, só mais compacta --- */
.publicos{gap:14px;margin-top:38px}
.publico{padding:28px 22px 26px}
.publico-desc{font-size:1rem;margin-top:14px}
.publico-lista{margin-top:22px}
.publico-lista li{padding:10px 0;font-size:.96rem}
.publico .btn{margin-top:26px}
.contato-info{margin-top:28px;gap:14px}
.form-card{padding:24px 18px 22px}
.conta{gap:10px}
.faq{margin-top:36px}
.faq summary{font-size:1.1rem;gap:16px}
.faq details{padding:18px 0}
.faq details p{font-size:1rem}
}
@media(max-width:400px){
.socios > *,.fd-cards > *{flex-basis:86vw}
.passos > *{flex-basis:80vw}
.tiles.c2,.uniao-tiles{grid-template-columns:1fr}
}
@media(max-width:760px){
/* alvo de toque: fechar os que ficaram entre 32 e 42px */
.socio-handle{min-height:44px}
.contato-info a{min-height:44px}
.faq summary{padding:11px 0}
footer .wrap a{padding:12px 0}
footer .wrap span{line-height:1.2}
/* rótulos em mono: piso de 11px em toda a página */
.tile-papel{font-size:.72rem}
.post .tarja span,.post span{font-size:.72rem}
.numeros-rotulo{font-size:.72rem}
.conta .lado h3{font-size:.74rem}
.funcoes .n{font-size:.8rem}
/* "o que um funcionário digital faz" era a dobra mais alta depois dos carrosséis */
.ficha{max-width:380px}
.ficha dl{gap:9px 14px}
.funcoes li{padding:18px 0;grid-template-columns:44px 1fr;gap:10px}
.funcoes li p{font-size:.96rem;line-height:1.45;margin-top:5px}
.faz{gap:36px}
}
@media(max-width:760px){footer .wrap a{padding:14px 0}}
@media(max-width:760px){footer .wrap a{padding:14px 0}}
/* a palavra em pixel some no ruído da foto: sobre fundo fotográfico ela ganha
um tom mais claro, um respiro entre os blocos e uma sombra que a descola do fundo */
.palco .px,.kv .px{letter-spacing:.03em;text-shadow:0 2px 12px rgba(17,18,20,.6)}
/* ---------- mural de depoimentos (mesmo desenho da apresentação) ---------- */
.mural-site{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:38px}
.mural-site .print-link{display:block;min-width:0}
.mural-site img{display:block;width:100%;height:250px;object-fit:cover;object-position:center;border-radius:10px;background:var(--paper,#F9F6F2);box-shadow:0 18px 40px rgba(0,0,0,.28),0 0 0 1px rgba(17,18,20,.08);transform:rotate(var(--r,0deg));transition:transform .4s var(--ease,cubic-bezier(.22,1,.36,1));-webkit-backface-visibility:hidden;backface-visibility:hidden}
.mural-site img:hover{transform:rotate(0) scale(1.06);z-index:40;position:relative}
.mural-site img[src*="icaro-grupo"],.mural-site img[src*="guilherme"],.mural-site img[src*="daniel-print"]{object-position:top}
.mural-site img[src*="arte-"]{object-position:center 38%}
.mural-site .print-link:focus-visible img{outline:2px solid var(--flare);outline-offset:3px}
@media (max-width:1000px){.mural-site{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.mural-site img{height:215px}}
@media (max-width:640px){.mural-site{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}.mural-site img{height:170px}}
/* ---------- lupa: amplia o print do depoimento sem sair da página ---------- */
.lupa{position:fixed;inset:0;z-index:2000;background:rgba(17,18,20,.92);display:flex;align-items:center;justify-content:center;padding:4vh 4vw;cursor:zoom-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.lupa img{max-width:100%;max-height:100%;border-radius:12px;box-shadow:0 40px 100px rgba(0,0,0,.6)}
.lupa[hidden]{display:none}
.lupa .fechar{position:absolute;top:max(16px,3vh);right:max(16px,3vw);width:44px;height:44px;border-radius:999px;border:1px solid rgba(249,246,242,.3);background:rgba(17,18,20,.6);color:var(--paper,#F9F6F2);font:400 24px/1 system-ui,sans-serif;display:flex;align-items:center;justify-content:center;cursor:pointer}
.lupa .fechar:hover{background:rgba(249,246,242,.14)}
.lupa .dica{position:absolute;bottom:max(16px,3vh);left:0;right:0;text-align:center;font:400 .85rem/1.4 system-ui,sans-serif;color:rgba(249,246,242,.6)}
@media (max-width:640px){.lupa{padding:2vh 2vw}}
/* ---------- depoimento em vídeo ---------- */
.video-tela{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(28px,4vw,64px);align-items:center;margin-top:clamp(40px,5vw,72px)}
.video-tela.inv{grid-template-columns:.8fr 1.2fr}
.numerao{font-weight:700;font-size:clamp(2.1rem,4vw,3.6rem);line-height:.95;letter-spacing:-.045em;margin:0 0 16px;color:inherit}
.numerao small{display:block;font-size:.3em;font-weight:500;letter-spacing:-.01em;opacity:.7;margin-top:.5em;line-height:1.3}
.video-copy .sub{max-width:52ch}
.video-copy .quem{margin-top:20px;font-size:.9rem;opacity:.7}
.video-copy .quem strong{display:block;font-weight:600;opacity:1}
.video-caixa{position:relative;margin:0;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 34px 80px rgba(17,18,20,.35);isolation:isolate}
.video-caixa.horizontal{aspect-ratio:16/9;width:100%}
.video-caixa.vertical{aspect-ratio:9/16;height:min(70vh,620px);width:auto;margin:0 auto}
.video-caixa video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.video-caixa .play{position:absolute;inset:0;z-index:2;border:0;background:linear-gradient(180deg,rgba(17,18,20,0) 40%,rgba(17,18,20,.7) 100%);color:var(--paper,#F9F6F2);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-family:"DM Mono",monospace;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;padding:0}
.video-caixa .play svg{width:74px;height:74px;padding:22px;border-radius:50%;background:var(--flare);fill:var(--ink,#111214);box-shadow:0 18px 40px rgba(0,0,0,.4);transition:transform .35s var(--ease,cubic-bezier(.22,1,.36,1))}
.video-caixa .play:hover svg{transform:scale(1.06)}
.video-caixa.tocando .play{display:none}
@media (max-width:860px){
.video-tela,.video-tela.inv{grid-template-columns:1fr;gap:26px}
.video-tela.inv .video-caixa{order:-1}
.video-caixa.vertical{height:auto;width:100%;aspect-ratio:9/16;max-width:320px}
}
/* ---------- na imprensa ---------- */
.imprensa-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,4vw,60px);align-items:center}
.numeros-imprensa{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.numeros-imprensa .numero .v{font-weight:700;font-size:clamp(1.9rem,3.2vw,2.8rem);line-height:1;letter-spacing:-.04em;margin:0 0 8px}
.numeros-imprensa .numero .v small{font-size:.45em;margin-left:2px}
.numeros-imprensa .numero p:last-child{font-size:.84rem;line-height:1.35;opacity:.75;margin:0}
.imprensa{margin:0}
.imprensa img{width:100%;border-radius:16px;box-shadow:0 26px 60px rgba(17,18,20,.24);cursor:zoom-in;display:block}
@media (max-width:860px){.imprensa-grid{grid-template-columns:1fr}.numeros-imprensa{grid-template-columns:1fr;gap:16px}}
/* ---------- faixa de marcas (passa girando, preto e branco) ---------- */
.marcas-faixa{padding-top:clamp(40px,5vw,70px);padding-bottom:clamp(40px,5vw,70px)}
.marcas-faixa .eyebrow{margin-bottom:clamp(26px,3vw,40px)}
.marcas{display:flex;gap:clamp(30px,4vw,56px);width:100%;overflow:hidden;padding-block:18px;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.marcas-trilha{display:flex;align-items:center;gap:clamp(30px,4vw,56px);list-style:none;margin:0;padding:0;
flex:0 0 auto;animation:marcas-anda 44s linear infinite}
.marcas:hover .marcas-trilha{animation-play-state:paused}
/* CAIXA DE TAMANHO FIXO, não altura fixa.
As logos vão de 1:1 (Agrobar, um selo) a 4,2:1 (Ultragaz). Normalizando só pela
altura, a larga ficava 4x mais comprida que a quadrada e uma engolia a outra.
Aqui cada marca recebe a MESMA caixa e se encaixa dentro dela: a larga bate na
largura, a quadrada bate na altura, e o peso visual fica parecido. */
.marcas-trilha li{flex:0 0 auto;width:clamp(150px,18vw,215px);height:clamp(58px,6.8vw,82px);
display:flex;align-items:center;justify-content:center}
.marcas-trilha img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;
filter:grayscale(1) brightness(0) invert(.2);opacity:.55;
transition:opacity .35s var(--ease),filter .35s var(--ease)}
.marcas-trilha li:hover img{opacity:.95}
/* selo quadrado tem menos mancha que uma logo deitada: ganha uns pixels a mais */
.marcas-trilha img[src*="estica"],.marcas-trilha img[src*="paola"]{max-height:114%}
/* selo redondo tem o texto miúdo lá dentro: precisa de mais corpo para ler igual */
.marcas-trilha img[src*="agrobar"],.marcas-trilha img[src*="folks"]{max-height:126%}
.marcas-trilha .print-link:focus-visible img,.marcas-trilha li:focus-visible img{outline:2px solid var(--flare);outline-offset:3px}
/* seção escura: a silhueta branca fica como está */
.secao:not(.claro) .marcas-trilha img{filter:grayscale(1);opacity:.62}
.secao:not(.claro) .marcas-trilha li:hover img{opacity:1}
@keyframes marcas-anda{from{transform:translateX(0)}to{transform:translateX(calc(-100% - clamp(30px,4vw,56px)))}}
@media (prefers-reduced-motion:reduce){.marcas-trilha{animation:none}.marcas{overflow-x:auto}}
@media (max-width:640px){.marcas-trilha{animation-duration:30s}}
/* ---------- lupa: amplia o print do depoimento sem sair da página ---------- */
.lupa{position:fixed;inset:0;z-index:2000;background:rgba(17,18,20,.92);display:flex;align-items:center;justify-content:center;padding:4vh 4vw;cursor:zoom-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.lupa img{max-width:100%;max-height:100%;border-radius:12px;box-shadow:0 40px 100px rgba(0,0,0,.6)}
.lupa[hidden]{display:none}
.lupa .fechar{position:absolute;top:max(16px,3vh);right:max(16px,3vw);width:44px;height:44px;border-radius:999px;border:1px solid rgba(249,246,242,.3);background:rgba(17,18,20,.6);color:var(--paper,#F9F6F2);font:400 24px/1 system-ui,sans-serif;display:flex;align-items:center;justify-content:center;cursor:pointer}
.lupa .fechar:hover{background:rgba(249,246,242,.14)}
.lupa .dica{position:absolute;bottom:max(16px,3vh);left:0;right:0;text-align:center;font:400 .85rem/1.4 system-ui,sans-serif;color:rgba(249,246,242,.6)}
@media (max-width:640px){.lupa{padding:2vh 2vw}}
/* ---------- depoimento em vídeo ---------- */
.video-tela{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(28px,4vw,64px);align-items:center;margin-top:clamp(40px,5vw,72px)}
.video-tela.inv{grid-template-columns:.8fr 1.2fr}
.numerao{font-weight:700;font-size:clamp(2.1rem,4vw,3.6rem);line-height:.95;letter-spacing:-.045em;margin:0 0 16px;color:inherit}
.numerao small{display:block;font-size:.3em;font-weight:500;letter-spacing:-.01em;opacity:.7;margin-top:.5em;line-height:1.3}
.video-copy .sub{max-width:52ch}
.video-copy .quem{margin-top:20px;font-size:.9rem;opacity:.7}
.video-copy .quem strong{display:block;font-weight:600;opacity:1}
.video-caixa{position:relative;margin:0;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 34px 80px rgba(17,18,20,.35);isolation:isolate}
.video-caixa.horizontal{aspect-ratio:16/9;width:100%}
.video-caixa.vertical{aspect-ratio:9/16;height:min(70vh,620px);width:auto;margin:0 auto}
.video-caixa video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.video-caixa .play{position:absolute;inset:0;z-index:2;border:0;background:linear-gradient(180deg,rgba(17,18,20,0) 40%,rgba(17,18,20,.7) 100%);color:var(--paper,#F9F6F2);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-family:"DM Mono",monospace;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;padding:0}
.video-caixa .play svg{width:74px;height:74px;padding:22px;border-radius:50%;background:var(--flare);fill:var(--ink,#111214);box-shadow:0 18px 40px rgba(0,0,0,.4);transition:transform .35s var(--ease,cubic-bezier(.22,1,.36,1))}
.video-caixa .play:hover svg{transform:scale(1.06)}
.video-caixa.tocando .play{display:none}
@media (max-width:860px){
.video-tela,.video-tela.inv{grid-template-columns:1fr;gap:26px}
.video-tela.inv .video-caixa{order:-1}
.video-caixa.vertical{height:auto;width:100%;aspect-ratio:9/16;max-width:320px}
}
/* ---------- na imprensa ---------- */
.imprensa-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,4vw,60px);align-items:center}
.numeros-imprensa{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.numeros-imprensa .numero .v{font-weight:700;font-size:clamp(1.9rem,3.2vw,2.8rem);line-height:1;letter-spacing:-.04em;margin:0 0 8px}
.numeros-imprensa .numero .v small{font-size:.45em;margin-left:2px}
.numeros-imprensa .numero p:last-child{font-size:.84rem;line-height:1.35;opacity:.75;margin:0}
.imprensa{margin:0}
.imprensa img{width:100%;border-radius:16px;box-shadow:0 26px 60px rgba(17,18,20,.24);cursor:zoom-in;display:block}
@media (max-width:860px){.imprensa-grid{grid-template-columns:1fr}.numeros-imprensa{grid-template-columns:1fr;gap:16px}}
/* faixa de marcas: um bloco só, acima (a cópia antiga daqui anulava a caixa fixa) */
/* ---------- FANCORE · a autoridade de quem está por trás da SIX ---------- */
.fc-topo{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,96px);align-items:center}
.fc .sub{max-width:56ch}
.fc-citacao{margin:36px 0 0;padding:4px 0 4px 24px;border-left:3px solid var(--flare)}
.fc-citacao p{font-family:"Zalando Sans",system-ui,sans-serif;font-weight:700;font-size:clamp(1.25rem,1.9vw,1.6rem);line-height:1.25;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.fc-citacao cite{display:block;margin-top:14px;font-style:normal;font-family:"DM Mono",ui-monospace,monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--steel)}
.fc-citacao cite span{color:#d0021b;font-weight:500}
.fc-foto{margin:0;position:relative;border-radius:var(--r);overflow:hidden;box-shadow:0 40px 80px rgba(17,18,20,.18)}
.fc-foto img{width:100%;aspect-ratio:4/4.3;object-fit:cover;object-position:35% 20%}
.fc-foto figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 24px 20px;background:linear-gradient(transparent,rgba(17,18,20,.85));color:var(--paper);display:flex;flex-direction:column;gap:2px}
.fc-foto figcaption strong{font-size:1.05rem;letter-spacing:-.01em}
.fc-foto figcaption span{font-family:"DM Mono",monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--flare-200)}
.fc-numeros{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:clamp(56px,7vw,96px) 0 0;border-top:1px solid rgba(17,18,20,.14);border-bottom:1px solid rgba(17,18,20,.14)}
.fc-numeros > div{padding:clamp(24px,3vw,40px) clamp(14px,1.6vw,24px)}
.fc-numeros > div + div{border-left:1px solid rgba(17,18,20,.14)}
.fc-numeros dt{font-family:"Zalando Sans",system-ui,sans-serif;font-weight:700;font-size:clamp(2.2rem,4.4vw,3.9rem);line-height:.95;letter-spacing:-.045em;color:var(--flare-700);white-space:nowrap}
.fc-numeros dt small{font-size:.42em;letter-spacing:-.01em;margin-left:3px}
.fc-numeros dd{margin:12px 0 0;color:var(--steel);font-size:.95rem;line-height:1.4;max-width:22ch}
.fc-redes-topo{display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap;margin:clamp(56px,7vw,88px) 0 24px}
.fc-redes-topo .eyebrow{margin:0}
.fc-redes-sub{color:var(--steel);font-size:1rem}
.fc-redes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.fc-rede{background:var(--white);border-radius:var(--r-s);overflow:hidden;border:1px solid rgba(17,18,20,.08);display:flex;flex-direction:column}
.fc-rede > img{width:100%;aspect-ratio:4/3;object-fit:cover}
.fc-rede > div:last-child{padding:18px 20px 22px}
.fc-rede-nome{font-weight:700;font-size:1.15rem;letter-spacing:-.02em;color:var(--ink);margin-bottom:6px}
.fc-rede p:not(.fc-rede-nome){color:var(--steel);font-size:.95rem;line-height:1.45}
.fc-rede.six{background:var(--ink);border-color:var(--ink)}
.fc-rede-six{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:var(--flare)}
.fc-rede-six img{width:58%;height:auto}
.fc-rede.six .fc-rede-nome{color:var(--paper)}
.fc-rede.six p:not(.fc-rede-nome){color:var(--n-200)}
.fc-fonte{margin-top:24px;color:var(--steel)}
/* imprensa da FANCORE: uma manchete grande e quatro menores */
.fc-materias{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:auto auto;gap:18px;margin-top:clamp(40px,5vw,64px);text-align:left}
.fc-materia{display:flex;flex-direction:column;background:var(--n-800);border:1px solid rgba(249,246,242,.08);border-radius:var(--r-s);overflow:hidden;text-decoration:none;color:var(--paper);transition:transform .5s var(--ease),border-color .4s var(--ease)}
.fc-materia:hover{transform:translateY(-4px);border-color:rgba(234,120,23,.55)}
.fc-materia img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.9)}
.fc-materia-txt{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.fc-veiculo{font-family:"DM Mono",monospace;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--flare)}
.fc-materia h3{font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:1.12rem;line-height:1.28;letter-spacing:-.005em;color:var(--paper);text-wrap:pretty}
.fc-ler{margin-top:auto;padding-top:6px;font-size:.9rem;color:var(--n-200)}
.fc-materia:hover .fc-ler{color:var(--flare)}
.fc-materia.destaque{grid-row:span 2}
.fc-materia.destaque img{aspect-ratio:auto;flex:1;min-height:280px;object-position:50% 0}
.fc-materia.destaque h3{font-size:clamp(1.4rem,2.1vw,1.9rem);line-height:1.18}
.fc-materia.destaque .fc-materia-txt{flex:0 0 auto}
@media(max-width:1000px){
.fc-numeros{grid-template-columns:repeat(3,1fr)}
.fc-numeros > div:nth-child(4){border-left:0}
.fc-numeros > div:nth-child(n+4){border-top:1px solid rgba(17,18,20,.14)}
.fc-redes{grid-template-columns:repeat(2,1fr)}
.fc-materias{grid-template-columns:1fr 1fr}
.fc-materia.destaque{grid-column:span 2;grid-row:auto}
.fc-materia.destaque img{min-height:0;aspect-ratio:16/9;flex:none}
}
@media(max-width:760px){
.fc-topo{grid-template-columns:1fr}
.fc-numeros{grid-template-columns:1fr 1fr}
.fc-numeros > div{border-left:0!important;border-top:1px solid rgba(17,18,20,.14)}
.fc-numeros > div:nth-child(-n+2){border-top:0}
.fc-numeros > div:nth-child(even){border-left:1px solid rgba(17,18,20,.14)!important}
.fc-numeros > div:last-child{grid-column:span 2;border-left:0!important}
.fc-materias{grid-template-columns:1fr}
.fc-materia.destaque{grid-column:auto}
}
@media(max-width:520px){.fc-redes{gap:10px}.fc-rede > div:last-child{padding:14px 14px 16px}.fc-rede-nome{font-size:1rem}.fc-rede p:not(.fc-rede-nome){font-size:.85rem}}
/* ---------- FRANQUIA na home · mesmo conteúdo da /seja-franqueado (estilos da página, ids com prefixo fr-) ---------- */
/* ── extras da PV (o resto vem do site.css do institucional) ── */
#franquia .titulo.xl{font-size:clamp(2.25rem,4.4vw,4rem);max-width:22ch}
.pv-pilulas{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.pv-pilulas span{font-family:"DM Mono",ui-monospace,monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--paper);padding:12px 16px;border-radius:12px;border:1px solid rgba(249,246,242,.26);background:rgba(249,246,242,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.pv-checks{list-style:none;margin:34px 0 0;padding:0;display:grid;gap:16px}
.pv-checks li{position:relative;padding-left:40px;font-size:1.08rem;line-height:1.4;letter-spacing:-.008em}
.pv-checks li strong{display:block;font-weight:650;color:inherit}
.pv-checks li span{color:var(--n-300);font-size:.98rem}
.claro .pv-checks li span{color:var(--steel)}
.pv-checks li::before{content:"";position:absolute;left:0;top:.28em;width:22px;height:22px;border-radius:6px;background:rgba(198,242,78,.16);border:1px solid rgba(198,242,78,.5)}
.pv-checks li::after{content:"";position:absolute;left:7px;top:calc(.28em + 5px);width:6px;height:11px;border-right:2.5px solid #C6F24E;border-bottom:2.5px solid #C6F24E;transform:rotate(45deg)}
.claro .pv-checks li::before{background:rgba(234,120,23,.12);border-color:rgba(234,120,23,.5)}
.claro .pv-checks li::after{border-color:var(--flare-600)}
.pv-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.pv-grid.inv{grid-template-columns:.95fr 1.05fr}
.pv-figura{border-radius:var(--r);overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.6);aspect-ratio:4/5;background:var(--n-900)}
.pv-figura img{width:100%;height:100%;object-fit:cover;display:block}
.pv-figura.livre{aspect-ratio:auto;box-shadow:none;background:transparent}
.pv-imprensa .pv-figura.livre{max-height:none;aspect-ratio:auto}
.pv-fecho{margin-top:48px;color:var(--paper);font-family:"Zalando Sans",system-ui,sans-serif;font-weight:700;font-size:clamp(1.3rem,2.4vw,1.9rem);letter-spacing:-.02em;line-height:1.2;max-width:26ch}
.pv-faixa{padding:clamp(48px,6vw,80px) 0;background:var(--paper);color:var(--ink);text-align:center}
.pv-faixa p{font-family:"Zalando Sans",system-ui,sans-serif;font-weight:700;font-size:clamp(1.25rem,2.3vw,1.85rem);letter-spacing:-.022em;line-height:1.25;max-width:32ch;margin:0 auto;text-wrap:balance}
.pv-faixa p .px{color:var(--flare-600)}
.claro .pv-fecho{color:var(--ink)}
.pv-depos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:56px}
.pv-depo{background:rgba(249,246,242,.045);border:1px solid rgba(249,246,242,.09);border-radius:var(--r);padding:34px 32px 30px;display:flex;flex-direction:column;min-height:300px}
.pv-depo .aspas{font-family:"Pixelify Sans",monospace;color:var(--flare);font-size:3rem;line-height:.5;margin-bottom:26px}
.pv-depo p{font-size:1.05rem;line-height:1.5;color:var(--n-100)}
.pv-depo .quem{margin-top:auto;padding-top:22px;border-top:1px solid rgba(249,246,242,.1);font-family:"DM Mono",monospace;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--n-300);line-height:1.6}
.pv-depo .quem strong{display:block;color:var(--paper);font-family:"Zalando Sans",system-ui,sans-serif;font-size:1rem;letter-spacing:-.01em;text-transform:none;margin-bottom:4px}
.pv-depo-ver{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;margin-top:20px;color:var(--flare);text-decoration:none;font-family:"DM Mono",monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid rgba(234,120,23,.4);padding-bottom:4px;transition:color .25s var(--ease),border-color .25s var(--ease)}
.pv-depo-ver:hover{color:var(--paper);border-color:rgba(249,246,242,.5)}
.pv-imprensa{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;margin-top:48px}
.pv-cita{background:#fff;border:1px solid rgba(17,18,20,.08);border-radius:14px;padding:22px 26px;margin-bottom:14px;box-shadow:0 18px 40px -28px rgba(17,18,20,.25)}
.pv-cita .src{font-family:"DM Mono",monospace;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--flare-700);margin-bottom:8px}
.pv-cita p{font-size:1.05rem;line-height:1.5;color:var(--ink)}
.pv-cita p strong{font-weight:700}
.pv-recap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 36px;margin-top:40px;max-width:760px;margin-left:auto;margin-right:auto}
@media(max-width:900px){.pv-grid,.pv-grid.inv{grid-template-columns:1fr;gap:34px}.pv-figura{aspect-ratio:16/10;max-height:380px}.pv-depos{grid-template-columns:1fr}.pv-imprensa{grid-template-columns:1fr;gap:28px}}
@media(max-width:600px){.pv-recap{grid-template-columns:1fr}.pv-pilulas span{font-size:.66rem;padding:10px 12px}}
/* Dobras editoriais: mesma identidade, títulos legíveis e dados com fonte. */
.pv-editorial .titulo.l,.pv-editorial .titulo.xl{font-size:clamp(2rem,3.5vw,3.25rem);max-width:24ch}
.pv-editorial .pv-destaque{font:inherit;letter-spacing:inherit;color:var(--flare)}
.pv-editorial.claro .pv-destaque{color:var(--flare-600)}
.pv-faixa p{max-width:62ch}
.pv-faixa strong{color:var(--flare-600)}
.pv-fonte{font-size:.8rem;line-height:1.55;color:var(--n-300);margin-top:24px;max-width:78ch}
.claro .pv-fonte{color:var(--steel)}
.pv-fonte a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.pv-mercado-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:48px}
.pv-dado{padding:32px;border:1px solid rgba(17,18,20,.13);border-radius:var(--r);background:#fff}
.pv-dado .eyebrow{margin-bottom:14px}
.pv-numero{font-size:clamp(2.5rem,5vw,4.6rem);font-weight:700;letter-spacing:-.04em;line-height:1.1;color:var(--flare-600);margin-bottom:24px}
.pv-numero span{font-size:.65em}
.pv-dado h3,.pv-mercado-aplicacao h3{font-size:1.35rem;line-height:1.2;letter-spacing:-.02em;margin-bottom:14px}
.pv-dado p:not(.eyebrow):not(.pv-numero):not(.pv-fonte),.pv-mercado-aplicacao p{font-size:1.05rem;line-height:1.55;color:var(--steel)}
.pv-mercado-aplicacao{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px;padding-top:32px;border-top:1px solid rgba(17,18,20,.15)}
#fr-proprio .passos{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:760px){
.pv-mercado-grid,.pv-mercado-aplicacao{grid-template-columns:1fr;gap:24px}
.pv-dado{padding:24px}
#fr-como-funciona .passos,#fr-proprio .passos{display:grid;grid-template-columns:1fr!important;overflow:visible;margin:34px 0 0;padding:0;max-width:100%;scroll-snap-type:none}
#fr-como-funciona .passos::after,#fr-proprio .passos::after{display:none}
#fr-como-funciona .passo,#fr-proprio .passo{min-width:0;padding:28px 24px;text-align:left}
}
/* Diagrama do funcionário digital: composição circular da referência. */
#fr-seguro.pv-ciclo{padding-block:clamp(56px,6vw,92px)}
#fr-seguro.pv-ciclo .titulo{max-width:30ch;margin-inline:auto;font-size:clamp(1.85rem,3vw,2.8rem)}
#fr-seguro.pv-ciclo .sub{max-width:65ch;margin:20px auto 0;font-size:clamp(1rem,1.5vw,1.2rem)}
.pv-ciclo-figura{width:min(100%,560px);margin:32px auto}
.pv-ciclo-figura img{display:block;width:100%;height:auto}
#fr-seguro.pv-ciclo .pv-fecho{max-width:44ch;margin:0 auto;text-align:center;font-size:clamp(1.1rem,1.8vw,1.65rem)}
#fr-seguro.pv-ciclo .ctas{justify-content:center;margin-top:24px}
.pv-ciclo-etapas{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:0;margin:40px 0 44px;text-align:left}
.pv-ciclo-etapas li{min-width:0;border-top:1px solid rgba(234,120,23,.5);padding-top:18px}
.pv-ciclo-num{font-family:"DM Mono",monospace;font-size:.85rem;color:var(--flare)}
.pv-ciclo-etapas h3{font-size:1.15rem;line-height:1.3;margin:12px 0}
.pv-ciclo-etapas p{font-size:1rem;line-height:1.55;color:var(--n-300);margin:0}
.pv-ciclo-etapas strong{color:var(--paper)}
@media(max-width:900px){.pv-ciclo-etapas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.pv-ciclo-etapas{grid-template-columns:1fr;gap:24px;margin:28px 0 36px}}
/* a faixa é clara: avisa o tema para o parágrafo não herdar o texto claro do fundo escuro */
.pv-faixa{--fg:var(--ink)}
/* com quatro depoimentos, a grade vira 2x2 no desktop (três colunas espremiam o texto) */
@media(min-width:901px){.pv-depos:has(> :nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}}
/* depoimento em vídeo do franqueado, antes dos cards de clientes */
.fr-video-mauricio{margin:clamp(40px,5vw,64px) 0 clamp(8px,2vw,24px)}
.fr-video-mauricio .quem{color:var(--n-200)}
.fr-video-mauricio .quem strong{color:var(--paper)}