/* Slides: desenhados em 1080 px de largura. --H = altura, --k = escala do texto (ajuste automático),
   --ac = cor de destaque, --on = texto em cima da cor, --fundo = cor de fundo escolhida (opcional). */
.sl{position:relative;width:1080px;height:var(--H);overflow:hidden;box-sizing:border-box;font-family:Inter,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;--k:1;line-height:1.3;isolation:isolate;overflow-wrap:break-word}
.sl *{box-sizing:border-box}
.sl p,.sl h1,.sl h2{margin:0}
.sl img{display:block}
.sl b{font-weight:inherit}
.sl .hl{font-weight:800}
.sl .fit{min-height:0;overflow:hidden;flex:0 1 auto;position:relative;z-index:2}
/* folga em cima para acento de letra alta (É, Á) não ser cortado */
/* folga embaixo: pontas de letra (ç, g) e selo inclinado não contam como "não cabe" */
.sl .fit:not(.ne-card):not(.cv-c){padding-top:44px;margin-top:-44px;padding-bottom:28px;margin-bottom:-28px}
.sl .rt{display:flex;flex-direction:column;gap:.55em}
.sl .ls{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5em}
.sl .ls li{display:flex;gap:.6em;align-items:flex-start}
.sl .ls .li{flex:1;min-width:0}
.sl .bx{flex:none;display:grid;place-items:center}
.sl .bx svg{width:62%;height:62%}
.sl .im{flex:none;align-self:flex-start;max-width:100%;display:flex;gap:22px;--ch:420px}
.sl .im .card{border-radius:28px}
.sl .pf,.sl .ct,.sl .pb,.sl .ar{z-index:3}

/* foto de fundo (opção "Fundo inteiro") */
.fx-foto{position:absolute;inset:0;z-index:0}

.fx-veu{position:absolute;inset:0;z-index:1}

