/* Blog da Central (/articles, /article/<slug>) e página 404 · páginas públicas de marketing.
 * Herda tokens, topo e rodapé do app.css; idioma/tema/rolagem vêm do legal.js (mesmas classes lg-*).
 * Artigo: faixa escura com título, capa sobreposta, coluna de leitura com imagens largas e legendas,
 * celular ao lado do texto, quadro "O que tem de novo" por parte, chamada final.
 * Celular (≤ 640): Large Title, imagens de ponta a ponta, listas agrupadas no estilo iOS. */
.ar-page{background:var(--paper-2)}
/* topo SÓLIDO ao rolar: vidro deixava o texto de trás vazar no Safari (correção do Paulo no Help, 18/10) */
:root .ar-page .top.is-scrolled,:root[data-theme] .ar-page .top.is-scrolled{background:var(--paper-2);backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-lang="es"] .lg-l[data-l="pt"],html[data-lang="en"] .lg-l[data-l="pt"]{display:none!important}
html[data-lang="es"] .lg-l[data-l="es"],html[data-lang="en"] .lg-l[data-l="en"]{display:block!important}

/* barra de progresso de leitura */
.ar-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:40;pointer-events:none}
.ar-progress span{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(var(--p,0));background:linear-gradient(90deg,#4db5ff,#6c3bd1)}

/* ---------- faixa escura ---------- */
.ar-hero{position:relative;isolation:isolate;color:#fff;margin-top:-64px;padding-top:64px;overflow:hidden}
.ar-hero__bg{position:absolute;inset:0;z-index:-1;background:
  radial-gradient(48% 70% at 80% 30%,rgba(77,181,255,.55) 0%,rgba(77,181,255,0) 70%),
  radial-gradient(45% 75% at 8% 95%,rgba(108,59,209,.6) 0%,rgba(108,59,209,0) 70%),
  radial-gradient(70% 80% at 50% 55%,rgba(0,99,171,.75) 0%,rgba(0,99,171,0) 72%),
  #00172b}
.ar-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,11,23,.35) 0%,rgba(3,11,23,0) 40%,rgba(3,11,23,.5) 100%)}
.ar-hero__orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;will-change:transform}
.ar-hero__orb--a{width:46vw;height:46vw;max-width:640px;max-height:640px;right:-8vw;top:-14vw;background:radial-gradient(circle,#4db5ff 0%,rgba(77,181,255,0) 65%);animation:ar-float 18s ease-in-out infinite alternate}
.ar-hero__orb--b{width:40vw;height:40vw;max-width:560px;max-height:560px;left:-10vw;bottom:-16vw;background:radial-gradient(circle,#6c3bd1 0%,rgba(108,59,209,0) 65%);animation:ar-float 22s ease-in-out infinite alternate-reverse}
@keyframes ar-float{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-4vw,3vw,0) scale(1.08)}}
.ar-hero__inner{padding-top:72px;padding-bottom:96px}
.ar-crumb{display:flex;align-items:center;gap:8px;font-size:14.5px;color:rgba(255,255,255,.7);margin-bottom:22px}
.ar-crumb a{min-height:var(--tap);display:inline-flex;align-items:center;transition:color var(--dur) var(--ease-out)}
.ar-crumb a:hover{color:#fff}
.ar-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;border-radius:var(--pill);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-size:13.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#cfe9ff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ar-kicker__dot{width:8px;height:8px;border-radius:50%;background:#4db5ff;box-shadow:0 0 0 4px rgba(77,181,255,.25)}
.ar-title{font-size:clamp(46px,6.4vw,92px);line-height:1;letter-spacing:-.028em;margin:20px 0 22px;color:#fff;text-wrap:balance}
.ar-dek{font-size:clamp(18px,1.7vw,22px);line-height:1.5;color:rgba(255,255,255,.86);max-width:56ch;text-wrap:pretty}
.ar-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:28px;font-size:15px;color:rgba(255,255,255,.74)}
.ar-meta__dot{opacity:.6}
.ar-meta .ar-share{margin-left:8px}
.ar-share{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap);padding:0 16px;border-radius:var(--pill);border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:14.5px;font-weight:500;cursor:pointer;transition:background var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}
.ar-share:hover{background:rgba(255,255,255,.16)}
.ar-share:active{transform:scale(.97)}
.ar-share svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ar-share--ink{border-color:var(--line-strong);background:var(--paper);color:var(--ink);margin-top:8px}
.ar-share--ink:hover{background:var(--bright-soft)}

/* artigo: cabeçalho centrado na coluna de leitura, capa sobreposta à faixa */
.ar-hero--post .ar-post__head{max-width:1120px;padding-top:64px;padding-bottom:clamp(150px,16vw,230px);text-align:center}
.ar-hero--post .ar-crumb,.ar-hero--post .ar-meta{justify-content:center}
.ar-hero--post .ar-title{font-size:clamp(40px,4.7vw,72px);line-height:1.04;text-wrap:balance;margin-left:auto;margin-right:auto}
@media (min-width:1024px){.ar-hero--post .ar-title{white-space:nowrap}}
.ar-hero--post .ar-dek{margin:0 auto;max-width:60ch}
.ar-cover-wrap{position:relative;z-index:2;margin-top:calc(-1 * clamp(110px,12vw,180px))}
.ar-cover{margin:0;border-radius:24px;overflow:hidden;box-shadow:0 2px 6px rgba(7,26,46,.12),0 50px 120px -40px rgba(7,26,46,.55);background:#030b17;border:1px solid rgba(255,255,255,.08)}
.ar-cover img{display:block;width:100%;height:auto}

/* ---------- corpo do artigo ---------- */
.ar-post{padding-top:clamp(48px,6vw,80px);padding-bottom:24px}
.ar-body{max-width:720px;margin:0 auto;font-size:19px;line-height:1.75;color:var(--ink-2)}
.ar-body p{margin:0 0 1.15em;text-wrap:pretty}
.ar-body strong{color:var(--ink);font-weight:600}
.ar-intro .ar-lead{font-size:clamp(21px,2vw,24px);line-height:1.6;color:var(--ink)}
.ar-intro .ar-lead::first-letter{font-family:var(--font-display);font-variation-settings:"opsz" 144,"SOFT" 30;float:left;font-size:4.1em;line-height:.82;margin:.06em .1em 0 -.03em;color:var(--bright)}
.ar-part{scroll-margin-top:96px;margin-top:clamp(56px,7vw,96px)}
.ar-part__n{margin:0 0 6px!important;font-size:13px;font-weight:700;letter-spacing:.16em;color:var(--bright);font-variant-numeric:tabular-nums}
.ar-part__t{font-size:clamp(32px,3.6vw,46px);line-height:1.08;letter-spacing:-.025em;color:var(--ink);margin:0 0 22px;text-wrap:balance}

/* imagens: largas escapam da coluna de texto */
.ar-fig{margin:36px 0 32px}
.ar-fig img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid var(--line);box-shadow:0 30px 70px -40px rgba(7,26,46,.55);background:#030b17}
.ar-fig figcaption{font-size:14.5px;line-height:1.5;color:var(--ink-3);margin-top:12px;text-align:center}
@media (min-width:1100px){.ar-fig--wide{margin-left:calc(50% - 520px);margin-right:calc(50% - 520px)}}
.ar-split{display:grid;gap:36px;align-items:start}
@media (min-width:860px){.ar-split{grid-template-columns:minmax(0,1fr) 280px;gap:48px}.ar-split .ar-fig{margin:6px 0 0;position:sticky;top:96px}}
.ar-fig--phone img{border-radius:32px;border:6px solid #0d1b30;box-shadow:0 2px 0 1px rgba(255,255,255,.06) inset,0 40px 80px -30px rgba(7,26,46,.6);max-width:300px;margin:0 auto}
:root[data-theme="dark"] .ar-fig--phone img{border-color:#22344f}

/* quadro "O que tem de novo" */
.ar-feats{margin:28px 0 8px;padding:22px 24px 20px;border-radius:18px;background:var(--paper);border:1px solid var(--line)}
.ar-feats__t{margin:0 0 12px!important;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);line-height:1.3}
.ar-feats__list{display:grid;gap:8px 24px;font-size:16px;line-height:1.4;color:var(--ink)}
@media (min-width:560px){.ar-feats__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ar-feats__list li{display:flex;gap:10px;align-items:flex-start}
.ar-feats__list svg{flex:none;width:18px;height:18px;margin-top:1px;stroke:var(--bright);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* fecho */
.ar-closing{margin-top:clamp(64px,8vw,104px);padding-top:40px;border-top:1px solid var(--line);text-align:center}
.ar-closing__t{font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.028em;color:var(--ink);margin:0 0 14px}
.ar-closing p{font-size:clamp(19px,1.8vw,22px);color:var(--ink-2)}

/* chamada final */
.ar-cta{padding:72px 0 112px}
.ar-cta__box{position:relative;overflow:hidden;isolation:isolate;border-radius:32px;padding:clamp(40px,6vw,80px);color:#fff;text-align:center;background:
  radial-gradient(60% 90% at 85% 10%,rgba(77,181,255,.55) 0%,rgba(77,181,255,0) 70%),
  radial-gradient(55% 90% at 10% 100%,rgba(108,59,209,.6) 0%,rgba(108,59,209,0) 70%),
  linear-gradient(160deg,#0b2a52 0%,#00172b 70%)}
.ar-cta__t{font-size:clamp(36px,4.6vw,64px);line-height:1.02;letter-spacing:-.028em;color:#fff}
.ar-cta__p{font-size:19px;line-height:1.5;color:rgba(255,255,255,.82);margin:16px auto 0;max-width:46ch}
.ar-cta__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px}
.ar-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border-radius:var(--pill);font-size:17px;font-weight:600;transition:transform var(--dur) var(--ease-out),background var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}
.ar-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dur) var(--ease-out)}
.ar-btn--primary{background:#fff;color:#07142a;box-shadow:0 18px 40px -18px rgba(0,0,0,.6)}
.ar-btn--primary:hover{transform:translateY(-2px)}
.ar-btn--primary:hover svg{transform:translateX(3px)}
.ar-btn--ghost{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff}
.ar-btn--ghost:hover{background:rgba(255,255,255,.16)}

/* ---------- blog /articles ---------- */
.ar-hero--list{}
.ar-list-wrap{padding:48px 0 112px}
.ar-list{display:grid;gap:28px}
@media (min-width:760px){.ar-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-item--featured{grid-column:1 / -1}}
.ar-item__link{display:grid;height:100%;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:var(--paper);transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}
@media (hover:hover){.ar-item__link:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}.ar-item__link:hover .ar-item__go svg{transform:translateX(4px)}.ar-item__link:hover .ar-item__img img{transform:scale(1.03)}}
@media (min-width:960px){.ar-item--featured .ar-item__link{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}
.ar-item__img{display:block;overflow:hidden;background:#030b17;aspect-ratio:16 / 9}
@media (min-width:960px){.ar-item--featured .ar-item__img{aspect-ratio:auto;min-height:100%}}
.ar-item__img img{display:block;width:100%;height:100%;object-fit:cover;object-position:30% 40%;transition:transform .6s var(--ease-out)}
.ar-item__body{display:grid;align-content:center;gap:14px;padding:clamp(24px,3.4vw,48px)}
.ar-kicker--ink{justify-self:start;background:var(--bright-soft);border-color:transparent;color:var(--bright);backdrop-filter:none;-webkit-backdrop-filter:none}
.ar-item__t{font-family:var(--font-display);font-variation-settings:"opsz" 144,"SOFT" 30;font-size:clamp(28px,3vw,42px);line-height:1.06;letter-spacing:-.025em;color:var(--ink)}
.ar-item__d{font-size:17px;line-height:1.55;color:var(--ink-2)}
.ar-item__meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;margin-top:6px;font-size:15px;color:var(--ink-3)}
.ar-item__meta .nw{white-space:nowrap}
.ar-item__go{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--bright)}
.ar-item__go svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dur) var(--ease-out)}

/* revelar ao rolar (só com JS; o que está na tela no primeiro quadro não esconde) */
.js-reveal [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
.js-reveal [data-reveal].is-in{opacity:1;transform:none}

/* voltar ao topo + aviso */
.lg-totop{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:15;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:var(--glass-2);color:var(--ink);box-shadow:var(--shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer;opacity:0;transform:translateY(8px);transition:opacity var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}
.lg-totop.is-on{opacity:1;transform:none}
.lg-totop svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ar-toast{position:fixed;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:30;padding:12px 18px;border-radius:var(--pill);background:#07142a;color:#fff;font-size:15px;font-weight:500;box-shadow:var(--shadow-lift)}
.foot{margin-top:0}

/* ---------- celular: tela de app (HIG) ---------- */
@media (max-width:640px){
  .ar-hero{margin-top:-52px;padding-top:52px}
  .ar-hero__bg{background:linear-gradient(160deg,#0b2a52 0%,#07142a 55%,#0d1f4a 100%)}
  .ar-hero__bg::after,.ar-hero__orb{display:none}
  .ar-hero__inner{padding:12px 16px 32px}
  .ar-crumb{margin-bottom:8px;font-size:15px}
  .ar-kicker{font-size:12px;padding:5px 12px 5px 9px}
  .ar-title{font-family:var(--font);font-weight:700;font-size:34px;line-height:41px;letter-spacing:-.02em;margin:14px 0 10px}
  .ar-dek{font-size:17px;line-height:1.45}
  .ar-meta{margin-top:16px;font-size:14px}
  .ar-meta{flex-direction:column;align-items:flex-start;gap:2px}
  .ar-meta__dot{display:none}
  .ar-meta .ar-share{margin:14px 0 0}
  .ar-hero--post .ar-post__head{padding:12px 16px 120px;text-align:left}
  .ar-hero--post .ar-crumb{justify-content:flex-start}
  .ar-hero--post .ar-title{font-size:34px;line-height:41px}
  .ar-hero--post .ar-dek{margin:0}
  .ar-cover-wrap{margin-top:-96px}
  .ar-cover{border-radius:14px}
  .ar-post{padding-top:32px}
  .ar-body{font-size:17px;line-height:1.6}
  .ar-intro .ar-lead{font-size:19px;line-height:1.5}
  .ar-intro .ar-lead::first-letter{font-size:3.4em}
  .ar-part{scroll-margin-top:64px;margin-top:48px}
  .ar-part__t{font-family:var(--font);font-weight:700;font-size:28px;line-height:34px;letter-spacing:-.015em;margin-bottom:14px}
  .ar-fig{margin:24px -16px 22px}
  .ar-fig img{border-radius:0;border-left:0;border-right:0;box-shadow:none}
  .ar-fig figcaption{font-size:13px;padding:0 16px;margin-top:8px}
  .ar-fig--phone{margin:24px 0}
  .ar-fig--phone img{border-radius:28px;border:5px solid #0d1b30;max-width:240px}
  .ar-feats{border-radius:12px;padding:14px 16px 12px;border:0}
  .ar-feats__list{gap:0;font-size:15px}
  .ar-feats__list li{padding:9px 0;align-items:center}
  .ar-feats__list li + li{box-shadow:inset 0 .5px 0 var(--line-strong)}
  .ar-closing{margin-top:56px;padding-top:28px}
  .ar-closing__t{font-family:var(--font);font-weight:700;font-size:28px;line-height:34px}
  .ar-closing p{font-size:17px}
  .ar-cta{padding:40px 0 56px}
  .ar-cta__box{border-radius:16px;padding:32px 20px;text-align:left}
  .ar-cta__t{font-family:var(--font);font-weight:700;font-size:28px;line-height:34px}
  .ar-cta__p{font-size:17px;margin:10px 0 0}
  .ar-cta__btns{flex-direction:column;align-items:stretch;gap:10px;margin-top:24px}
  .ar-btn{min-height:50px;border-radius:12px;font-size:17px}
  .ar-list-wrap{padding:20px 0 48px}
  .ar-list{gap:16px}
  .ar-item__link{border-radius:14px}
  .ar-item__body{padding:16px 16px 18px;gap:10px}
  .ar-item__t{font-family:var(--font);font-weight:700;font-size:22px;line-height:28px;letter-spacing:-.015em}
  .ar-item__d{font-size:15px;line-height:20px}
  .lg-totop{width:44px;height:44px;right:16px}
  .js-reveal [data-reveal]{transition-duration:.3s}
}

/* ---------- 404 ---------- */
.nf-hero .ar-hero__bg{clip-path:none}
.nf-inner{min-height:calc(100dvh - 64px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:48px;padding-bottom:88px}
.nf-num{font-family:var(--font-display);font-variation-settings:"opsz" 144,"SOFT" 30;font-size:clamp(160px,24vw,330px);line-height:.8;letter-spacing:-.055em;margin:0 0 18px;background:linear-gradient(160deg,#fff 10%,#9fd8ff 55%,#8b6cf0 110%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 24px 60px rgba(0,0,0,.35));user-select:none}
.nf-title{max-width:18ch;margin:18px auto 14px}
.nf-dek{margin:0 auto}
.nf-links{display:grid;gap:12px;width:100%;max-width:940px;margin-top:40px;text-align:left}
@media (min-width:760px){.nf-links{grid-template-columns:repeat(3,minmax(0,1fr))}.nf-links li{display:flex}.nf-link{flex:1}}
.nf-link{display:flex;align-items:center;gap:14px;min-height:76px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;transition:background var(--dur) var(--ease-out),transform var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}
@media (hover:hover){.nf-link:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.32);transform:translateY(-2px)}}
.nf-link__i{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(77,181,255,.18)}
.nf-link__i svg{width:20px;height:20px;stroke:#a9dcff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nf-link__t{flex:1;min-width:0;display:grid;gap:2px}
.nf-link__k{font-size:16.5px;font-weight:600;line-height:1.25}
.nf-link__v{font-size:14.5px;color:rgba(255,255,255,.72);line-height:1.3}
.nf-link__chev{flex:none;width:18px;height:18px;stroke:rgba(255,255,255,.6);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nf-home{margin-top:28px}
@media (max-width:640px){
  .nf-inner{min-height:calc(100dvh - 52px);align-items:stretch;justify-content:flex-start;text-align:left;padding:28px 16px 40px}
  .nf-num{font-size:120px;margin-bottom:12px;filter:none}
  .ar-kicker{align-self:flex-start}
  .nf-title{margin:14px 0 8px;max-width:none}
  .nf-dek{margin:0}
  .nf-links{display:block;margin-top:24px;border-radius:12px;background:rgba(255,255,255,.08);overflow:hidden}
  .nf-link{min-height:60px;padding:10px 16px;border:0;border-radius:0;background:transparent;gap:12px}
  .nf-links li + li .nf-link{box-shadow:inset 0 .5px 0 rgba(255,255,255,.18)}
  .nf-link__i{width:32px;height:32px;border-radius:8px;background:linear-gradient(140deg,#1769b0,#5b3cc4)}
  .nf-link__i svg{width:17px;height:17px;stroke:#fff}
  .nf-link__k{font-size:17px}
  .nf-link__v{font-size:13px}
  .nf-home{margin-top:20px;width:100%}
}


@media (prefers-reduced-motion:reduce){
  .ar-hero__orb{animation:none}
  .js-reveal [data-reveal]{opacity:1;transform:none;transition:none}
  .ar-item__link,.ar-item__img img,.ar-btn,.lg-totop,.nf-link{transition:none}
}
@media print{
  .top,.skip,.foot,.lg-totop,.ar-share,.ar-cta,.ar-progress,.ar-hero__orb{display:none!important}
  .ar-hero{color:#000;background:none;margin:0;padding:0}
  .ar-hero__bg{display:none}
  .ar-title{color:#000}
  .ar-dek,.ar-meta{color:#333}
  .ar-cover-wrap{margin:0}
  .ar-fig,.ar-feats{break-inside:avoid}
  .js-reveal [data-reveal]{opacity:1;transform:none}
}

/* ---------- atualize seus aplicativos: selos das lojas ---------- */
.ar-stores{margin-top:clamp(56px,7vw,96px);padding:clamp(28px,4vw,44px);border-radius:24px;background:var(--paper);border:1px solid var(--line)}
.ar-stores .ar-part__t{margin-bottom:12px}
.ar-stores__list{display:grid;gap:12px;margin:22px 0 16px}
@media (min-width:560px){.ar-stores__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ar-store{display:flex;align-items:center;gap:14px;min-height:72px;padding:12px 18px;border-radius:16px;background:#000;color:#fff;border:1px solid rgba(255,255,255,.14);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}
@media (hover:hover){.ar-store:hover{transform:translateY(-2px);box-shadow:0 16px 36px -18px rgba(7,26,46,.6)}}
.ar-store__i{flex:none;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.1)}
.ar-store__i svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ar-store__t{display:grid;min-width:0;line-height:1.2}
.ar-store__pre{font-size:12px;opacity:.78}
.ar-store__name{font-size:20px;font-weight:600;letter-spacing:-.01em}
.ar-store__dev{font-size:12.5px;opacity:.7;margin-top:2px}
.ar-stores__note{font-size:15px!important;color:var(--ink-3);margin:0!important}
@media (max-width:640px){
  .ar-stores{margin-top:48px;padding:20px 16px;border-radius:12px;border:0}
  .ar-store{min-height:64px;border-radius:12px}
  .ar-store__name{font-size:18px}
}
/* logos reais das lojas (Simple Icons, CC0) e cartão "em breve" sem link */
.ar-store__i{background:transparent;width:46px;height:40px}
.ar-store__i svg{width:30px;height:30px;stroke:none;fill:#fff}
.ar-store--google .ar-store__i svg{width:28px;height:28px}
.ar-store--roku .ar-store__i svg,.ar-store--soon .ar-store__i svg{width:40px;height:40px}
.ar-store--soon{background:transparent;color:var(--ink-2);border:1px dashed var(--line-strong);cursor:default}
.ar-store--soon .ar-store__i svg{fill:var(--ink-2)}
@media (hover:hover){.ar-store--soon:hover{transform:none;box-shadow:none}}
/* vídeo do fim (YouTube, modo privacidade reforçada) */
.ar-video{margin-top:clamp(56px,7vw,88px);text-align:center}
.ar-video .ar-fig{margin-top:22px}
.ar-video__frame{position:relative;aspect-ratio:16 / 9;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 30px 70px -40px rgba(7,26,46,.55)}
.ar-video__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:640px){.ar-video{margin-top:48px;text-align:left}.ar-video__frame{border-radius:0}}
/* capa própria do vídeo: nada do YouTube até o clique */
.ar-video__poster{position:absolute;inset:0;display:block;cursor:pointer;background:#000}
.ar-video__poster img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out),filter .3s var(--ease-out)}
.ar-video__poster::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 50%,rgba(3,11,23,0) 40%,rgba(3,11,23,.45) 100%)}
.ar-video__play{position:absolute;left:24px;bottom:24px;z-index:1;display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 22px 0 16px;border-radius:999px;background:#fff;color:#07142a;font-family:var(--font);font-size:16px;font-weight:700;box-shadow:0 18px 40px -16px rgba(0,0,0,.7);transition:transform .3s var(--ease-out),background .3s var(--ease-out)}
.ar-video__play svg{width:22px;height:22px;fill:currentColor}
@media (hover:hover){.ar-video__poster:hover img{transform:scale(1.03);filter:brightness(1.08)}.ar-video__poster:hover .ar-video__play{transform:translateY(-2px)}}
.ar-video__poster:focus-visible{outline:3px solid #4db5ff;outline-offset:-3px}
@media (max-width:640px){.ar-video__play{left:12px;bottom:12px;height:40px;padding:0 16px 0 12px;font-size:14px;gap:6px}.ar-video__play svg{width:18px;height:18px}}
@media (prefers-reduced-motion:reduce){.ar-video__poster img,.ar-video__play{transition:none}}
/* player próprio (API do YouTube por baixo, controls=0) */
.ar-vp{outline:none}
.ar-vp__yt{position:absolute;left:0;right:0;top:-25%;height:150%;pointer-events:none}
.ar-vp__yt iframe{display:block;width:100%;height:100%;border:0}
.ar-vp__shield{position:absolute;inset:0;z-index:2;margin:0;padding:0;border:0;background:transparent;cursor:pointer}
.ar-vp__cover{position:absolute;inset:0;z-index:3;display:none;margin:0;padding:0;border:0;background:#000;cursor:pointer}
.ar-vp__cover img{width:100%;height:100%;object-fit:cover}
.ar-vp.is-paused .ar-vp__cover,.ar-vp.is-ended .ar-vp__cover,.ar-vp.is-loading .ar-vp__cover{display:block}
.ar-vp.is-loading .ar-vp__cover .ar-video__play{opacity:.7}
.ar-vp__cover .ar-video__play{bottom:76px}
.ar-vp__bar{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;align-items:center;gap:10px;padding:34px 14px 12px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.72));color:#fff;transition:opacity .3s var(--ease-out)}
.ar-vp.is-loading .ar-vp__bar{opacity:0;pointer-events:none}
.ar-vp.is-idle .ar-vp__bar{opacity:0;pointer-events:none}
.ar-vp.is-idle{cursor:none}
.ar-vp__btn{flex:none;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;transition:background var(--dur) var(--ease-out)}
.ar-vp__btn:hover{background:rgba(255,255,255,.24)}
.ar-vp__btn svg{width:20px;height:20px;fill:currentColor}
.ar-vp__time,.ar-vp__dur{flex:none;font-family:var(--font);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.9);min-width:40px;text-align:center}
.ar-vp__track{position:relative;flex:1;height:6px;border-radius:999px;background:rgba(255,255,255,.28);cursor:pointer}
.ar-vp__track::before{content:"";position:absolute;inset:-12px 0}
.ar-vp__fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:inherit;background:linear-gradient(90deg,#4db5ff,#8b6cf0)}
.ar-vp__track:focus-visible{outline:2px solid #4db5ff;outline-offset:4px}
.ar-vp:fullscreen{border-radius:0;width:100%;height:100%;aspect-ratio:auto}
.ar-vp:-webkit-full-screen{border-radius:0;width:100%;height:100%;aspect-ratio:auto}
@media (max-width:640px){.ar-vp__bar{gap:6px;padding:26px 8px 8px}.ar-vp__btn{width:36px;height:36px}.ar-vp__time,.ar-vp__dur{font-size:12px;min-width:34px}.ar-vp__cover .ar-video__play{bottom:56px}}
/* antes do clique: só a capa (link) por cima; barra e camada do player escondidas */
.ar-vp .ar-video__poster{z-index:5}
.ar-vp:not(.has-played) .ar-vp__bar,.ar-vp:not(.has-played) .ar-vp__shield,.ar-vp:not(.has-played) .ar-vp__cover{display:none}
.ar-vp.is-ready:not(.has-played) .ar-video__poster{pointer-events:none}
.ar-vp.is-ready:not(.has-played) .ar-vp__yt{pointer-events:auto}
.ar-video__poster.is-waiting .ar-video__play{opacity:.75}

/* ---------- O que assistir (/assistir) ---------- */
.as-hero__inner{max-width:900px;padding-top:64px;padding-bottom:88px;text-align:center}
.as-hero .ar-kicker{margin:0 auto}
.as-title{margin-left:auto;margin-right:auto;font-size:clamp(40px,5.4vw,76px)}
.as-dek{margin:0 auto 28px}
.as-form{max-width:760px;margin:0 auto}
.as-box{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 22px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 80px -30px rgba(0,0,0,.8)}
.as-box:focus-within{border-color:rgba(159,216,255,.7);box-shadow:0 0 0 5px rgba(77,181,255,.22),0 30px 80px -30px rgba(0,0,0,.8)}
.as-box input{flex:1;min-width:0;height:56px;border:0;background:transparent;color:#fff;font:inherit;font-size:18px;outline:none;-webkit-appearance:none;appearance:none}
.as-box input::placeholder{color:rgba(255,255,255,.75)}
.as-box input::-webkit-search-cancel-button{-webkit-appearance:none}
.as-go{flex:none;display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 22px;border:0;border-radius:999px;cursor:pointer;color:#fff;font:inherit;font-size:16px;font-weight:700;background:linear-gradient(135deg,#1769b0 0%,#0063ab 55%,#3b2a9e 130%);box-shadow:0 10px 30px -10px rgba(77,181,255,.7)}
.as-go svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.as-form[aria-busy="true"] .as-go{opacity:.6;pointer-events:none}
.as-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}
.as-chip{min-height:var(--tap);padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(3,11,23,.45);color:#fff;font:inherit;font-size:15px;font-weight:500;cursor:pointer;transition:background var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}
.as-chip:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5)}
.as-results{padding-top:48px;padding-bottom:96px;scroll-margin-top:56px}
.as-msg{max-width:760px;margin:0 auto 28px;text-align:center;font-size:clamp(18px,1.8vw,21px);line-height:1.55;color:var(--ink)}
.as-msg--loading{color:var(--ink-3)}
.as-cards{display:grid;gap:22px}
@media (min-width:700px){.as-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1040px){.as-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.as-card a{display:flex;flex-direction:column;height:100%;border-radius:20px;overflow:hidden;background:var(--paper);border:1px solid var(--line);transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}
@media (hover:hover){.as-card a:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}.as-card a:hover .as-card__img{transform:scale(1.04)}.as-card a:hover .as-card__go svg{transform:translateX(3px)}}
.as-card__art{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;background:#07142a}
.as-card__art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,11,23,0) 40%,rgba(3,11,23,.75) 100%)}
.as-card__img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}
.as-card__logo{position:absolute;left:16px;bottom:14px;z-index:1;max-width:60%;max-height:44%;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}
.as-card__name{position:absolute;left:16px;right:16px;bottom:12px;z-index:1;color:#fff;font-family:var(--font-display);font-variation-settings:"opsz" 144,"SOFT" 30;font-size:24px;line-height:1.1;text-shadow:0 2px 14px rgba(0,0,0,.6)}
.as-card__body{display:flex;flex-direction:column;gap:6px;flex:1;padding:18px 20px 20px}
.as-card__type{align-self:flex-start;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:999px;background:var(--bright-soft);color:var(--bright)}
.as-card__t{font-size:18px;font-weight:700;line-height:1.3;color:var(--ink)}
.as-card__r{font-size:15.5px;line-height:1.5;color:var(--ink-2);flex:1}
.as-card__go{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-weight:700;color:var(--bright)}
.as-card__go svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dur) var(--ease-out)}
.as-card--sk .as-card__art{background:linear-gradient(90deg,var(--paper-3) 0%,var(--paper) 50%,var(--paper-3) 100%);background-size:200% 100%;animation:as-sh 1.2s linear infinite;border-radius:20px 20px 0 0}
.as-card--sk{border-radius:20px;overflow:hidden;background:var(--paper);border:1px solid var(--line)}
.as-sk{display:block;height:12px;border-radius:6px;background:var(--paper-3);width:80%}
.as-sk--s{width:30%}.as-sk--l{width:95%;height:36px}
@keyframes as-sh{from{background-position:200% 0}to{background-position:-200% 0}}
.as-acoes{text-align:center;margin-top:28px}
.as-btn--ghost{border:1px solid var(--line-strong);background:var(--paper);color:var(--ink)}
.as-btn--ghost:hover{background:var(--bright-soft)}
@media (max-width:640px){
  .as-hero__inner{padding:16px 16px 28px;text-align:left}
  .as-hero .ar-kicker{margin:0}
  .as-title{font-size:34px;margin:14px 0 10px}
  .as-dek{margin:0 0 18px}
  .as-box{padding:4px 4px 4px 16px;border-radius:14px;box-shadow:none}
  .as-box input{height:48px;font-size:17px}
  .as-go{height:44px;padding:0 14px;border-radius:11px;font-size:15px}
  .as-chips{justify-content:flex-start}
  .as-chip{font-size:14px;min-height:40px;padding:0 13px}
  .as-results{padding-top:24px;padding-bottom:48px}
  .as-msg{text-align:left;font-size:17px;margin-bottom:18px}
  .as-cards{gap:14px}
  .as-card a{border-radius:14px}
  .as-card__name{font-family:var(--font);font-weight:700;font-size:20px}
  .as-card__body{padding:14px 16px 16px}
  .as-card__t{font-size:17px}
  .as-card__r{font-size:15px}
}
@media (prefers-reduced-motion:reduce){.as-card--sk .as-card__art{animation:none}.as-card a,.as-card__img{transition:none}}

/* ---------- guia /article/samsung (20/10/2026): busca por modelo de TV, anos, passo a passo ---------- */
.sg-form{margin-top:32px}
.sg-or{margin:20px 0 0;font-size:14px;color:rgba(255,255,255,.72)}
.sg-chips{margin-top:10px}
.sg-chip[aria-pressed="true"]{background:#fff;color:#071a2e;border-color:#fff}
.sg-result{max-width:720px;margin:22px auto 0;padding:24px 26px;border-radius:22px;text-align:left;background:var(--paper);color:var(--ink-2);border:1px solid var(--line);border-top:5px solid var(--sg-c,var(--bright));box-shadow:0 30px 80px -30px rgba(0,0,0,.7)}
.sg-result--ok{--sg-c:#1f9d55}.sg-result--soon{--sg-c:#d98a04}.sg-result--no{--sg-c:#8a94a6}.sg-result--unk{--sg-c:var(--bright)}
.sg-r__k{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);overflow-wrap:anywhere}
.sg-r__t{margin:0;font-family:var(--font-display);font-size:24px;line-height:1.2;font-weight:600;color:var(--sg-t,var(--ink))}
.sg-result--ok{--sg-t:#15803d}.sg-result--soon{--sg-t:#9a5a06}.sg-result--no{--sg-t:#4b5567}.sg-result--unk{--sg-t:var(--primary)}
:root[data-theme="dark"] .sg-result--ok{--sg-t:#5fd68f}:root[data-theme="dark"] .sg-result--soon{--sg-t:#f4b54a}:root[data-theme="dark"] .sg-result--no{--sg-t:#c3cad6}:root[data-theme="dark"] .sg-result--unk{--sg-t:#9fd8ff}
.sg-r__p{margin:8px 0 0;font-size:16px;line-height:1.55}
.sg-r__acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.sg-act{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;font-size:15px;font-weight:700;text-decoration:none;color:var(--ink);border:1px solid var(--line-strong);background:var(--paper)}
.sg-act svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sg-act--primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,#1769b0 0%,#0063ab 55%,#3b2a9e 130%)}
.sg-act:hover{transform:translateY(-1px)}
.sg-meta{margin-top:30px}
.sg-tv{margin:0 auto;max-width:1040px}
.sg-tv__screen{padding:clamp(6px,1vw,12px);border-radius:clamp(12px,1.6vw,20px);background:linear-gradient(180deg,#1a1f27,#07090c);border:1px solid #2b313b;box-shadow:0 2px 6px rgba(7,26,46,.12),0 50px 120px -40px rgba(7,26,46,.6)}
.sg-tv__screen img{display:block;width:100%;height:auto;border-radius:clamp(4px,.6vw,8px)}
.sg-tv__stand{display:block;width:28%;height:clamp(10px,1.4vw,18px);margin:0 auto;border-radius:0 0 14px 14px;background:linear-gradient(180deg,#2a3039,#0d1014)}
.sg-tv figcaption{margin-top:14px;text-align:center;font-size:14px;color:var(--ink-3)}
.sg-years{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sg-year{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 16px 18px;border-radius:18px;background:var(--paper);border:1px solid var(--line)}
.sg-year__y{font-family:var(--font-display);font-size:30px;line-height:1;font-weight:600;color:var(--ink)}
.sg-year__tz{font-size:13px;line-height:1.35;color:var(--ink-3)}
.sg-year__note{font-size:13px;line-height:1.35;color:#a8620a}
.sg-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:13px;line-height:1.3;font-weight:700;white-space:nowrap}
.sg-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.sg-pill--ok{color:#15803d;background:rgba(31,157,85,.12)}
.sg-pill--soon{color:#a8620a;background:rgba(217,138,4,.14)}
:root[data-theme="dark"] .sg-pill--ok{color:#5fd68f;background:rgba(95,214,143,.14)}
:root[data-theme="dark"] .sg-pill--soon,:root[data-theme="dark"] .sg-year__note{color:#f4b54a}
:root[data-theme="dark"] .sg-pill--soon{background:rgba(244,181,74,.14)}
.sg-older{margin-top:16px;font-size:15px;color:var(--ink-3)}
.sg-groups{margin-top:20px;border-radius:18px;background:var(--paper);border:1px solid var(--line)}
.sg-groups summary{cursor:pointer;padding:16px 20px;font-size:16px;font-weight:700;color:var(--ink);list-style-position:inside}
.sg-table{max-height:440px;overflow:auto;border-top:1px solid var(--line)}
.sg-table table{width:100%;border-collapse:collapse;font-size:15px}
.sg-table th{position:sticky;top:0;background:var(--paper);text-align:left;padding:10px 20px;font-size:13px;color:var(--ink-3);border-bottom:1px solid var(--line)}
.sg-table td{padding:9px 20px;border-bottom:1px solid var(--line);color:var(--ink)}
.sg-table td:first-child{font-variant-numeric:tabular-nums;font-weight:600}
.sg-steps{counter-reset:sg;list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.sg-steps li{counter-increment:sg;display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:var(--paper);border:1px solid var(--line);font-size:17px;line-height:1.5}
.sg-steps li::before{content:counter(sg);flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--bright-soft);color:var(--primary);font-weight:700;font-size:15px}
:root[data-theme="dark"] .sg-steps li::before{color:#9fd8ff}
.sg-steps strong{color:var(--ink)}
.sg-steps__h{display:block;margin-bottom:2px;font-size:18px}
.sg-tip{margin-top:14px;font-size:16px;color:var(--ink-3)}
.sg-trouble{margin-top:20px;padding:22px 24px;border-radius:18px;background:var(--paper);border:1px solid var(--line)}
@media (min-width:560px){.sg-trouble{grid-template-columns:1fr}}
@media (max-width:820px){.sg-years{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .sg-form{margin-top:22px}
  .sg-or{text-align:left}
  .sg-chips{justify-content:flex-start}
  .sg-result{padding:20px;margin-top:18px}
  .sg-r__t{font-size:21px}
  .sg-act{flex:1 1 auto;justify-content:center}
  .sg-steps li{font-size:16px;padding:14px}
  .sg-trouble{padding:16px 18px}
  .sg-table td,.sg-table th{padding:9px 14px}
}
/* lista com 2 artigos: o 2º ocupa a linha toda no mesmo desenho do destaque (sem buraco ao lado) */
@media (min-width:760px){.ar-item--featured+.ar-item:last-child{grid-column:1 / -1}}
@media (min-width:960px){.ar-item--featured+.ar-item:last-child .ar-item__link{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.ar-item--featured+.ar-item:last-child .ar-item__img{aspect-ratio:auto;min-height:100%}}