/* aonuiusainternship.com ~ dossie 1win Brasil ~ folha de estilo ~ build 1042 */

/* ---------- tipos ---------- */
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:400 800;font-display:swap;
src:url(/assets/fonts/intertight-latin.woff2) format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:400 800;font-display:swap;
src:url(/assets/fonts/intertight-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- variaveis ---------- */
:root{
  --paper:#f1f2f8;--paper2:#e8eaf4;--card:#ffffff;
  --ink:#161a33;--ink2:#262c52;--text:#4b5273;--mute:#6f7694;--dim:#9aa1bd;
  --grape:#5a3ff0;--grape2:#4831c9;--grapeL:#ece9ff;
  --mint:#0aa88c;--mintL:#ddf5f0;
  --amber:#e39412;--amberL:#fcf0d9;
  --rose:#dd2f5d;--roseL:#fde6ec;
  --line:#e1e4f0;--line2:#ccd1e5;
  --r1:10px;--r2:16px;--r3:22px;--r4:30px;--round:999px;
  --lift1:0 1px 1px rgba(22,26,51,.04),0 8px 20px -16px rgba(22,26,51,.5);
  --lift2:0 2px 4px rgba(22,26,51,.05),0 26px 48px -30px rgba(22,26,51,.62);
  --wrapw:1220px;--narroww:720px;--railw:236px;
  --face:'Inter Tight',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --fz:17px;--gap:clamp(44px,5vw,72px);--headh:60px;--chiph:46px;
}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--headh) + var(--chiph) + 18px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
body{margin:0;background:var(--paper);color:var(--text);font-family:var(--face);font-size:var(--fz);
line-height:1.74;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
overflow-x:hidden;overflow-wrap:break-word;font-feature-settings:'kern' 1,'liga' 1;
padding-bottom:calc(64px + env(safe-area-inset-bottom))}
@media(min-width:920px){body{padding-bottom:0}}
body.locked{overflow:hidden}
img,svg,video{max-width:100%;height:auto;display:block}
svg{width:19px;height:19px;flex:none}
a{color:var(--grape);text-decoration:none;transition:color .15s}
a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
p{margin:0 0 1.1em}
ul,ol{margin:0 0 1.15em;padding-left:1.2em}
li{margin:.4em 0}
li::marker{color:var(--line2)}
strong,b{color:var(--ink);font-weight:700}
em{font-style:italic}
code,kbd{font-family:var(--mono);font-size:.85em;background:var(--paper2);border:1px solid var(--line);
border-radius:6px;padding:.08em .38em;color:var(--ink)}
hr{border:0;border-top:1px solid var(--line);margin:32px 0}
::selection{background:var(--grape);color:#fff}
:focus-visible{outline:3px solid var(--grape);outline-offset:3px;border-radius:6px}
h1,h2,h3,h4,h5{color:var(--ink);font-weight:800;line-height:1.16;letter-spacing:-.02em;margin:0 0 .5em}
h1{font-size:clamp(30px,4.2vw,50px);line-height:1.05;letter-spacing:-.035em}
h2{font-size:clamp(23px,2.7vw,33px);letter-spacing:-.028em}
h3{font-size:clamp(18px,1.8vw,21px)}
h4{font-size:16px}
h5{font-size:14px}

/* ---------- estrutura ---------- */
.wrap{width:100%;max-width:var(--wrapw);margin:0 auto;padding:0 18px}
.narrow{max-width:var(--narroww)}
.hidden-eye{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:-9999px;top:0;z-index:900;background:var(--grape);color:#fff;
font-weight:700;padding:11px 18px;border-radius:0 0 var(--r1) 0}
.skip:focus{left:0}

/* ---------- etiquetas ---------- */
.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:var(--r1);
background:var(--grapeL);color:var(--grape2);font-size:11.6px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.tag--mint{background:var(--mintL);color:#077a66}
.tag--amber{background:var(--amberL);color:#9a6403}
.tag--rose{background:var(--roseL);color:var(--rose)}
.metas{display:flex;flex-wrap:wrap;gap:7px}
.meta{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:var(--r1);
border:1px solid var(--line2);background:var(--card);font-size:12.2px;font-weight:600;color:var(--mute)}
.badge18{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 7px;
border-radius:5px;background:var(--rose);color:#fff;font-size:10.6px;font-weight:800;letter-spacing:.02em}

/* ---------- botoes ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--face);
font-size:14.6px;font-weight:800;line-height:1;padding:13px 22px;border:0;border-radius:var(--r1);
cursor:pointer;text-decoration:none;white-space:nowrap;letter-spacing:-.01em;
transition:background .16s,color .16s,box-shadow .16s,transform .16s}
.btn:hover{text-decoration:none;transform:translateY(-1px)}
.btn svg{width:16px;height:16px}
.btn--main{background:var(--grape);color:#fff;box-shadow:0 10px 22px -14px rgba(90,63,240,.95)}
.btn--main:hover{background:var(--grape2);color:#fff}
.btn--dark{background:var(--ink);color:#fff}
.btn--dark:hover{background:var(--ink2);color:#fff}
.btn--mint{background:var(--mint);color:#fff}
.btn--mint:hover{background:#088a73;color:#fff}
.btn--line{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line2)}
.btn--line:hover{box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink)}
.btn--big{padding:16px 28px;font-size:15.8px}
.btn--mini{padding:8px 14px;font-size:12.8px}
.btn--full{width:100%}
.btns{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}

/* ---------- faixa superior ---------- */
.topline{background:var(--ink);color:#c3c8e6;font-size:12.6px;padding:7px 0}
.topline__in{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;text-align:center}
.topline b{color:#ffd166}

/* ---------- cabecalho ---------- */
.masthead{position:sticky;top:0;z-index:170;background:rgba(241,242,248,.93);border-bottom:1px solid var(--line);
backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.masthead__in{display:flex;align-items:center;gap:12px;height:var(--headh)}
.brand{display:inline-flex;align-items:center;gap:9px;flex:none}
.brand span{display:flex;align-items:center;justify-content:center;background:var(--ink);
border-radius:var(--r1);padding:6px 10px}
.brand span img{height:19px;width:auto}
.brand b{font-size:12.4px;font-weight:800;color:var(--ink);letter-spacing:-.01em;line-height:1.15;display:none}
.brand b i{display:block;font-style:normal;font-size:10.4px;font-weight:700;color:var(--dim);letter-spacing:.06em;text-transform:uppercase}
@media(min-width:560px){.brand b{display:block}}
.jumps{display:none;margin-left:14px;gap:2px}
@media(min-width:1080px){.jumps{display:flex}}
.jumps a{padding:7px 11px;border-radius:var(--r1);font-size:13.2px;font-weight:600;color:var(--text)}
.jumps a:hover{background:var(--paper2);color:var(--ink);text-decoration:none}
.masthead__acts{display:flex;align-items:center;gap:8px;margin-left:auto}
.masthead__acts .btn--line{display:none}
@media(min-width:720px){.masthead__acts .btn--line{display:inline-flex}}
.progress{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:linear-gradient(90deg,var(--grape),var(--mint));
transition:width .1s linear}

/* ---------- barra de blocos ---------- */
.chipnav{position:sticky;top:var(--headh);z-index:165;background:var(--card);border-bottom:1px solid var(--line)}
.chipnav__in{display:flex;align-items:center;gap:7px;height:var(--chiph);overflow-x:auto;
scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}
.chipnav__in::-webkit-scrollbar{display:none}
.chipnav b{flex:none;font-size:10.6px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);padding-right:4px}
.chipnav a{flex:none;padding:6px 12px;border-radius:var(--round);background:var(--paper);
font-size:12.8px;font-weight:700;color:var(--ink2);white-space:nowrap}
.chipnav a:hover{background:var(--grape);color:#fff;text-decoration:none}
@media(min-width:1180px){.chipnav{display:none}}

/* ---------- grade principal ---------- */
.layout{display:block}
@media(min-width:1180px){
  .layout{display:grid;grid-template-columns:var(--railw) minmax(0,1fr);gap:46px;align-items:start}
}
.flow{min-width:0}

/* ---------- trilho lateral ---------- */
.rail{display:none}
@media(min-width:1180px){
  .rail{display:block;position:sticky;top:calc(var(--headh) + 26px);max-height:calc(100vh - var(--headh) - 52px);
  overflow-y:auto;padding:4px 0 20px;scrollbar-width:thin}
}
.rail__title{margin:0 0 12px;font-size:10.6px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.rail li.rail__part{margin:18px 0 6px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
color:var(--grape2);display:flex;align-items:center;gap:8px}
.rail li.rail__part:first-child{margin-top:0}
.rail li.rail__part::after{content:'';flex:1;height:1px;background:var(--line)}
.rail ol{list-style:none;margin:0;padding:0;counter-reset:rl}
.rail li{margin:0}
.rail li:not(.rail__part){counter-increment:rl}
.rail a{display:flex;gap:9px;padding:6px 10px;border-radius:var(--r1);font-size:13.4px;
font-weight:600;color:var(--mute);border-left:2px solid transparent}
.rail a::before{content:counter(rl,decimal-leading-zero);font-family:var(--mono);font-size:10.4px;
color:var(--dim);padding-top:4px;flex:none}
.rail a:hover{color:var(--ink);background:var(--card);text-decoration:none}
.rail a.is-on{color:var(--ink);background:var(--card);border-left-color:var(--grape);font-weight:700}
.rail a.is-on::before{color:var(--grape)}
.rail__foot{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}

/* ---------- abertura ---------- */
.hero{padding:clamp(28px,4vw,54px) 0 0}
.hero__title{margin:14px 0 14px;max-width:16ch}
.hero__title u{text-decoration:none;color:var(--grape)}
.hero__lede{font-size:clamp(16px,1.5vw,18.5px);max-width:58ch;margin:0}
.hero__fine{font-size:12.4px;color:var(--dim);margin:0}
.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:clamp(22px,3vw,34px) 0 0}
@media(min-width:760px){.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
.kpis>*{min-width:0}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);padding:17px 18px;
display:flex;flex-direction:column;justify-content:center}
.kpi b{display:block;font-size:clamp(23px,2.6vw,31px);color:var(--ink);line-height:1.05;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.kpi span{display:block;margin-top:3px;font-size:11.2px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--dim)}
.kpi--grape{background:var(--grape);border-color:var(--grape)}
.kpi--grape b{color:#fff}
.kpi--grape span{color:#cfc5ff}

/* ---------- divisor de parte ---------- */
.part{display:flex;align-items:center;gap:14px;margin:var(--gap) 0 0;padding:0}
.part__num{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;
border-radius:var(--r1);background:var(--ink);color:#fff;font-family:var(--mono);font-size:12.4px;font-weight:700}
.part__name{min-width:0}
.part__name b{display:block;font-size:17px;color:var(--ink);line-height:1.2;letter-spacing:-.02em}
.part__name span{display:block;font-size:12.8px;color:var(--mute)}
.part::after{content:'';flex:1;height:1px;background:var(--line2)}

/* ---------- blocos ---------- */
.block{padding:30px 0 0;scroll-margin-top:calc(var(--headh) + var(--chiph) + 16px)}
.block__head{max-width:68ch;margin-bottom:22px}
.block__mark{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;
font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--grape);margin-bottom:9px}
.block__mark s{display:block;width:16px;height:2px;background:var(--grape);border-radius:2px;text-decoration:none}
.block__head h2{margin:0 0 7px}
.block__head p{margin:0;font-size:14.6px;color:var(--mute)}

/* ---------- caixas ---------- */
.slab{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);padding:20px}
.slab>*:last-child{margin-bottom:0}
.slab h3,.slab h4{margin-top:0}
.slab--mint{background:var(--mintL);border-color:#bfe9e1}
.slab--amber{background:var(--amberL);border-color:#f1dcb2}
.slab--rose{background:var(--roseL);border-color:#f7ccd7}
.slab--grape{background:var(--grapeL);border-color:#d6cefd}
.slab--plain{background:var(--paper2);border-color:var(--line2)}
.pair,.trip{display:grid;gap:14px}
@media(min-width:700px){.pair{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:640px){.trip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.trip{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pair>*,.trip>*{min-width:0}

/* ---------- etapas ---------- */
.steps{list-style:none;margin:0;padding:0;counter-reset:st;display:grid;gap:0;
background:var(--card);border:1px solid var(--line);border-radius:var(--r2);overflow:hidden}
.steps>li{counter-increment:st;position:relative;padding:16px 20px 16px 62px;margin:0;border-top:1px solid var(--line)}
.steps>li:first-child{border-top:0}
.steps>li::before{content:counter(st,decimal-leading-zero);position:absolute;left:20px;top:17px;
font-family:var(--mono);font-size:12px;font-weight:700;color:var(--grape);
background:var(--grapeL);border-radius:6px;padding:3px 7px;line-height:1}
.steps>li:nth-child(even)::before{color:#077a66;background:var(--mintL)}
.steps b{display:block;color:var(--ink);font-size:16px;margin-bottom:1px;letter-spacing:-.015em}
.steps p{margin:0;font-size:14.6px}
.steps__flag{display:inline-block;margin-left:7px;padding:1px 7px;border-radius:5px;background:var(--roseL);
color:var(--rose);font-size:10.4px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;vertical-align:1px}

/* ---------- razao do bonus ---------- */
.ledger{display:grid;gap:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r2);overflow:hidden}
@media(min-width:820px){.ledger{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ledger>*{min-width:0}
.ledger__col{padding:20px}
.ledger__col+.ledger__col{border-top:1px solid var(--line)}
@media(min-width:820px){.ledger__col+.ledger__col{border-top:0;border-left:1px solid var(--line)}}
.ledger__col--in{background:var(--mintL)}
.ledger__col--out{background:var(--roseL)}
.ledger__col h3{margin:0 0 2px;font-size:18px}
.ledger__col>p{margin:0 0 14px;font-size:13.2px;color:var(--mute)}
.ledger__col dl{margin:0}
.ledger__col dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
padding:9px 0;border-bottom:1px solid rgba(22,26,51,.08)}
.ledger__col dl>div:last-child{border-bottom:0}
.ledger__col dt{font-size:14.2px;color:var(--text)}
.ledger__col dd{margin:0;font-size:16.4px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.ledger__col--out dd{color:var(--rose)}
.ledger__seal{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:13px;
border-top:1px dashed rgba(22,26,51,.16);font-size:13px;color:var(--mute)}
.ledger__seal b{font-family:var(--mono);font-size:14px}

/* ---------- velocimetro do saque ---------- */
.gauge{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);padding:20px}
.gauge__row{display:grid;gap:8px;padding:11px 0;border-bottom:1px solid var(--line)}
@media(min-width:620px){.gauge__row{grid-template-columns:160px minmax(0,1fr);gap:16px;align-items:center}}
.gauge__row:last-of-type{border-bottom:0}
.gauge__pick{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid var(--line2);
border-radius:var(--r1);background:var(--paper);font-family:var(--face);font-size:13.2px;font-weight:700;
color:var(--ink);cursor:pointer;justify-self:start;transition:background .15s,color .15s,border-color .15s}
.gauge__pick:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.gauge__pick[aria-pressed="true"]{background:var(--grape);border-color:var(--grape);color:#fff}
.gauge__bar{position:relative;height:28px;border-radius:var(--r1);background:var(--paper2);overflow:hidden}
.gauge__bar s{display:flex;align-items:center;justify-content:flex-end;height:100%;padding:0 11px;
border-radius:var(--r1);text-decoration:none;font-family:var(--mono);font-size:12px;font-weight:700;color:#fff;
background:var(--mint)}
.gauge__bar s.mid{background:var(--amber)}
.gauge__bar s.slow{background:var(--rose)}
.gauge__note{margin:16px 0 0;font-size:12.8px;color:var(--dim)}

/* ---------- tabelas ---------- */
.tablewrap{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--r2);
margin:0 0 1.2em;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:540px;font-size:14.6px}
caption{caption-side:bottom;padding:11px 16px;font-size:12.4px;color:var(--dim);text-align:left;border-top:1px solid var(--line)}
th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
thead th{background:var(--ink);color:#c3c8e6;font-size:10.8px;font-weight:800;letter-spacing:.1em;
text-transform:uppercase;white-space:nowrap;border-bottom:0}
tbody th{color:var(--ink);font-weight:700;white-space:nowrap}
tbody tr:last-child>*{border-bottom:0}
tbody tr.flash{background:var(--grapeL)}
tbody tr:hover{background:var(--paper)}
td strong{color:var(--grape2)}
.num{font-variant-numeric:tabular-nums;white-space:nowrap}

/* ---------- listas marcadas ---------- */
.plus,.minus{list-style:none;padding:0;margin:0 0 1.15em}
.plus li,.minus li{position:relative;padding-left:27px;margin:.45em 0}
.plus li::before,.minus li::before{content:'';position:absolute;left:0;top:.5em;width:16px;height:16px;border-radius:5px}
.plus li::before{background:var(--mint)}
.minus li::before{background:var(--rose)}
.plus li::after{content:'';position:absolute;left:4.5px;top:.72em;width:7px;height:3.2px;
border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.minus li::after{content:'';position:absolute;left:7.2px;top:.63em;width:2px;height:9px;background:#fff;transform:rotate(45deg)}
.bullets{list-style:none;padding:0;margin:0 0 1.15em}
.bullets li{position:relative;padding-left:20px;margin:.44em 0}
.bullets li::before{content:'';position:absolute;left:1px;top:.76em;width:7px;height:7px;border-radius:2px;
background:var(--grape);transform:rotate(45deg)}

/* ---------- avisos ---------- */
.callout{display:grid;gap:4px;padding:16px 18px 16px 20px;border-radius:var(--r2);margin:20px 0;
background:var(--card);border:1px solid var(--line);border-left:4px solid var(--grape);font-size:14.8px}
.callout--amber{border-left-color:var(--amber);background:var(--amberL);border-color:#f1dcb2}
.callout--rose{border-left-color:var(--rose);background:var(--roseL);border-color:#f7ccd7}
.callout--mint{border-left-color:var(--mint);background:var(--mintL);border-color:#bfe9e1}
.callout__label{font-size:10.6px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--grape)}
.callout--amber .callout__label{color:#9a6403}
.callout--rose .callout__label{color:var(--rose)}
.callout--mint .callout__label{color:#077a66}
.callout p{margin:0}
.callout p+p{margin-top:.55em}

/* ---------- autoteste ---------- */
.quiz{counter-reset:qz;list-style:none;margin:0;padding:0;display:grid;gap:11px}
@media(min-width:740px){.quiz{grid-template-columns:repeat(2,minmax(0,1fr))}}
.quiz>*{min-width:0}
.quiz li{counter-increment:qz;position:relative;background:var(--card);border:1px solid var(--line);
border-radius:var(--r2);padding:16px 18px 16px 18px;margin:0;font-size:14.8px}
.quiz b{display:flex;gap:9px;color:var(--ink);margin-bottom:3px;font-size:15.4px;line-height:1.35}
.quiz b::before{content:'Q' counter(qz);flex:none;font-family:var(--mono);font-size:11px;font-weight:700;
color:var(--amber);background:var(--amberL);border-radius:5px;padding:2px 6px;line-height:1.5;height:fit-content}

/* ---------- recibo do pix ---------- */
.receipt{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);overflow:hidden}
.receipt__top{display:flex;align-items:center;gap:9px;padding:13px 18px;background:var(--ink);color:#c7ccea;
font-size:11.4px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.receipt__top s{flex:none;width:8px;height:8px;border-radius:50%;background:var(--mint);text-decoration:none}
.receipt dl{margin:0;padding:4px 18px 16px}
.receipt dl>div{display:grid;gap:2px;padding:12px 0;border-bottom:1px dashed var(--line2)}
@media(min-width:600px){.receipt dl>div{grid-template-columns:180px minmax(0,1fr);gap:16px;align-items:baseline}}
.receipt dl>div:last-child{border-bottom:0}
.receipt dt{font-family:var(--mono);font-size:12px;color:var(--grape);text-transform:uppercase;letter-spacing:.05em}
.receipt dd{margin:0;font-size:14.8px}

/* ---------- vitrine de jogos ---------- */
.rack{margin:0 0 24px}
.rack__top{display:flex;align-items:center;gap:11px;margin-bottom:11px;flex-wrap:wrap;
padding-bottom:9px;border-bottom:1px solid var(--line2)}
.rack__top h3{margin:0;font-size:17px}
.rack__top span{font-size:12.6px;color:var(--dim);margin-left:auto}
.rack__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
@media(min-width:600px){.rack__row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1000px){.rack__row{grid-template-columns:repeat(4,minmax(0,1fr))}}
.rack__row>*{min-width:0}
.tile{margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;
transition:border-color .18s,transform .18s}
.tile:hover{border-color:var(--grape);transform:translateY(-2px)}
.tile img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center 22%}
.tile figcaption{padding:10px 13px}
.tile b{display:block;font-size:14.2px;color:var(--ink);line-height:1.25}
.tile i{display:block;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.06em;
text-transform:uppercase;color:var(--mute);margin-top:2px}
.studios{display:flex;flex-wrap:wrap;gap:7px;margin:4px 0 0}
.studios span{padding:4px 11px;border-radius:var(--r1);background:var(--paper2);border:1px solid var(--line);
font-size:12px;color:var(--mute)}

/* ---------- suporte ---------- */
.desk{display:grid;gap:12px;counter-reset:dk}
@media(min-width:740px){.desk{grid-template-columns:repeat(3,minmax(0,1fr))}}
.desk>*{min-width:0}
.desk div{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);padding:17px;
display:flex;flex-direction:column}
.desk b{display:block;color:var(--ink);margin-bottom:3px;font-size:16px}
.desk p{margin:0 0 12px;font-size:13.6px;color:var(--mute)}
.desk em{display:inline-block;margin-top:auto;font-style:normal;font-size:11px;font-weight:800;
letter-spacing:.08em;text-transform:uppercase;color:var(--grape2);background:var(--grapeL);
padding:3px 9px;border-radius:5px;align-self:flex-start}

/* ---------- perguntas ---------- */
.faq{margin:0 0 20px}
.faq__cat{display:flex;align-items:center;gap:10px;margin:0 0 11px;font-size:11.4px;font-weight:800;
letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.faq__cat s{flex:1;height:1px;background:var(--line2);text-decoration:none}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);margin:0 0 9px;overflow:hidden}
.faq details[open]{border-color:var(--line2)}
.faq summary{display:flex;align-items:flex-start;gap:12px;padding:15px 17px;cursor:pointer;
list-style:none;font-weight:700;color:var(--ink);font-size:15.4px;line-height:1.45}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'\002B';margin-left:auto;flex:none;width:23px;height:23px;border-radius:6px;
background:var(--paper2);color:var(--ink);display:flex;align-items:center;justify-content:center;
font-size:15px;font-weight:700;line-height:1;transition:background .16s,color .16s}
.faq details[open] summary::after{content:'\2212';background:var(--grape);color:#fff}
.faq summary:hover::after{background:var(--line2)}
.faq details[open] summary:hover::after{background:var(--grape2)}
.faq__body{padding:0 17px 16px;font-size:14.8px}
.faq__body>*:last-child{margin-bottom:0}

/* ---------- veredito ---------- */
.verdict{background:var(--card);border:1px solid var(--line);border-radius:var(--r3);overflow:hidden}
.verdict__top{display:grid;gap:18px;padding:clamp(20px,2.6vw,28px);background:var(--ink);color:#c7ccea}
@media(min-width:660px){.verdict__top{grid-template-columns:minmax(0,1fr);align-items:center;gap:24px}}
.verdict__score{width:108px;height:108px;border-radius:var(--r3);margin:0 auto;display:flex;
flex-direction:column;align-items:center;justify-content:center;background:var(--grape);color:#fff;
border:1px solid rgba(255,255,255,.18)}
.verdict__score b{display:block;color:#fff;font-size:33px;font-weight:800;line-height:1;letter-spacing:-.04em}
.verdict__score span{display:block;font-size:10.2px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#d5cdff;margin-top:4px}
.verdict__top h3{margin:0 0 6px;color:#fff}
.verdict__top p{margin:0;font-size:14.8px;color:#b6bddf}
.bars{margin:0;padding:clamp(20px,2.6vw,28px)}
.bars>div{margin:0 0 13px}
.bars>div:last-child{margin-bottom:0}
.bars dt{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:var(--text);margin-bottom:5px}
.bars dt i{font-style:normal;font-family:var(--mono);font-size:13px;font-weight:700;color:var(--ink)}
.bars dd{margin:0;height:8px;border-radius:var(--round);background:var(--paper2);overflow:hidden}
.bars dd s{display:block;height:100%;border-radius:var(--round);background:var(--grape);text-decoration:none}
.bars dd s.warn{background:var(--amber)}
.fits{display:grid;gap:11px;padding:0 clamp(20px,2.6vw,28px) clamp(20px,2.6vw,28px)}
@media(min-width:740px){.fits{grid-template-columns:repeat(3,minmax(0,1fr))}}
.fits>*{min-width:0}
.fits div{background:var(--paper);border:1px solid var(--line);border-radius:var(--r2);padding:15px 16px}
.fits b{display:block;color:var(--ink);margin-bottom:2px;font-size:14.8px}
.fits p{margin:0;font-size:13.4px;color:var(--mute)}

/* ---------- chamada final ---------- */
.cta{margin-top:var(--gap);background:linear-gradient(135deg,var(--grape2),var(--grape) 58%,#7a63f5);
color:#e4defe;border-radius:var(--r4);padding:clamp(26px,3.6vw,46px);text-align:center}
.cta h2{color:#fff;margin-bottom:9px}
.cta h2 u{text-decoration:none;color:#ffd166}
.cta p{max-width:56ch;margin:0 auto 18px}
.cta .btns{justify-content:center;margin-bottom:4px}
.cta .btn--line{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.42)}
.cta .btn--line:hover{background:rgba(255,255,255,.2);box-shadow:inset 0 0 0 1.5px #fff;color:#fff}
.cta .btn--dark{background:#fff;color:var(--grape2)}
.cta .btn--dark:hover{background:#f0ecff;color:var(--grape2)}
.cta small{display:block;margin-top:11px;font-size:12.2px;color:#c5bcf5}

/* ---------- rodape ---------- */
.foot{margin-top:var(--gap);background:var(--ink);color:#a7aed3;padding:clamp(28px,3.6vw,46px) 0 18px}
.foot__grid{display:grid;gap:24px}
@media(min-width:760px){.foot__grid{grid-template-columns:1.8fr 1fr 1fr}}
.foot .brand b{color:#fff}
.foot .brand b i{color:#7e87b5}
.foot .brand span{background:rgba(255,255,255,.1)}
.foot h4{font-size:10.8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#7e87b5;margin-bottom:11px}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{margin:.36em 0}
.foot a{color:#c3c8e6;font-size:13.8px}
.foot a:hover{color:#fff}
.foot__note p{font-size:13.4px;color:#9aa1c7;margin:13px 0}
.foot .meta{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#b6bddf}
.foot__end{margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);display:flex;
justify-content:space-between;gap:11px;flex-wrap:wrap;font-size:12.4px;color:#7e87b5}
.foot__end p{margin:0;display:flex;align-items:center;gap:7px}

/* ---------- barra fixa e voltar ---------- */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:200;display:flex;align-items:center;gap:10px;
padding:8px 14px;padding-bottom:calc(8px + env(safe-area-inset-bottom));background:var(--card);
border-top:1px solid var(--line);box-shadow:0 -10px 24px -20px rgba(22,26,51,.7)}
.dock .btn{flex:1}
.dock span{flex:none;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
color:var(--mute);max-width:86px;line-height:1.25}
@media(min-width:920px){.dock{display:none}}
.totop{position:fixed;right:13px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:190;
width:42px;height:42px;border-radius:var(--r1);background:var(--card);border:1px solid var(--line2);
color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;
box-shadow:var(--lift1);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s,border-color .16s}
.totop.on{opacity:1;visibility:visible}
.totop:hover{border-color:var(--grape);color:var(--grape)}
@media(min-width:920px){.totop{bottom:20px;right:20px}}

/* ---------- impressao ---------- */
@media print{
 body{background:#fff;padding:0;font-size:12pt}
 .masthead,.topline,.chipnav,.rail,.dock,.totop,.btns,.cta,.gauge__pick{display:none!important}
 .layout{display:block}
 .slab,.tablewrap,.verdict,.receipt,.gauge,.tile,.kpi,.quiz li,.steps,.faq details{border:1px solid #bbb}
 .verdict__top,.receipt__top,thead th{background:#eee;color:#111}
 .verdict__score{background:#ddd;color:#111}
 .verdict__score b,.verdict__top h3,.verdict__top p{color:#111}
 h1,h2,h3,h4,strong,b,td,dd{color:#111}
 a{color:#111}
 .faq__body{display:block!important}
}