/* granulado de filme */
.grao{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.16;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

/* peças em comum */
.pf{position:absolute;display:flex;align-items:center;gap:20px}
.pf .av{width:84px;height:84px;border-radius:50%;object-fit:cover;font-size:32px;flex:none}
.pf-t{display:flex;flex-direction:column;line-height:1.15}
.pf b{display:flex;align-items:center;gap:8px;font-size:31px;font-weight:700}
.pf span{font-size:27px;opacity:.6}
.selo{width:1em;height:1em;flex:none}
.av-ini{display:grid;place-items:center;background:var(--ac);color:var(--on);font-weight:800;letter-spacing:-.02em}
.ct{position:absolute;font-size:28px;font-weight:600;opacity:.6;letter-spacing:.5px}
.pb{position:absolute;height:6px;border-radius:6px;background:currentColor;opacity:1}
.pb::before{content:'';position:absolute;inset:0;border-radius:6px;background:currentColor;opacity:.15}
.pb{background:transparent}
.pb i{position:relative;display:block;height:100%;border-radius:6px;background:var(--ac)}
.ar{position:absolute;display:flex;align-items:center;gap:14px;font-size:29px;font-weight:700;letter-spacing:.3px}
.ar svg{width:42px;height:42px}
.ac{display:flex;gap:26px;margin-top:10px}
.ac span{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;border:3px solid currentColor}
.ac svg{width:52px;height:52px}

/* ============ 1. POST DO X ============ */
.sl-tweet{background:var(--fundo,#fff);color:#0F1419;padding:120px 100px 140px;display:flex;flex-direction:column;justify-content:center}
.sl-tweet.v-escuro{background:var(--fundo,#000);color:#E7E9EA}
.sl-tweet.v-dim{background:var(--fundo,#15202B);color:#F7F9F9}
.tw-head{display:flex;align-items:center;gap:30px;margin-bottom:48px;flex:none;position:relative;z-index:2}
.tw-head .av{width:132px;height:132px;border-radius:50%;object-fit:cover;font-size:50px;flex:none}
.tw-n{font-size:47px;font-weight:700;display:flex;align-items:center;gap:10px;letter-spacing:-.4px;line-height:1.15}
.tw-h{font-size:41px;opacity:.55;margin-top:2px}
.tw-body{font-size:calc(var(--k) * 60px);line-height:1.36;letter-spacing:-.25px;display:flex;flex-direction:column;gap:.62em}
.t-capa .tw-body{font-size:calc(var(--k) * 68px)}
.tw-body .rt{gap:.62em}
.tw-body .hl{font-weight:700}
.tw-body .ls{gap:.3em}
.tw-body .bx{width:.5em;height:1.36em}
.tw-body .bx::before{content:'';width:.2em;height:.2em;border-radius:50%;background:currentColor}
.tw-body .ol .bx{width:auto;min-width:.8em;place-items:start}
.tw-img .card{border:2px solid rgba(127,127,127,.28);border-radius:32px}
.tw-ft{position:absolute;left:100px;right:100px;bottom:62px;display:flex;justify-content:space-between;align-items:center;font-size:30px;font-weight:500;z-index:3}
.tw-ft>span{opacity:.5}
.tw-ft .ar{position:static;opacity:.75}

/* ============ 2. IMPACTO ============ */
.sl-impacto{background:var(--fundo,#0A0A0C);color:#fff;padding:170px 88px 150px;display:flex;flex-direction:column;justify-content:flex-end}
.sl-impacto.t-conteudo,.sl-impacto.t-cta{justify-content:center}
.sl-impacto.v-claro{background:var(--fundo,#F2F1EC);color:#0A0A0C}
.im-fx{position:absolute;inset:0;z-index:1;pointer-events:none}
.im-orb{position:absolute;width:1100px;height:1100px;border-radius:50%;top:-520px;right:-460px;background:radial-gradient(circle,var(--ac2) 0%,transparent 62%)}
.im-orb.b{top:auto;right:auto;bottom:-700px;left:-560px;opacity:.55}
.v-claro .im-fx .grao{opacity:.1}
.sl-impacto .pf{top:64px;left:88px}
.sl-impacto .ct{top:84px;right:88px}
.sl-impacto .pb{left:88px;right:88px;bottom:66px}
.sl-impacto .ar{right:88px;bottom:96px}
.im-c{display:flex;flex-direction:column;gap:calc(var(--k) * 40px)}
.im-tag{align-self:flex-start;padding:.5em 1.1em;border-radius:100px;background:var(--ac);color:var(--on);font-size:calc(var(--k) * 27px);font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.sl-impacto h1{font-size:calc(var(--k) * 132px);line-height:.96;font-weight:900;letter-spacing:-.05em}
.sl-impacto h2{font-size:calc(var(--k) * 88px);line-height:1;font-weight:800;letter-spacing:-.04em}
.sl-impacto .hl{color:var(--ac);font-weight:inherit}
.sl-impacto.v-claro .hl{color:inherit;background:var(--ac);color:var(--on);padding:0 .12em;border-radius:.12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.im-sub{font-size:calc(var(--k) * 42px);line-height:1.4;font-weight:500;opacity:.66}
.im-sub .hl,.im-b .hl{color:var(--ac);opacity:1}
.v-claro .im-sub .hl,.v-claro .im-b .hl{color:inherit;background:none;padding:0;text-decoration:underline;text-decoration-color:var(--ac);text-decoration-thickness:.18em;text-underline-offset:.12em}
.im-num{font-size:calc(var(--k) * 180px);font-weight:900;line-height:.78;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:3px var(--ac)}
.im-b{font-size:calc(var(--k) * 45px);line-height:1.45;opacity:.72}
.im-b .bx,.im-sub .bx{width:.34em;height:1.45em}
.im-b .bx::before,.im-sub .bx::before{content:'';width:.34em;height:.34em;border-radius:.08em;background:var(--ac)}
.im-b .ol .bx,.im-sub .ol .bx{width:auto;color:var(--ac);font-weight:800}
.im-b .ol .bx::before{display:none}
.im-cta{align-items:flex-start}
.im-ac span{border-color:var(--ac);color:var(--ac)}

/* ============ 3. EDITORIAL ============ */
.sl-editorial{background:var(--fundo,#FAF9F6);color:#16161A;padding:180px 96px 170px;display:flex;flex-direction:column;justify-content:center}
.sl-editorial.v-escuro{background:var(--fundo,#121214);color:#F4F4F5}
.ed-grid{position:absolute;inset:0;z-index:1;background-image:linear-gradient(rgba(127,127,127,.13) 2px,transparent 2px),linear-gradient(90deg,rgba(127,127,127,.13) 2px,transparent 2px);background-size:90px 90px;background-position:-1px -1px}
.ed-top{position:absolute;top:64px;left:96px;display:flex;align-items:center;gap:18px;font-size:29px;font-weight:600;z-index:3}
.ed-top .av{width:72px;height:72px;border-radius:50%;object-fit:cover;font-size:28px}
.ed-c{display:flex;flex-direction:column;gap:calc(var(--k) * 40px)}
.ed-lab{display:flex;align-items:center;gap:22px;font-size:calc(var(--k) * 27px);font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--ac)}
.ed-lab::after{content:'';flex:1;height:3px;background:var(--ac);opacity:.35}
.sl-editorial h1{font-family:'Playfair Display',Georgia,serif;font-weight:900;font-size:calc(var(--k) * 122px);line-height:1;letter-spacing:-.025em}
.sl-editorial h2{font-family:'Playfair Display',Georgia,serif;font-weight:900;font-size:calc(var(--k) * 86px);line-height:1.04;letter-spacing:-.02em}
.sl-editorial h1 .hl,.sl-editorial h2 .hl{font-style:italic;color:var(--ac);font-weight:900}
.ed-b{font-size:calc(var(--k) * 44px);line-height:1.5;opacity:.82}
.ed-b .hl{font-weight:700;background:linear-gradient(transparent 60%,var(--ac3) 60%)}
.ed-b .ls{gap:.6em}
.ed-b .bx{width:1.2em;height:1.2em;border-radius:50%;background:var(--ac);color:var(--on);font-size:1em;font-weight:800;margin-top:.12em}
.ed-b .ol .bx{font-size:.7em;width:1.7em;height:1.7em;margin-top:.05em}
.ed-ft{position:absolute;left:96px;right:96px;bottom:62px;display:flex;justify-content:space-between;align-items:center;font-size:28px;font-weight:600;border-top:2px solid rgba(127,127,127,.3);padding-top:26px;z-index:3}
.ed-ft>span:first-child{opacity:.6}
.ed-ar{display:flex;align-items:center;gap:12px;color:var(--ac);font-weight:800}
.ed-ar svg{width:38px;height:38px}
.ed-ac span{border-color:var(--ac);color:var(--ac)}

/* ============ 4. NOTAS DO IPHONE ============ */
.sl-notas{background:var(--fundo,#fff);color:#1C1C1E;display:flex;flex-direction:column;padding-bottom:190px}
.sl-notas.v-escuro{background:var(--fundo,#0F0F10);color:#F2F2F7}
.nt-bar{flex:none;height:150px;padding:52px 52px 0;display:flex;justify-content:space-between;align-items:center;color:var(--ac);font-size:44px;font-weight:500;position:relative;z-index:2}
.nt-bar .l{display:flex;align-items:center;gap:2px}
.nt-bar .l svg{width:58px;height:58px;margin-left:-10px}
.nt-bar .r{display:flex;gap:44px;align-items:center}
.nt-bar .r svg{width:56px;height:56px}
.nt-dt{flex:none;text-align:center;font-size:29px;opacity:.45;margin:14px 0 46px;position:relative;z-index:2}
.nt-c{padding:0 72px;display:flex;flex-direction:column;gap:calc(var(--k) * 34px)}
.sl-notas h1{font-size:calc(var(--k) * 88px);font-weight:800;line-height:1.08;letter-spacing:-.025em}
.sl-notas h2{font-size:calc(var(--k) * 72px);font-weight:800;line-height:1.1;letter-spacing:-.02em}
.nt-b{font-size:calc(var(--k) * 50px);line-height:1.45}
.sl-notas .hl{background:var(--ac3);border-radius:.15em;padding:0 .12em;font-weight:700;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.nt-b .ls{gap:.42em}
.nt-b .bx{width:1.05em;height:1.05em;border-radius:50%;border:.09em solid rgba(127,127,127,.55);margin-top:.2em}
.nt-b .ol .bx{border:0;width:auto;min-width:1.1em;place-items:start;font-weight:500;margin-top:0}
.nt-tool{position:absolute;left:0;right:0;bottom:0;height:160px;display:flex;justify-content:space-around;align-items:center;color:var(--ac);padding:0 40px 26px;z-index:3}
.nt-tool svg{width:60px;height:60px}
.nt-ar{right:72px;bottom:190px;opacity:.55;font-weight:600}

/* ============ 5. CAPA DE REVISTA ============ */
.sl-revista{background:var(--fundo,#F3EEE6);color:#141414;display:flex;flex-direction:column;padding:200px 92px 150px;justify-content:center}
.sl-revista.v-noir{background:var(--fundo,#111);color:#EFE8DC}
.sl-revista.t-capa{background:#141414;color:#fff;justify-content:flex-end;padding:0 84px 120px}
.rv-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(110% 75% at 70% 25%,var(--ac) 0%,#1A0E0B 72%)}

.rv-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,0) 42%,rgba(0,0,0,.86) 100%)}
.rv-meta{position:absolute;top:44px;left:84px;right:84px;display:flex;justify-content:space-between;font-size:24px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;z-index:2;opacity:.9}
.rv-mast{position:absolute;top:88px;left:0;right:0;text-align:center;font-family:'Playfair Display',serif;font-weight:900;line-height:.86;letter-spacing:-.01em;color:#fff;z-index:2;white-space:nowrap}
.rv-c{display:flex;flex-direction:column;gap:calc(var(--k) * 30px)}
.rv-kick{align-self:flex-start;background:var(--ac);color:var(--on);font-size:calc(var(--k) * 26px);font-weight:800;letter-spacing:.2em;text-transform:uppercase;padding:.45em .9em}
.sl-revista h1{font-family:'Playfair Display',serif;font-style:italic;font-weight:900;font-size:calc(var(--k) * 116px);line-height:.98;letter-spacing:-.02em}
.sl-revista h1 .hl{color:var(--ac);font-weight:900}
.rv-sub{font-size:calc(var(--k) * 38px);line-height:1.4;opacity:.88;font-weight:500}
.rv-ar{right:84px;top:auto;bottom:62px;font-size:26px;letter-spacing:.2em;text-transform:uppercase;opacity:.9}
.rv-ar svg{width:34px;height:34px}
.rv-top{position:absolute;top:64px;left:92px;right:92px;display:flex;justify-content:space-between;font-family:'Playfair Display',serif;font-weight:900;font-size:34px;letter-spacing:.12em;border-bottom:3px solid currentColor;padding-bottom:20px;z-index:3}
.rv-top span:last-child{font-family:Inter;font-weight:600;font-size:26px;letter-spacing:.1em;opacity:.65;align-self:flex-end}
.rv-c2{display:flex;flex-direction:column;gap:calc(var(--k) * 30px)}
.rv-sec{font-size:calc(var(--k) * 26px);font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--ac)}
.sl-revista h2{font-family:'Playfair Display',serif;font-weight:900;font-size:calc(var(--k) * 92px);line-height:1;letter-spacing:-.02em}
.sl-revista h2 .hl{font-style:italic;color:var(--ac)}
.rv-rule{height:3px;width:140px;background:var(--ac);flex:none}
.rv-b{font-family:'Playfair Display',Georgia,serif;font-size:calc(var(--k) * 43px);line-height:1.5;font-weight:700;opacity:.88}
.rv-b .dc{float:left;font-size:3.1em;line-height:.82;padding:.06em .1em 0 0;color:var(--ac);font-weight:900}
.rv-b .hl{font-style:italic;color:var(--ac)}
.rv-b .bx{width:.7em;height:1.5em}
.rv-b .bx::before{content:'';width:.4em;height:3px;background:var(--ac)}
.rv-b .ol .bx{width:auto;color:var(--ac);font-weight:900}
.rv-b .ol .bx::before{display:none}
.rv-pe{position:absolute;left:92px;bottom:62px;font-size:26px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.55;z-index:3}
.rv-ac span{border-color:var(--ac);color:var(--ac)}

/* ============ 6. NEON BOSS ============ */
.sl-neon{background:var(--fundo,#07060B);color:#fff;padding:180px 72px 160px;display:flex;flex-direction:column;justify-content:center}
.sl-neon.v-claro{background:var(--fundo,#F7F4FF);color:#16112A}
.ne-fx{position:absolute;inset:0;z-index:1;pointer-events:none}
.ne-fx>div:not(.grao){position:absolute;border-radius:50%}
.ne-fx .o1{width:1000px;height:1000px;left:-420px;top:-380px;background:radial-gradient(circle,rgba(240,47,208,.55) 0%,transparent 62%)}
.ne-fx .o2{width:1100px;height:1100px;right:-480px;bottom:-460px;background:radial-gradient(circle,var(--ac2) 0%,transparent 62%)}
.ne-fx .o3{width:800px;height:800px;left:200px;top:35%;background:radial-gradient(circle,rgba(155,77,255,.38) 0%,transparent 62%)}
.v-claro .ne-fx .o1{opacity:.5}.v-claro .ne-fx .o3{opacity:.6}
.sl-neon .pf{top:64px;left:80px}
.sl-neon .ct{top:84px;right:80px}
.sl-neon .pb{left:80px;right:80px;bottom:66px}
.sl-neon .pb i{background:linear-gradient(90deg,var(--ac),#9B4DFF,#F02FD0)}
.sl-neon .ar{right:80px;bottom:96px}
.ne-card{border-radius:56px;padding:76px 68px;background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.035));border:2px solid rgba(255,255,255,.16);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.14),0 40px 120px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:calc(var(--k) * 36px)}
.v-claro .ne-card{background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(255,255,255,.55));border-color:rgba(255,255,255,.9);box-shadow:0 30px 90px rgba(80,40,160,.16)}
.sl-neon h1{font-family:'Bricolage Grotesque',Inter,sans-serif;font-weight:800;font-size:calc(var(--k) * 112px);line-height:.98;letter-spacing:-.035em}
.sl-neon h2{font-family:'Bricolage Grotesque',Inter,sans-serif;font-weight:800;font-size:calc(var(--k) * 82px);line-height:1.02;letter-spacing:-.03em}
.sl-neon .hl{background:linear-gradient(95deg,var(--ac) 0%,#9B4DFF 50%,#F02FD0 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ne-num{align-self:flex-start;font-size:calc(var(--k) * 30px);font-weight:800;letter-spacing:.16em;padding:.4em 1em;border-radius:100px;background:linear-gradient(95deg,var(--ac),#9B4DFF,#F02FD0);color:#fff}
.ne-b{font-size:calc(var(--k) * 44px);line-height:1.45;opacity:.8}
.ne-b .bx{width:.95em;height:.95em;border-radius:50%;background:linear-gradient(135deg,var(--ac),#F02FD0);margin-top:.25em;color:#fff}
.ne-b .bx::before{content:'';width:.3em;height:.3em;border-radius:50%;background:#fff}
.ne-b .ol .bx{font-size:.62em;width:1.6em;height:1.6em;font-weight:800}
.ne-b .ol .bx::before{display:none}
.ne-ac span{border-color:rgba(127,127,127,.4)}

/* ============ 7. BRUTALISTA ============ */
.sl-brutal{background:var(--fundo,var(--ac));color:#0A0A0A;padding:200px 72px 200px;display:flex;flex-direction:column;justify-content:center;--tinta:#0A0A0A;--papel:#fff}
.sl-brutal.v-preto{background:var(--fundo,#0A0A0A);color:#fff;--tinta:var(--ac);--papel:#161616}
.sl-brutal.t-capa{justify-content:flex-start;padding-top:210px;padding-bottom:430px}
.br-band{position:absolute;left:-40px;right:-40px;height:88px;background:#0A0A0A;color:var(--ac);display:flex;align-items:center;white-space:nowrap;font-family:Anton,Impact,sans-serif;font-size:46px;letter-spacing:.04em;overflow:hidden;z-index:2}
.v-preto .br-band{background:var(--ac);color:#0A0A0A}
.br-band span{padding-left:40px}
.br-band.t{top:42px;transform:rotate(-1.6deg)}
.br-band.b{bottom:42px;transform:rotate(1.4deg)}
.br-ct{position:absolute;top:150px;right:76px;font-family:Anton,sans-serif;font-size:40px;z-index:3}
.br-c{display:flex;flex-direction:column;gap:calc(var(--k) * 38px)}
.sl-brutal h1{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:calc(var(--k) * 176px);line-height:.9;letter-spacing:-.005em}
.sl-brutal h2{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:calc(var(--k) * 124px);line-height:.92}
.sl-brutal h1 .hl,.sl-brutal h2 .hl{font-weight:400;background:#0A0A0A;color:var(--ac);padding:0 .1em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.v-preto h1 .hl,.v-preto h2 .hl{background:var(--ac);color:#0A0A0A}
.br-num{align-self:flex-start;background:#0A0A0A;color:var(--ac);font-family:Anton,sans-serif;font-size:calc(var(--k) * 92px);line-height:1.1;padding:0 .32em}
.v-preto .br-num{background:var(--ac);color:#0A0A0A}
.br-b{font-size:calc(var(--k) * 45px);line-height:1.38;font-weight:600;background:var(--papel);border:6px solid #0A0A0A;box-shadow:14px 14px 0 #0A0A0A;padding:.95em 1.05em;margin:0 14px 14px 0;color:#0A0A0A}
.v-preto .br-b{border-color:var(--ac);box-shadow:14px 14px 0 var(--ac);color:#fff}
.br-b .hl{font-weight:800;background:var(--ac);color:#0A0A0A;padding:0 .1em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.br-b .bx{width:.6em;height:1.38em}
.br-b .bx::before{content:'';width:.42em;height:.42em;background:#0A0A0A}
.v-preto .br-b .bx::before{background:var(--ac)}
.br-b .ol .bx{width:auto;font-family:Anton,sans-serif;font-weight:400}
.br-b .ol .bx::before{display:none}
.br-stk{position:absolute;right:70px;bottom:150px;width:236px;height:236px;border-radius:50%;background:#fff;color:#0A0A0A;border:6px solid #0A0A0A;display:grid;place-items:center;text-align:center;font-family:Anton,sans-serif;font-size:44px;line-height:1;transform:rotate(12deg);text-transform:uppercase;box-shadow:10px 10px 0 #0A0A0A;z-index:3}
.v-preto .br-stk{background:var(--ac);border-color:var(--ac);box-shadow:none}
.br-ac span{background:#0A0A0A;color:var(--ac);border-color:#0A0A0A}
.v-preto .br-ac span{background:var(--ac);color:#0A0A0A;border-color:var(--ac)}

/* ============ 8. MINIMAL BEGE ============ */
.sl-bege{background:var(--fundo,#EDE6DA);color:#2A2420;padding:190px 96px 180px;display:flex;flex-direction:column;justify-content:center}
.sl-bege.v-salvia{background:var(--fundo,#DCE2D2);color:#1F2A1F}
.sl-bege.v-rose{background:var(--fundo,#F2DED7);color:#3A2420}
.sl-bege.v-noite{background:var(--fundo,#1E1B18);color:#EDE6DA}
.bg-top{position:absolute;top:66px;left:96px;right:96px;display:flex;justify-content:space-between;font-size:25px;letter-spacing:.24em;text-transform:uppercase;font-weight:600;padding-bottom:24px;z-index:3}
.bg-top::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor;opacity:.25}
.bg-top span{opacity:.72}
.bg-c{display:flex;flex-direction:column;gap:calc(var(--k) * 40px)}
.bg-n{font-family:'Instrument Serif',serif;font-style:italic;font-size:calc(var(--k) * 66px);line-height:1;color:var(--ac)}
.sl-bege h1{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:calc(var(--k) * 146px);line-height:.95;letter-spacing:-.025em}
.sl-bege h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:calc(var(--k) * 102px);line-height:.98;letter-spacing:-.02em}
.sl-bege h1 .hl,.sl-bege h2 .hl{font-style:italic;font-weight:400;color:var(--ac)}
.bg-b{font-size:calc(var(--k) * 43px);line-height:1.55;opacity:.82}
.bg-b .hl{font-weight:700}
.bg-b .bx{width:.6em;height:1.55em}
.bg-b .bx::before{content:'';width:.28em;height:.28em;border-radius:50%;background:var(--ac)}
.bg-b .ol .bx{width:auto;font-family:'Instrument Serif',serif;font-style:italic;font-size:1.2em;line-height:1.3;color:var(--ac)}
.bg-b .ol .bx::before{display:none}
.bg-ft{position:absolute;bottom:62px;left:96px;right:96px;display:flex;justify-content:space-between;align-items:center;font-size:25px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;z-index:3}
.bg-ft>span:first-child{opacity:.72}
.bg-circ{width:100px;height:100px;border-radius:50%;border:2px solid currentColor;display:grid;place-items:center;opacity:.8}
.bg-circ svg{width:40px;height:40px}
.bg-ac span{border-width:2px;color:var(--ac);border-color:var(--ac)}

/* ============ 9. CONVERSA ============ */
.sl-conversa{background:var(--fundo,#fff);color:#000;display:flex;flex-direction:column;padding-bottom:170px;--ela:#E9E9EB;--ela-t:#000;--eu:var(--ac);--eu-t:var(--on)}
.sl-conversa.v-escuro{background:var(--fundo,#000);color:#fff;--ela:#26252A;--ela-t:#fff}
.sl-conversa.v-zap{background-color:var(--fundo,#EFEAE2);color:#111B21;--ela:#fff;--ela-t:#111B21;--eu:#D9FDD3;--eu-t:#111B21;
  background-image:radial-gradient(rgba(0,0,0,.05) 2px,transparent 2.5px);background-size:44px 44px}
.cv-head{flex:none;height:260px;background:rgba(127,127,127,.09);border-bottom:2px solid rgba(127,127,127,.18);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:22px;gap:12px;position:relative;z-index:2}
.cv-head>svg{position:absolute;left:36px;top:96px;width:64px;height:64px;color:var(--ac)}
.cv-head .av{width:116px;height:116px;border-radius:50%;object-fit:cover;font-size:42px}
.cv-head b{font-size:31px;font-weight:600;display:flex;align-items:center;gap:8px}
.cv-head.zp{height:200px;background:#008069;color:#fff;flex-direction:row;justify-content:flex-start;align-items:center;padding:60px 40px 0;gap:22px;border:0}
.v-escuro .cv-head.zp{background:#1F2C33}
.cv-head.zp>svg{position:static;color:#fff;width:58px;height:58px}
.cv-head.zp .av{width:100px;height:100px}
.cv-who{display:flex;flex-direction:column;line-height:1.2}
.cv-who b{font-size:38px}
.cv-who span{font-size:28px;opacity:.8}
.cv-c{padding:40px 50px 20px;display:flex;flex-direction:column;gap:calc(var(--k) * 18px)}
.cv-day{align-self:center;font-size:26px;opacity:.5;font-weight:500;margin-bottom:6px}
.v-zap .cv-day{opacity:1;background:#fff;padding:8px 22px;border-radius:14px;font-size:24px;color:#54656F;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.bb{max-width:84%;padding:.56em .8em;border-radius:1.05em;font-size:calc(var(--k) * 54px);line-height:1.3;position:relative}
.bb.eu{align-self:flex-end;background:var(--eu);color:var(--eu-t);border-bottom-right-radius:.3em}
.bb.ela{align-self:flex-start;background:var(--ela);color:var(--ela-t);border-bottom-left-radius:.3em}
.bb .hl{font-weight:800}
.v-zap .bb{border-radius:.42em;box-shadow:0 1px 1.5px rgba(0,0,0,.13);padding:.42em .62em .5em}
.v-zap .bb.eu{border-top-right-radius:0}
.v-zap .bb.ela{border-top-left-radius:0}
.bb .hr{float:right;font-style:normal;font-size:.5em;opacity:.55;margin:1.1em 0 -.4em .9em;display:inline-flex;align-items:center;gap:.3em}
.bb .hr svg{width:1.5em;height:1em;color:#53BDEB}
.bb-img{padding:10px;max-width:70%}
.bb-img{--ch:430px}
.bb-img .card{border-radius:.8em}
.cv-typing{align-self:flex-start;background:var(--ela);border-radius:48px;padding:32px 38px;display:flex;gap:12px}
.cv-typing i{width:20px;height:20px;border-radius:50%;background:currentColor;opacity:.35}
.cv-in{position:absolute;left:0;right:0;bottom:0;height:150px;padding:0 40px 38px;display:flex;align-items:center;gap:22px;z-index:3}
.cv-in .pl{width:70px;height:70px;border-radius:50%;background:rgba(127,127,127,.18);display:grid;place-items:center;font-size:48px;font-weight:300;line-height:1;opacity:.7}
.cv-in .cx{flex:1;height:76px;border-radius:40px;border:2px solid rgba(127,127,127,.3);display:flex;align-items:center;padding:0 30px;font-size:31px;opacity:.5}
.v-zap .cv-in .cx{background:#fff;border:0;opacity:1;color:#8696A0}
.cv-ct{font-size:28px;font-weight:600;opacity:.5}

/* ============ 10. CADERNO ============ */
.sl-caderno{--lh:calc(var(--k) * 88px);background-color:var(--fundo,#FFFDF5);color:#22305A;font-family:Caveat,cursive;
  background-image:linear-gradient(90deg,transparent 156px,rgba(232,96,96,.55) 156px,rgba(232,96,96,.55) 160px,transparent 160px),
    repeating-linear-gradient(180deg,transparent 0,transparent calc(var(--lh) - 3px),rgba(110,160,215,.42) calc(var(--lh) - 3px),rgba(110,160,215,.42) var(--lh));
  padding:150px 80px 150px 200px;display:flex;flex-direction:column;justify-content:center}
.sl-caderno.v-kraft{background-color:var(--fundo,#D9BF94);color:#2B2118;background-image:linear-gradient(90deg,transparent 156px,rgba(150,50,40,.4) 156px,rgba(150,50,40,.4) 160px,transparent 160px),repeating-linear-gradient(180deg,transparent 0,transparent calc(var(--lh) - 3px),rgba(80,50,20,.18) calc(var(--lh) - 3px),rgba(80,50,20,.18) var(--lh))}
.sl-caderno.v-lousa{background-color:var(--fundo,#1F3A30);color:#F4F1E8;background-image:radial-gradient(120% 80% at 30% 20%,rgba(255,255,255,.07),transparent 60%);padding-left:110px}
.cd-furos{position:absolute;left:52px;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-around;z-index:2}
.cd-furos i{width:50px;height:50px;border-radius:50%;background:rgba(0,0,0,.09);box-shadow:inset 0 4px 6px rgba(0,0,0,.14)}
.v-lousa .cd-furos{display:none}
.cd-who{position:absolute;top:46px;right:80px;font-size:46px;font-weight:600;opacity:.6;z-index:3}
.cd-c{display:flex;flex-direction:column}
.sl-caderno h1{font-weight:700;font-size:calc(var(--lh) * 1.62);line-height:calc(var(--lh) * 1.5);color:#14182B;margin-bottom:calc(var(--lh) * .5)}
.sl-caderno h2{font-weight:700;font-size:calc(var(--lh) * 1.25);line-height:calc(var(--lh) * 1.25);color:#14182B;margin-bottom:calc(var(--lh) * .5)}
.v-kraft h1,.v-kraft h2{color:#1E160F}
.v-lousa h1,.v-lousa h2{color:#fff}
.sl-caderno .hl{font-weight:700;background:linear-gradient(176deg,transparent 46%,var(--ac2) 46%,var(--ac2) 88%,transparent 88%);padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.v-lousa .hl{background:none;color:var(--ac);text-decoration:underline wavy var(--ac);text-decoration-thickness:3px;text-underline-offset:.15em}
.cd-b{font-size:calc(var(--lh) * .8);line-height:var(--lh);font-weight:600}
.cd-b.rt,.cd-b .ls{gap:0}
.cd-b .ls li{gap:.35em}
.cd-b .bx{width:.7em;height:var(--lh)}
.cd-b .bx::before{content:'';width:.42em;height:.42em;border-radius:50%;border:3px solid currentColor;opacity:.7}
.cd-b .ol .bx{width:auto;font-weight:700}
.cd-b .ol .bx::before{display:none}
.cd-n{align-self:flex-start;width:calc(var(--lh) * 1.4);height:calc(var(--lh) * 1.4);border:4px solid var(--ac);border-radius:50%;display:grid;place-items:center;font-size:calc(var(--lh) * .95);font-weight:700;transform:rotate(-8deg);margin-bottom:calc(var(--lh) * .3);color:inherit}
.cd-img{align-self:center;margin-top:calc(var(--lh) * .5);padding:16px 16px 60px;background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.18);transform:rotate(-2.5deg);position:relative}
.cd-img::before{content:'';position:absolute;top:-24px;left:50%;width:170px;height:48px;margin-left:-85px;background:rgba(255,236,150,.8);transform:rotate(3deg)}
.cd-img{--ch:400px}
.sl-caderno.t-capa{padding-bottom:440px}
.cd-post{position:absolute;right:74px;bottom:96px;width:300px;height:290px;background:#FFE76A;color:#3B3200;transform:rotate(5deg);box-shadow:0 22px 34px rgba(0,0,0,.18);font-size:60px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;z-index:3}
.cd-post svg{width:60px;height:60px;display:inline-block;vertical-align:middle;margin-top:6px}

/* ============ 11. SUÍÇO ============ */
.sl-suico{background:var(--fundo,#F4F3EE);color:#111;font-family:'Space Grotesk',Inter,sans-serif;padding:150px 80px 150px;display:flex;flex-direction:column;justify-content:flex-end}
.sl-suico.v-escuro{background:var(--fundo,#0E0E0E);color:#F4F3EE}
.su-grid{position:absolute;inset:0;z-index:1;background-image:linear-gradient(90deg,rgba(127,127,127,.18) 2px,transparent 2px);background-size:153.33px 100%;background-position:80px 0}
.su-big{position:absolute;top:40px;left:56px;font-size:500px;font-weight:700;line-height:.8;letter-spacing:-.07em;color:var(--ac);z-index:1}
.su-blk{position:absolute;top:80px;right:80px;width:240px;height:240px;background:var(--ac);color:var(--on);display:grid;place-items:center;z-index:2}
.su-blk svg{width:120px;height:120px;transform:rotate(45deg)}
.su-c{display:flex;flex-direction:column;gap:calc(var(--k) * 36px)}
.sl-suico h1{font-weight:700;font-size:calc(var(--k) * 136px);line-height:.9;letter-spacing:-.06em}
.sl-suico h2{font-weight:700;font-size:calc(var(--k) * 92px);line-height:.94;letter-spacing:-.05em}
.sl-suico .hl{color:var(--ac);font-weight:inherit}
.su-b{font-family:Inter,sans-serif;font-size:calc(var(--k) * 42px);line-height:1.45;font-weight:500;max-width:880px;opacity:.85}
.su-b .hl{font-weight:800}
.su-b .bx{width:.7em;height:1.45em}
.su-b .bx::before{content:'';width:.42em;height:4px;background:var(--ac)}
.su-b .ol .bx{width:auto;color:var(--ac);font-weight:800}
.su-b .ol .bx::before{display:none}
.su-ft{position:absolute;left:80px;right:80px;bottom:60px;display:flex;justify-content:space-between;font-size:26px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;z-index:3}
.su-ft span:first-child::before{content:'';display:inline-block;width:18px;height:18px;background:var(--ac);margin-right:14px;vertical-align:-1px}
.su-ac span{border-radius:0;border-color:var(--ac);color:var(--ac)}

/* ============ 12. CINEMA ============ */
.sl-cinema{background:var(--fundo,#0B0B0D);color:#fff;padding:160px 84px 150px;display:flex;flex-direction:column;justify-content:flex-end}
.sl-cinema.v-claro{background:var(--fundo,#F5F2EC);color:#141414}
.cn-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(80% 60% at 22% 18%,var(--ac2) 0%,transparent 70%),radial-gradient(70% 55% at 90% 70%,var(--ac3) 0%,transparent 70%)}

.cn-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 24%,rgba(0,0,0,0) 38%,rgba(0,0,0,.9) 100%)}
.v-claro .cn-shade{background:linear-gradient(180deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 24%,rgba(255,255,255,0) 38%,rgba(255,255,255,.92) 100%)}
.sl-cinema .pf{top:64px;left:84px}
.sl-cinema .ct{top:84px;right:84px}
.sl-cinema .pb{left:84px;right:84px;bottom:64px}
.sl-cinema .ar{right:84px;top:150px}
.cn-c{display:flex;flex-direction:column;gap:calc(var(--k) * 30px)}
.cn-lab{font-size:calc(var(--k) * 26px);letter-spacing:.3em;text-transform:uppercase;font-weight:800;color:var(--ac)}
.sl-cinema h1{font-weight:800;font-size:calc(var(--k) * 110px);line-height:.98;letter-spacing:-.045em}
.sl-cinema h2{font-weight:800;font-size:calc(var(--k) * 80px);line-height:1.02;letter-spacing:-.035em}
.sl-cinema .hl{color:var(--ac);font-weight:inherit}
.cn-b{font-size:calc(var(--k) * 44px);line-height:1.45;opacity:.86}
.cn-b .hl{font-weight:800}
.cn-b .bx{width:.6em;height:1.45em}
.cn-b .bx::before{content:'';width:.3em;height:.3em;border-radius:50%;background:var(--ac)}
.cn-b .ol .bx{width:auto;color:var(--ac);font-weight:800}
.cn-b .ol .bx::before{display:none}
.cn-ac span{border-color:var(--ac);color:var(--ac)}

/* ================= FOTOS (enquadramento, cartões, marca-texto) ================= */
.ph{position:relative;overflow:hidden;flex:none}
.ph>img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transform-origin:center;max-width:none;max-height:none}
.ph.cheia{position:absolute;inset:0}
.ph.card{width:min(calc(var(--k) * var(--ch,520px) * var(--pr)),var(--mw,900px));aspect-ratio:var(--pr);border-radius:28px}
.sl .mk{background:var(--ac);color:var(--on);padding:0 .16em;border-radius:.18em;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-weight:inherit;text-shadow:none}
.sl .sb{text-decoration:underline;text-decoration-thickness:.07em;text-underline-offset:.16em}
.cards{position:relative;display:flex;gap:calc(var(--k) * 28px);justify-content:center;align-items:center;flex:none;--ch:480px;max-width:100%}
.cards.n2{--ch:420px;margin-top:calc(var(--k) * 46px)}.cards.n3{--ch:340px}
.seta-curva{position:absolute;left:50%;top:calc(var(--k) * -70px);width:calc(var(--k) * 130px);margin-left:calc(var(--k) * -65px);color:var(--ac);z-index:2}

/* fotos de fundo em comum */
.bs-bg{position:absolute;inset:0;z-index:0}
.bs-veu{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,calc(var(--veu) * .35)) 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,calc(var(--veu) * .5)) 55%,rgba(0,0,0,var(--veu)) 100%)}

/* ============ BASTIDOR ============ */
.sl-bastidor{background:#2A1C20;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(var(--H) * .16) 70px 110px}
.sl-bastidor.pos-meio{justify-content:center;padding-top:120px}
.sl-bastidor.pos-cima{justify-content:flex-start;padding-top:130px}
.bs-vazio{position:absolute;inset:0;background:radial-gradient(60% 40% at 50% 22%,#F3C9B9 0%,transparent 70%),radial-gradient(80% 60% at 15% 95%,var(--ac2),transparent 70%),linear-gradient(180deg,#C49A88 0%,#4A2C33 100%)}
.bs-c{display:flex;flex-direction:column;align-items:center;gap:calc(var(--k) * 34px);text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.25),0 6px 34px rgba(0,0,0,.35)}
.bs-t{position:relative;font-weight:300;font-size:calc(var(--k) * 76px);line-height:1.06;letter-spacing:-.028em;max-width:790px;padding:0 6px}
.bs-t .hl{font-weight:700}
.bs-t i{font-style:italic}
.bs-t.serif{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:calc(var(--k) * 108px);line-height:.98;letter-spacing:-.018em}
.bs-t.serif .hl{font-weight:400;font-style:italic}
.bs-t.serif .sb{text-decoration-thickness:.045em}
.bs-n{font-weight:300}
.riscos{position:absolute;top:50%;width:calc(var(--k) * 58px);height:calc(var(--k) * 88px);margin-top:calc(var(--k) * -44px);color:var(--ac);overflow:visible}
.riscos.e{left:calc(var(--k) * -62px)}
.riscos.d{right:calc(var(--k) * -62px);transform:scaleX(-1)}
.bs-cards .card{border:calc(var(--k) * 9px) solid #fff;border-radius:36px;box-shadow:0 22px 60px rgba(0,0,0,.35)}
.bs-sub{position:relative;font-weight:300;font-size:calc(var(--k) * 43px);line-height:1.2;letter-spacing:-.01em;padding-bottom:.32em;gap:.15em}
.bs-sub .hl{font-weight:700}
.swoosh{position:absolute;left:10%;bottom:-.05em;width:80%;height:.42em;color:var(--ac)}
.bs-selo{background:var(--ac);color:var(--on);font-weight:700;font-size:calc(var(--k) * 37px);padding:.48em 1.1em;border-radius:100px;text-shadow:none;box-shadow:0 12px 34px rgba(0,0,0,.25)}
.cm-box{width:min(740px,100%);background:#fff;color:#111;border-radius:46px;padding:22px 26px 20px;box-shadow:0 22px 60px rgba(0,0,0,.3);text-shadow:none;text-align:left}
.cm-in{display:flex;align-items:center;gap:18px}
.cm-in .av{width:74px;height:74px;border-radius:50%;object-fit:cover;font-size:26px;flex:none}
.cm-w{font-size:38px;font-weight:600}
.cm-cur{width:3px;height:44px;background:#111;flex:none}
.cm-env{margin-left:auto;width:74px;height:74px;border-radius:50%;background:var(--ac);color:#fff;display:grid;place-items:center;flex:none}
.cm-env svg{width:38px;height:38px}
.cm-re{display:flex;justify-content:space-around;margin-top:18px}
.cm-re svg{width:46px;height:46px}

/* ============ LEGENDA TIKTOK ============ */
.sl-legenda{background:#1C1A22;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:160px 66px 150px}
.sl-legenda.pos-baixo{justify-content:flex-end}
.sl-legenda.pos-cima{justify-content:flex-start}
.lg-vazio{position:absolute;inset:0;background:radial-gradient(70% 50% at 50% 30%,var(--ac2),transparent 70%),linear-gradient(180deg,#3B3346,#141218)}
.sl-legenda .pf{top:62px;left:66px;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.sl-legenda .ct{top:80px;right:66px;opacity:.9;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.sl-legenda .ar{right:66px;bottom:70px;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.lg-c{display:flex;flex-direction:column;align-items:center;gap:calc(var(--k) * 30px);text-align:center}
.lg-t{font-weight:800;font-size:calc(var(--k) * 64px);line-height:1.52;letter-spacing:-.015em;max-width:940px}
.lg-s{font-weight:700;font-size:calc(var(--k) * 40px);line-height:1.66;max-width:900px}
.lg-t span,.lg-s span{background:#fff;color:#111;padding:.06em .34em;border-radius:.24em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.v-preto .lg-t span,.v-preto .lg-s span{background:#111;color:#fff}
.v-cor .lg-t span,.v-cor .lg-s span{background:var(--ac);color:var(--on)}
.lg-t .hl,.lg-s .hl{color:var(--ac)}
.v-cor .lg-t .hl,.v-cor .lg-s .hl{color:inherit;text-decoration:underline;text-decoration-thickness:.08em}
.lg-selo span{background:var(--ac) !important;color:var(--on) !important}
.lg-cards .card{border-radius:30px;box-shadow:0 16px 44px rgba(0,0,0,.35)}

/* ============ POLAROID ============ */
.sl-polaroid{background-color:var(--fundo,#C9A57A);color:#2B2118;padding:150px 66px 130px;display:flex;flex-direction:column;justify-content:center;
  background-image:radial-gradient(rgba(0,0,0,.08) 2px,transparent 2.6px),radial-gradient(rgba(255,255,255,.1) 2px,transparent 2.6px);background-size:22px 22px,31px 31px;background-position:0 0,11px 7px}
.sl-polaroid.v-branco{background-color:var(--fundo,#F4F1EC);background-image:none;color:#222}
.sl-polaroid.v-preto{background-color:var(--fundo,#141414);background-image:none;color:#F2F2F2}
.po-who{position:absolute;top:52px;left:66px;font-family:Caveat,cursive;font-size:48px;font-weight:700;opacity:.8;z-index:3}
.po-ct{top:66px;right:66px}
.po-ar{right:66px;bottom:64px;font-family:Caveat,cursive;font-size:44px}
.po-c{display:flex;flex-direction:column;align-items:center;gap:calc(var(--k) * 40px);text-align:center}
.po-t{font-family:Caveat,cursive;font-weight:700;font-size:calc(var(--k) * 112px);line-height:.98}
.po-t .hl{color:var(--ac);font-weight:700}
.po-fs{display:flex;justify-content:center;align-items:center;--ch:560px;padding:20px 10px}
.po-fs.n2{--ch:470px}.po-fs.n3{--ch:400px}
.po-p{position:relative;background:#fff;padding:calc(var(--k) * 20px) calc(var(--k) * 20px) calc(var(--k) * 78px);box-shadow:0 20px 44px rgba(0,0,0,.3)}
.po-p::before{content:'';position:absolute;top:-24px;left:50%;width:170px;height:50px;margin-left:-85px;background:rgba(255,238,170,.78);transform:rotate(-4deg);box-shadow:0 2px 6px rgba(0,0,0,.08)}
.po-p.r0{transform:rotate(-4deg)}
.po-p.r1{transform:rotate(3.5deg);margin-left:-26px;margin-top:40px}
.po-p.r2{transform:rotate(-2deg);margin-left:-26px}
.po-f.card{border-radius:2px}
.po-b{font-family:Caveat,cursive;font-weight:600;font-size:calc(var(--k) * 60px);line-height:1.15;gap:.2em}
.po-b .hl{color:var(--ac)}
.po-selo{font-family:Caveat,cursive;font-weight:700;font-size:calc(var(--k) * 54px);background:var(--ac);color:var(--on);padding:.1em .7em;transform:rotate(-2deg);box-shadow:6px 6px 0 rgba(0,0,0,.15)}

/* ============ ANTES E DEPOIS ============ */
.sl-antesdepois{background:#111;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:0 76px 110px}
.ad-fs{position:absolute;inset:0;display:flex;gap:8px;background:#fff;z-index:0}
.v-pilha .ad-fs{flex-direction:column}
.ad-l{position:relative;flex:1;overflow:hidden}
.ad-vazio{position:absolute;inset:0;background:linear-gradient(160deg,#5A5A60,#232327)}
.l1 .ad-vazio{background:linear-gradient(160deg,var(--ac),#1D3324)}
.ad-et{position:absolute;top:56px;left:50%;transform:translateX(-50%);background:#fff;color:#111;font-weight:800;font-size:32px;letter-spacing:.14em;text-transform:uppercase;padding:14px 30px;border-radius:100px;box-shadow:0 8px 24px rgba(0,0,0,.25);white-space:nowrap;z-index:2}
.l1 .ad-et{background:var(--ac);color:var(--on)}
.v-pilha .ad-et{top:44px;left:56px;transform:none}
.ad-sh{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.86) 100%)}
.ad-c{display:flex;flex-direction:column;gap:calc(var(--k) * 24px);text-shadow:0 2px 20px rgba(0,0,0,.4)}
.sl-antesdepois h1{font-size:calc(var(--k) * 96px);font-weight:800;line-height:1;letter-spacing:-.04em}
.sl-antesdepois h2{font-size:calc(var(--k) * 74px);font-weight:800;line-height:1.02;letter-spacing:-.035em}
.sl-antesdepois .hl{color:var(--ac)}
.ad-b{font-size:calc(var(--k) * 42px);line-height:1.4;opacity:.92}
.sl-antesdepois .ar{right:76px;bottom:52px}

/* ============ CELULAR ============ */
.sl-celular{background:#0B0A10;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:150px 66px 130px}
.sl-celular.v-claro{color:#16121F}
.ce-bgv{position:absolute;inset:0;background:radial-gradient(70% 45% at 50% 35%,var(--ac2),transparent 70%),linear-gradient(180deg,#191424,#08070B)}
.v-claro .ce-bgv{background:radial-gradient(70% 45% at 50% 35%,var(--ac3),transparent 70%),linear-gradient(180deg,#FAF8FD,#ECE8F4)}
.ce-veu{position:absolute;inset:0;z-index:1;background:rgba(0,0,0,var(--veu))}
.sl-celular .pf{top:62px;left:66px}
.sl-celular .ct{top:80px;right:66px}
.sl-celular .pb{left:66px;right:66px;bottom:62px}
.sl-celular .ar{right:66px;bottom:92px}
.ce-c{display:flex;flex-direction:column;align-items:center;gap:calc(var(--k) * 36px);text-align:center}
.ce-c.com-bg{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.sl-celular h1{font-size:calc(var(--k) * 90px);font-weight:800;line-height:1;letter-spacing:-.04em}
.sl-celular h2{font-size:calc(var(--k) * 66px);font-weight:800;line-height:1.04;letter-spacing:-.035em}
.sl-celular .hl{color:var(--ac)}
.ce-tels{position:relative;display:flex;gap:calc(var(--k) * 56px);align-items:center;flex:none}
.ce-tel{position:relative;height:calc(var(--k) * 720px);aspect-ratio:9/19.5;border-radius:calc(var(--k) * 66px);background:#0B0B0D;padding:calc(var(--k) * 14px);box-shadow:0 0 0 3px #2C2C33,0 40px 90px rgba(0,0,0,.45)}
.ce-tels.n2 .ce-tel{height:calc(var(--k) * 610px)}
.ce-tela{position:relative;width:100%;height:100%;border-radius:calc(var(--k) * 52px);overflow:hidden;background:#222}
.ce-ilha{position:absolute;top:calc(var(--k) * 30px);left:50%;width:30%;height:calc(var(--k) * 30px);margin-left:-15%;border-radius:20px;background:#000}
.ce-tels .seta-curva{top:calc(var(--k) * -60px)}
.ce-b{font-size:calc(var(--k) * 40px);line-height:1.4;opacity:.92}
.sl-celular .bs-selo{text-shadow:none}