/* Reunião semanal | Grupo VB | Action Assessoria em Tráfego
   Fundo escuro com luz em movimento. Cada marca abre na própria identidade:
   Burana (café e ouro rosé), Dox (preto e prata), Goyaz (verde e creme). */
:root{
  --bg0:#0a0b0d;--bg1:#181a1f;
  --ink:#f4f1ea;--muted:rgba(244,241,234,.72);--faint:rgba(244,241,234,.5);
  --hair:rgba(232,220,192,.16);--hair2:rgba(232,220,192,.42);
  --glass:rgba(255,255,255,.06);--glass2:rgba(255,255,255,.018);
  --acc:#e8dcc0;--on-acc:#14130f;
  --metal:linear-gradient(110deg,#f3ead4 0%,#cdbb8f 28%,#fbf6e8 50%,#b9a57a 74%,#eadfc2 100%);
  --glow:rgba(232,220,192,.2);
  --ok:#8fd3a8;--warn:#f0b36b;
  --r:14px;--r-s:9px;
  --f-display:'Jost',system-ui,sans-serif;--f-ui:'Jost',system-ui,sans-serif;
  --display-style:normal;--display-weight:300;--display-track:.01em;
}
.z-burana{
  --ink:#fbf4eb;--muted:rgba(251,244,235,.78);--faint:rgba(251,244,235,.52);
  --hair:rgba(243,180,163,.2);--hair2:rgba(243,180,163,.55);
  --glass:rgba(251,244,235,.07);--glass2:rgba(251,244,235,.022);
  --acc:#f3b4a3;--on-acc:#1c1412;
  --metal:linear-gradient(110deg,#f8d8ca 0%,#eaa996 28%,#fde7dd 50%,#dc9d88 72%,#f3b4a3 100%);
  --glow:rgba(243,180,163,.3);--r:22px 0;--r-s:12px 0;
  --f-display:'Fraunces',Georgia,serif;--display-style:italic;--display-weight:400;--display-track:0;
}
.z-dox{
  --ink:#f4f5f7;--muted:rgba(232,236,242,.74);--faint:rgba(232,236,242,.5);
  --hair:rgba(214,221,232,.16);--hair2:rgba(214,221,232,.5);
  --glass:rgba(255,255,255,.055);--glass2:rgba(255,255,255,.014);
  --acc:#dfe5ee;--on-acc:#06070a;
  --metal:linear-gradient(110deg,#f5f7f9 0%,#b8bdc6 26%,#ffffff 50%,#a2a8b3 74%,#e6e9ed 100%);
  --glow:rgba(196,206,226,.22);--r:0;--r-s:0;
  --f-display:'Urbanist',system-ui,sans-serif;--f-ui:'Urbanist',system-ui,sans-serif;
  --display-weight:300;--display-track:.06em;
}
.z-goyaz{
  --ink:#f6f3e6;--muted:rgba(246,243,230,.8);--faint:rgba(246,243,230,.54);
  --hair:rgba(239,232,204,.18);--hair2:rgba(239,232,204,.5);
  --glass:rgba(239,232,204,.075);--glass2:rgba(239,232,204,.024);
  --acc:#c9d68d;--on-acc:#0b2a1b;
  --metal:linear-gradient(110deg,#f1ead0 0%,#c6d38a 28%,#f8f4e4 50%,#a8bc66 74%,#e4e8c0 100%);
  --glow:rgba(161,182,95,.3);--r:12px;--r-s:8px;
  --display-weight:300;--display-track:.05em;
}
.z-duo{
  --hair:rgba(232,214,214,.17);--hair2:rgba(236,214,210,.48);
  --acc:#edd3cb;--on-acc:#15100f;
  --metal:linear-gradient(110deg,#f8d8ca 0%,#eaa996 24%,#fbeee8 48%,#c3c8d1 72%,#eef0f3 100%);
  --glow:rgba(226,196,196,.22);
}

*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:clamp(17px,.62vw + 13px,25px)}
body{min-height:100vh;font-family:var(--f-ui);color:var(--ink);background:#0a0b0d;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.45}
img{max-width:100%;display:block}
a{color:inherit}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:4px}

/* Campo de luz: uma camada por zona, troca suave conforme a rolagem */
.field{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#0a0b0d}
.layer{position:absolute;inset:0;opacity:0;transition:opacity 1.3s ease}
.layer i{position:absolute;border-radius:50%;will-change:transform;animation:drift var(--t) ease-in-out var(--d) infinite alternate}
.layer i:nth-child(1){width:62vmax;height:62vmax;left:-22vmax;top:-20vmax;--t:19s;--d:0s}
.layer i:nth-child(2){width:52vmax;height:52vmax;right:-22vmax;top:8vmax;--t:23s;--d:-6s}
.layer i:nth-child(3){width:66vmax;height:66vmax;left:-14vmax;bottom:-34vmax;--t:27s;--d:-11s}
@keyframes drift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(42px,28px,0) scale(1.08)}100%{transform:translate3d(-28px,52px,0) scale(.94)}}
.l-grupo{background:radial-gradient(120% 70% at 50% 0%,#1b1d22 0%,#0a0b0d 64%)}
.l-grupo i:nth-child(1){background:radial-gradient(closest-side,rgba(232,220,192,.13),transparent)}
.l-grupo i:nth-child(2){background:radial-gradient(closest-side,rgba(120,132,160,.16),transparent)}
.l-grupo i:nth-child(3){background:radial-gradient(closest-side,rgba(90,120,100,.14),transparent)}
.l-duo{background:radial-gradient(120% 70% at 50% 0%,#1d1716 0%,#0b0a0b 64%)}
.l-duo i:nth-child(1){background:radial-gradient(closest-side,rgba(214,140,112,.3),transparent)}
.l-duo i:nth-child(2){background:radial-gradient(closest-side,rgba(150,160,182,.24),transparent)}
.l-duo i:nth-child(3){background:radial-gradient(closest-side,rgba(110,86,92,.26),transparent)}
.l-burana{background:radial-gradient(120% 70% at 50% 0%,#2b1c18 0%,#110b0a 64%)}
.l-burana i:nth-child(1){background:radial-gradient(closest-side,rgba(200,134,87,.42),transparent)}
.l-burana i:nth-child(2){background:radial-gradient(closest-side,rgba(243,180,163,.3),transparent)}
.l-burana i:nth-child(3){background:radial-gradient(closest-side,rgba(164,95,78,.38),transparent)}
.l-dox{background:radial-gradient(120% 70% at 50% 0%,#1b1d23 0%,#030407 64%)}
.l-dox i:nth-child(1){background:radial-gradient(closest-side,rgba(52,60,84,.55),transparent)}
.l-dox i:nth-child(2){background:radial-gradient(closest-side,rgba(150,156,170,.22),transparent)}
.l-dox i:nth-child(3){background:radial-gradient(closest-side,rgba(58,66,90,.42),transparent)}
.l-goyaz{background:radial-gradient(120% 70% at 50% 0%,#12432c 0%,#071f14 64%)}
.l-goyaz i:nth-child(1){background:radial-gradient(closest-side,rgba(161,182,95,.25),transparent)}
.l-goyaz i:nth-child(2){background:radial-gradient(closest-side,rgba(98,179,142,.2),transparent)}
.l-goyaz i:nth-child(3){background:radial-gradient(closest-side,rgba(161,182,95,.22),transparent)}
body[data-zone="grupo"] .l-grupo,body[data-zone="duo"] .l-duo,body[data-zone="burana"] .l-burana,
body[data-zone="dox"] .l-dox,body[data-zone="goyaz"] .l-goyaz{opacity:1}
body:not([data-zone]) .l-grupo{opacity:1}

/* Navegação fixa */
.nav{position:sticky;top:0;z-index:20;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);
  background:linear-gradient(180deg,rgba(8,9,11,.82),rgba(8,9,11,.5));border-bottom:1px solid rgba(255,255,255,.07)}
.nav-in{width:fit-content;max-width:100%;box-sizing:border-box;margin:0 auto;display:flex;gap:.45rem;align-items:center;overflow-x:auto;
  padding:.6rem max(16px,env(safe-area-inset-right)) .6rem max(16px,env(safe-area-inset-left));scrollbar-width:none}
.nav-in::-webkit-scrollbar{display:none}
.nav a{flex:0 0 auto;text-decoration:none;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;font-weight:500;
  padding:.42rem .85rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:rgba(244,241,234,.74);
  transition:color .3s,background .4s,border-color .4s}
.nav a.on{color:#111;background:linear-gradient(110deg,#f3ead4,#fbf6e8 50%,#d8cba6);border-color:transparent}
.nav a.back{border-color:transparent;padding-left:.2rem}
.bar{position:absolute;left:0;bottom:-1px;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(0);
  background:linear-gradient(90deg,#f3b4a3,#dfe5ee 50%,#c9d68d)}

/* Estrutura */
main{position:relative;z-index:1}
.zone{position:relative;padding:clamp(3.2rem,9vw,6.5rem) 0}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));
  display:grid;gap:clamp(1.6rem,3.4vw,2.6rem)}
.zone + .zone::before{content:"";position:absolute;top:0;left:50%;width:min(86%,900px);height:1px;transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,var(--hair2),transparent)}

/* Abertura */
.hero{min-height:calc(100svh - 3.2rem);display:grid;align-content:center;padding:3rem 0 4rem}
.hero .wrap{justify-items:center;text-align:center;gap:1.5rem}
.eyebrow{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);font-weight:500}
.hero h1{font-family:var(--f-display);font-weight:300;font-size:clamp(2.5rem,8.6vw,5.6rem);line-height:1.02;letter-spacing:-.01em;text-wrap:balance}
.hero h1 em{font-style:normal;background:var(--metal);background-size:230% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:flow 9s ease-in-out infinite alternate}
@keyframes flow{from{background-position:0% 50%}to{background-position:100% 50%}}
.hero p.sub{font-size:1.15rem;color:var(--muted);max-width:30ch;text-wrap:balance}
.brands{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.2rem;width:100%}
.brand-chip{flex:1 1 150px;max-width:250px;min-height:5.2rem;display:grid;place-items:center;padding:1rem 1.3rem;text-decoration:none;
  border:1px solid var(--hair);background:linear-gradient(160deg,var(--glass),var(--glass2));border-radius:var(--r);
  transition:transform .3s ease,border-color .3s,box-shadow .4s}
.brand-chip:hover{transform:translateY(-3px);border-color:var(--hair2);box-shadow:0 0 34px var(--glow)}
.brand-chip svg{width:100%;max-width:150px;height:auto;max-height:3rem}
.scroll-hint{margin-top:1.6rem;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);display:grid;justify-items:center;gap:.5rem}
.scroll-hint::after{content:"";width:1px;height:2.4rem;background:linear-gradient(180deg,var(--hair2),transparent);animation:hint 2.2s ease-in-out infinite}
@keyframes hint{0%,100%{transform:scaleY(.4);transform-origin:top;opacity:.4}50%{transform:scaleY(1);transform-origin:top;opacity:1}}

/* Cabeçalho de zona */
.zhead{display:grid;justify-items:center;text-align:center;gap:.9rem}
.zhead .mark{position:relative;width:min(64vw,330px)}
.zhead .mark svg{display:block;width:100%;height:auto;overflow:visible;position:relative}
.zhead .mark::before{content:"";position:absolute;left:50%;top:50%;width:150%;height:260%;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(closest-side,var(--glow),transparent 72%);animation:breathe 7s ease-in-out infinite}
@keyframes breathe{0%,100%{opacity:.45}50%{opacity:.9}}
.zhead .pair{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,4vw,2.4rem);width:100%}
.zhead .pair .mark{width:min(36vw,230px)}
.zhead .pair .amp{font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:1.6rem;color:var(--faint)}
.zhead h2{font-family:var(--f-display);font-style:var(--display-style);font-weight:var(--display-weight);letter-spacing:var(--display-track);
  font-size:clamp(1.7rem,4.6vw,2.9rem);line-height:1.1;text-wrap:balance}
.zhead p{color:var(--muted);max-width:34ch;text-wrap:balance}

/* Blocos */
.block{display:grid;gap:1rem}
.block > h3{font-family:var(--f-display);font-style:var(--display-style);font-weight:var(--display-weight);letter-spacing:var(--display-track);
  font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.15;display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap}
.block > h3 small{font-family:var(--f-ui);font-style:normal;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-weight:500}
.grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}
.grid.two{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.grid.tight{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
.grid.tight.c2{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}

.card{position:relative;display:grid;gap:.75rem;align-content:start;padding:1.2rem 1.25rem;border-radius:var(--r);min-width:0;
  background:linear-gradient(160deg,var(--glass),var(--glass2));border:1px solid var(--hair);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 34px rgba(0,0,0,.3);overflow:hidden;isolation:isolate}
.card::after{content:"";position:absolute;z-index:-1;top:-40%;bottom:-40%;left:-60%;width:30%;transform:skewX(-18deg);pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.07),transparent);animation:sweep 11s ease-in-out var(--sd,2s) infinite}
@keyframes sweep{0%,76%{left:-60%}100%{left:140%}}
.card h4{font-size:1.12rem;font-weight:600;line-height:1.25;display:flex;justify-content:space-between;align-items:flex-start;gap:.7rem}
.tag{flex:0 0 auto;font-size:.66rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.28rem .6rem;border-radius:999px;
  color:var(--on-acc);background:var(--metal);background-size:230% 100%;white-space:nowrap}
.tag.soft{background:transparent;color:var(--muted);border:1px solid var(--hair2)}
.tag.ok{background:rgba(143,211,168,.16);color:var(--ok);border:1px solid rgba(143,211,168,.4)}
.tag.warn{background:rgba(240,179,107,.14);color:var(--warn);border:1px solid rgba(240,179,107,.42)}
ul.lines{list-style:none;display:grid;gap:.42rem}
ul.lines li{position:relative;padding-left:1.05rem;color:var(--muted)}
ul.lines li::before{content:"";position:absolute;left:0;top:.62em;width:.38rem;height:.38rem;border-radius:50%;background:var(--acc);opacity:.75}
ul.lines li b,ul.lines li strong{color:var(--ink);font-weight:600}
.row{display:grid;gap:.3rem;padding-top:.7rem;border-top:1px dashed var(--hair)}
.row .k{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.row p,.row li{color:var(--ink)}
.row ul{list-style:none;display:grid;gap:.3rem}
.row.dec .k{color:var(--warn)}
.note{font-size:.9rem;color:var(--faint)}

/* Números */
.stat{display:grid;gap:.15rem;align-content:start;padding:1.1rem 1.2rem;border-radius:var(--r);min-width:0;
  background:linear-gradient(160deg,var(--glass),var(--glass2));border:1px solid var(--hair)}
.stat .v{font-family:var(--f-display);font-style:var(--display-style);font-weight:300;font-size:clamp(2rem,5.4vw,3rem);line-height:1.05;
  font-variant-numeric:tabular-nums;background:var(--metal);background-size:230% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.stat .l{color:var(--muted);font-size:.95rem;line-height:1.35}
.stat .d{font-size:.82rem;color:var(--faint);font-variant-numeric:tabular-nums}
.stat .brand{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);font-weight:600}

/* Antes e depois das bios */
.ba{display:grid;gap:1rem;padding:1.2rem;border-radius:var(--r);border:1px solid var(--hair);
  background:linear-gradient(160deg,var(--glass),var(--glass2));min-width:0}
.ba .top{display:flex;justify-content:space-between;align-items:center;gap:.8rem}
.ba .top svg{height:1.5rem;width:auto;max-width:9rem}
.ba .top .btn{min-height:2.6rem;padding:.5rem .95rem;font-size:.9rem;white-space:nowrap}
.ba .pair{display:grid;grid-template-columns:1fr auto 1fr;gap:.6rem;align-items:center}
.ba figure{display:grid;gap:.45rem;min-width:0}
.ba figcaption{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);text-align:center;font-weight:600}
.ba figure.now figcaption{color:var(--acc)}
.phone{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 30px rgba(0,0,0,.45);aspect-ratio:3/4;background:#000}
.phone img{width:100%;height:100%;object-fit:cover;object-position:top}
.ba figure.old .phone{filter:saturate(.55) brightness(.8)}
.ba figure.now .phone{box-shadow:0 0 0 1px var(--hair2),0 0 34px var(--glow),0 12px 30px rgba(0,0,0,.45)}
.ba .arrow{color:var(--acc);font-size:1.2rem;opacity:.8}

/* Botões */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3.1rem;padding:.75rem 1.3rem;
  border-radius:var(--r-s);text-decoration:none;font-weight:600;font-size:1rem;line-height:1.2;text-align:center;
  color:var(--ink);border:1px solid var(--hair2);background:linear-gradient(160deg,var(--glass),var(--glass2));
  transition:transform .25s ease,box-shadow .3s ease,border-color .3s;overflow:hidden;isolation:isolate;-webkit-tap-highlight-color:transparent}
.btn:hover{transform:translateY(-2px);box-shadow:0 0 30px var(--glow)}
.btn:active{transform:scale(.985)}
.btn.main{color:var(--on-acc);background:var(--metal);background-size:230% 100%;border-color:transparent;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 30px var(--glow),0 14px 30px rgba(0,0,0,.4);animation:flow 10s ease-in-out infinite alternate}
.btn.main::after{content:"";position:absolute;z-index:-1;top:-40%;bottom:-40%;left:-60%;width:34%;transform:skewX(-18deg);
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);animation:sweep 7s ease-in-out 2s infinite}
.btn svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.btn.wide{width:100%}
.actions{display:flex;flex-wrap:wrap;gap:.7rem}

/* Faixa de destaque */
.band{display:grid;gap:1rem;align-items:center;padding:1.4rem;border-radius:var(--r);border:1px solid var(--hair2);
  background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.02));grid-template-columns:1fr}
.band h4{font-family:var(--f-display);font-style:var(--display-style);font-weight:var(--display-weight);font-size:1.45rem;line-height:1.15}
.band p{color:var(--muted)}
.counts{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem}
.counts span{font-size:.95rem;color:var(--muted)}
.counts b{font-family:var(--f-display);font-weight:400;font-size:1.5rem;color:var(--ink);margin-right:.3rem;font-variant-numeric:tabular-nums}
@media (min-width:760px){.band{grid-template-columns:1.4fr auto}}

/* Decisões */
.checks{list-style:none;display:grid;gap:.55rem}
.checks label{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:start;padding:.85rem 1rem;border-radius:var(--r-s);cursor:pointer;
  border:1px solid var(--hair);background:linear-gradient(160deg,var(--glass),var(--glass2));transition:border-color .3s,background .3s,opacity .3s}
.checks input{appearance:none;-webkit-appearance:none;width:1.35rem;height:1.35rem;margin-top:.1rem;border-radius:6px;border:2px solid var(--hair2);
  display:grid;place-items:center;cursor:pointer;transition:background .25s,border-color .25s}
.checks input:checked{background:var(--acc);border-color:var(--acc)}
.checks input:checked::after{content:"";width:.34rem;height:.66rem;border:solid var(--on-acc);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translateY(-1px)}
.checks label:has(input:checked){opacity:.62;border-color:var(--hair2)}
.checks label:has(input:checked) .t{text-decoration:line-through;text-decoration-thickness:1px}
.checks .t{font-weight:600;line-height:1.3}
.checks .s{display:block;font-weight:400;color:var(--muted);font-size:.92rem;margin-top:.15rem}
.group-title{display:flex;align-items:center;gap:.8rem;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--acc);font-weight:600;margin-top:.4rem}
.group-title::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--hair2),transparent)}

/* Linha do tempo */
.tl{list-style:none;display:grid;gap:0;position:relative;padding-left:1.4rem}
.tl::before{content:"";position:absolute;left:.3rem;top:.5rem;bottom:.5rem;width:1px;background:linear-gradient(180deg,var(--hair2),transparent)}
.tl li{position:relative;display:grid;gap:.1rem;padding:.55rem 0}
.tl li::before{content:"";position:absolute;left:-1.34rem;top:1.02rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--bg0,#0a0b0d);border:2px solid var(--acc)}
.tl .when{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);font-weight:600}
.tl .what{color:var(--ink)}
.tl li.key .what{font-weight:600}
.tl li.key::before{background:var(--acc);box-shadow:0 0 14px var(--glow)}

/* Prints */
figure.print{display:grid;gap:.5rem;min-width:0}
figure.print img{width:100%;height:auto;border-radius:var(--r-s);border:1px solid var(--hair)}
figure.print.narrow{max-width:420px}
figure.print figcaption{font-size:.86rem;color:var(--faint)}
.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .9rem}
.price s{color:var(--faint)}
.price b{font-size:1.25rem}

/* Vitrine de anúncios */
.obj{display:grid;gap:1.1rem;justify-items:center;text-align:center}
.obj .pre{font-family:'Fraunces',Georgia,serif;font-style:italic;color:var(--faint);font-size:1rem}
.obj h3{font-family:var(--f-ui);font-weight:500;font-style:normal;letter-spacing:.12em;text-transform:uppercase;font-size:clamp(1.5rem,4.4vw,2.2rem);line-height:1.1}
.obj .rule{width:min(60%,260px);height:1px;background:linear-gradient(90deg,transparent,var(--acc),transparent);box-shadow:0 0 14px var(--glow)}
.obj p{color:var(--muted);max-width:34ch;text-wrap:balance}
.obj .n{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);font-weight:600}
.ads{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),360px));justify-content:center;width:100%}
.ad{display:grid;gap:.8rem;align-content:start;padding:.8rem;border-radius:var(--r);border:1px solid var(--hair);min-width:0;
  background:linear-gradient(160deg,var(--glass),var(--glass2));box-shadow:0 14px 34px rgba(0,0,0,.32);text-align:left}
.ad .fmt{justify-self:start}
.embed{border-radius:var(--r-s);overflow:hidden;background:rgba(0,0,0,.35);min-height:14rem}
.embed.ig iframe.instagram-media{margin:0 0 -190px!important;min-width:0!important;width:100%!important;max-width:100%!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.embed.ig blockquote.instagram-media{margin:0!important;min-width:0!important;width:100%!important;max-width:100%!important;background:transparent!important;border:0!important;box-shadow:none!important}
.embed.fb{aspect-ratio:9/16}
.embed.fb iframe{width:100%;height:100%;border:0;display:block}
.embed.none{display:grid;place-items:center;gap:.8rem;padding:2rem 1.2rem;text-align:center;aspect-ratio:4/5}
.embed.none .play{width:4rem;height:4rem;border-radius:50%;display:grid;place-items:center;border:1px solid var(--hair2);box-shadow:0 0 30px var(--glow)}
.embed.none .play svg{width:1.4rem;height:1.4rem;fill:var(--acc)}
.embed.none strong{font-family:var(--f-display);font-style:var(--display-style);font-weight:var(--display-weight);font-size:1.3rem;line-height:1.2}
.embed.none span{color:var(--muted);font-size:.92rem}
.callout{display:grid;gap:.4rem;padding:1.3rem 1.4rem;border-radius:var(--r);border:1px solid var(--hair2);text-align:center;justify-items:center;
  background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.02))}
.callout strong{font-size:1.15rem}
.callout p{color:var(--muted);max-width:44ch}

/* Rodapé */
footer.foot{position:relative;z-index:1;display:grid;justify-items:center;gap:.7rem;text-align:center;
  padding:2.6rem 18px calc(2.6rem + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.07)}
footer.foot img{width:112px;height:auto;opacity:.85}
footer.foot span{font-size:.78rem;letter-spacing:.08em;color:var(--faint)}

/* Entrada ao rolar (só com JavaScript ativo) */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:var(--rd,0s)}
.js .rv.in{opacity:1;transform:none}

@media (max-width:520px){
  .ba .pair{gap:.4rem}
  .card{padding:1.05rem 1rem}
  .hero{min-height:auto;padding-top:2.4rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
  .js .rv{opacity:1;transform:none}
}