/* evanotariopardo.com — 1win Costa Rica — hoja de estilo — tirada 3118 */

/* === tipografia === */
@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}

/* === paleta === */
:root{
  --paper:#fbf7f4;--paper2:#f3ece7;--paper3:#e9dfd8;
  --rule:#e2d8d1;--rule2:#c9bcb3;
  --ink:#1f1a2c;--ink2:#3b3350;--body:#4a4458;--soft:#6e667f;--faint:#968da6;
  --rosa:#d81e5b;--rosaDeep:#a81244;--rosaSoft:#fbe4ec;
  --tinta:#2b3a8f;--tintaDeep:#1d2a6e;--tintaSoft:#e6e9f8;
  --oro:#b8861f;--oroSoft:#f7eeda;
  --frame:1180px;--folio:150px;
  --ui:'Inter Tight',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --fs:17px;--air:clamp(46px,5.4vw,80px);--capH:60px;
  color-scheme:light;
}

/* === base === */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--capH) + 26px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
body{margin:0;font-family:var(--ui);font-size:var(--fs);line-height:1.74;color:var(--body);
background:var(--paper);-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:78px}}
img,svg,video{max-width:100%;height:auto;display:block}
svg{width:20px;height:20px;flex:none}
a{color:var(--tintaDeep);text-decoration:none;transition:color .15s}
a:hover{color:var(--rosa);text-decoration:underline;text-underline-offset:3px}
p{margin:0 0 1.15em}
ul,ol{margin:0 0 1.2em;padding-left:1.15em}
li{margin:.46em 0}
strong,b{color:var(--ink);font-weight:700}
em{font-style:italic}
code,kbd{font-family:var(--mono);font-size:.84em;background:var(--paper2);padding:.12em .42em;color:var(--ink)}
hr{border:0;height:1px;background:var(--rule);margin:30px 0}
::selection{background:var(--rosaSoft)}
:focus-visible{outline:2px solid var(--rosa);outline-offset:3px}
h1,h2,h3,h4{color:var(--ink);margin:0 0 .5em;font-weight:800;line-height:1.14;letter-spacing:-.03em}
h1{font-size:clamp(34px,5.6vw,66px);line-height:1;letter-spacing:-.045em}
h2{font-size:clamp(25px,3vw,38px);letter-spacing:-.035em}
h3{font-size:clamp(17.5px,1.7vw,20.5px);font-weight:700;letter-spacing:-.024em}
h4{font-size:15.6px;font-weight:700}
.kicker{display:block;font-family:var(--mono);font-size:10.6px;font-weight:700;text-transform:uppercase;
letter-spacing:.24em;color:var(--rosa);margin:0 0 14px}
.kicker--tinta{color:var(--tinta)}

/* === estructura === */
.frame{width:100%;max-width:var(--frame);margin:0 auto;padding:0 22px}
.hush{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skipto{position:absolute;left:-9999px;top:0;z-index:300;background:var(--ink);color:var(--paper);font-weight:700;padding:12px 20px}
.skipto:focus{left:0}

/* === sellos y botones === */
.stamp{display:inline-flex;align-items:center;gap:7px;padding:3px 10px;border:1px solid var(--rule2);
font-family:var(--mono);font-size:10.4px;font-weight:700;text-transform:uppercase;letter-spacing:.11em;
color:var(--soft);background:transparent}
.stamp--rosa{border-color:var(--rosa);color:var(--rosaDeep);background:var(--rosaSoft)}
.stamp--tinta{border-color:#b7bfe4;color:var(--tintaDeep);background:var(--tintaSoft)}
.stamp--oro{border-color:#e0c789;color:var(--oro);background:var(--oroSoft)}
.stamps{display:flex;flex-wrap:wrap;gap:8px}
.adult{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:20px;padding:0 6px;
background:var(--rosa);color:#fff;font-family:var(--mono);font-size:10.4px;font-weight:700}
.push{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--ui);
font-weight:700;font-size:15px;line-height:1;cursor:pointer;border:2px solid transparent;padding:14px 26px;
text-decoration:none;white-space:nowrap;transition:background .16s,color .16s,border-color .16s,box-shadow .16s}
.push:hover{text-decoration:none}
.push svg{width:16px;height:16px}
.push--rosa{background:var(--rosa);border-color:var(--rosa);color:#fff;box-shadow:5px 5px 0 var(--ink)}
.push--rosa:hover{background:var(--rosaDeep);border-color:var(--rosaDeep);color:#fff;box-shadow:2px 2px 0 var(--ink)}
.push--ink{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.push--ink:hover{background:var(--tintaDeep);border-color:var(--tintaDeep);color:#fff}
.push--rule{background:transparent;border-color:var(--ink);color:var(--ink)}
.push--rule:hover{background:var(--ink);color:var(--paper)}
.push--pale{background:transparent;border-color:rgba(251,247,244,.5);color:var(--paper)}
.push--pale:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.push--big{padding:17px 32px;font-size:16px}
.push--wee{padding:9px 15px;font-size:13px;box-shadow:none}
.push--wee.push--rosa{box-shadow:3px 3px 0 var(--ink)}
.pushes{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0}

/* === franja legal === */
.notice{background:var(--ink);color:#cfc8dd;font-size:12.4px;padding:9px 0}
.notice__in{display:flex;align-items:center;justify-content:center;gap:11px;flex-wrap:wrap;text-align:center}
.notice b{color:#fff;font-weight:700}

/* === cabecera === */
.cap{position:sticky;top:0;z-index:150;background:rgba(251,247,244,.94);
backdrop-filter:saturate(160%) blur(10px);-webkit-backdrop-filter:saturate(160%) blur(10px);
border-bottom:2px solid var(--ink)}
.cap__in{display:flex;align-items:center;gap:16px;height:var(--capH)}
.sign{display:inline-flex;align-items:center;gap:13px;flex:none}
.sign img{box-sizing:content-box;height:18px;width:auto;background:var(--ink);padding:9px 12px}
.sign span{display:none;font-family:var(--mono);font-size:10.4px;font-weight:700;text-transform:uppercase;
letter-spacing:.16em;color:var(--ink)}
@media(min-width:680px){.sign span{display:inline}}
.cap__acts{display:flex;align-items:center;gap:10px;margin-left:auto}
.cap__acts .push--rule{display:none}
@media(min-width:560px){.cap__acts .push--rule{display:inline-flex}}

/* === portada === */
.cover{padding:clamp(34px,4.6vw,66px) 0 0}
.cover h1{max-width:16ch}
.cover h1 u{text-decoration:none;color:var(--rosa)}
.cover__top{display:grid;gap:clamp(20px,3vw,40px);grid-template-columns:minmax(0,1fr);align-items:end;
padding-bottom:clamp(22px,2.6vw,34px);border-bottom:3px solid var(--ink)}
@media(min-width:900px){.cover__top{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}
.cover__say{font-size:clamp(16px,1.35vw,18.6px);color:var(--soft);max-width:52ch;margin:0}
.cover__say + .pushes{margin-bottom:6px}
.cover__fine{margin:0;font-size:12.4px;color:var(--faint);display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.band{margin:clamp(20px,2.6vw,30px) 0 0;position:relative}
.band img{width:100%;aspect-ratio:1200/560;object-fit:cover;object-position:center 42%}
.band figcaption{position:absolute;left:0;bottom:0;display:flex;gap:10px;align-items:center;
background:var(--ink);color:var(--paper);padding:8px 15px;font-family:var(--mono);font-size:10.4px;
text-transform:uppercase;letter-spacing:.13em}
.band figcaption b{color:var(--rosa)}
/* cifras en una sola linea */
.figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:clamp(22px,2.6vw,34px) 0 0;
border-top:1px solid var(--rule2)}
@media(min-width:840px){.figures{grid-template-columns:repeat(4,minmax(0,1fr))}}
.figures div{padding:18px 0;border-bottom:1px solid var(--rule)}
@media(min-width:840px){.figures div{border-bottom:0;padding-right:24px}}
.figures b{display:block;font-size:clamp(26px,3vw,38px);font-weight:800;color:var(--ink);
letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums}
.figures b i{font-style:normal;color:var(--rosa)}
.figures span{display:block;margin-top:7px;font-family:var(--mono);font-size:10.2px;color:var(--faint);
text-transform:uppercase;letter-spacing:.11em;line-height:1.5}

/* === sumario === */
.summary{padding:var(--air) 0 0}
.summary__head{display:flex;align-items:baseline;gap:14px;padding-bottom:9px;border-bottom:2px solid var(--ink);margin-bottom:6px}
.summary__head h2{margin:0;font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.24em}
.summary__head span{margin-left:auto;font-family:var(--mono);font-size:10.6px;color:var(--faint)}
.summary ol{list-style:none;margin:0;padding:0;counter-reset:sm;
display:grid;grid-template-columns:minmax(0,1fr);gap:0 44px}
@media(min-width:660px){.summary ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1020px){.summary ol{grid-template-columns:repeat(3,minmax(0,1fr))}}
.summary li{counter-increment:sm;margin:0}
.summary a{display:flex;align-items:baseline;gap:12px;padding:10px 0;font-size:14.6px;font-weight:600;
color:var(--body);border-bottom:1px solid var(--rule);line-height:1.4}
.summary a::before{content:counter(sm,decimal-leading-zero);flex:none;font-family:var(--mono);
font-size:10.6px;font-weight:700;color:var(--rosa)}
.summary a::after{content:'';flex:1;border-bottom:1px dotted var(--rule2);transform:translateY(-4px)}
.summary a:hover{color:var(--ink);text-decoration:none}

/* === capitulos: folio lateral + cuerpo === */
.part{padding:var(--air) 0 0;scroll-margin-top:calc(var(--capH) + 24px)}
.part__in{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
@media(min-width:1000px){.part__in{grid-template-columns:var(--folio) minmax(0,1fr);gap:46px}}
.folio{display:flex;align-items:baseline;gap:14px;border-top:3px solid var(--ink);padding-top:12px}
@media(min-width:1000px){.folio{position:sticky;top:calc(var(--capH) + 28px);display:block;
align-self:start;border-top:3px solid var(--ink);padding-top:14px}}
.folio b{display:block;font-family:var(--mono);font-size:clamp(30px,3.4vw,42px);font-weight:700;
color:var(--rosa);line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.folio span{display:block;font-family:var(--mono);font-size:10.2px;font-weight:700;text-transform:uppercase;
letter-spacing:.17em;color:var(--faint);margin-top:0}
@media(min-width:1000px){.folio span{margin-top:12px;line-height:1.7}}
.part__body>h2{margin-top:-6px}
.lede{font-size:17.4px;color:var(--soft);margin:0 0 1.4em;max-width:62ch}
.part__body>*:last-child{margin-bottom:0}

/* === bloques de texto === */
.plate{background:var(--paper2);padding:22px 24px}
.plate h3,.plate h4{margin-top:0}
.plate p:last-child,.plate ul:last-child,.plate ol:last-child{margin-bottom:0}
.pair{display:grid;gap:18px;grid-template-columns:minmax(0,1fr);margin:0 0 1.5em}
@media(min-width:760px){.pair{grid-template-columns:repeat(2,minmax(0,1fr))}}
.trio{display:grid;gap:18px;grid-template-columns:minmax(0,1fr);margin:0 0 1.5em}
@media(min-width:620px){.trio{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.trio{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ficha de datos */
.record{margin:0 0 1.5em;display:grid;grid-template-columns:minmax(0,1fr)}
@media(min-width:920px){.record{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}}
.record>div{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;padding:11px 0;border-bottom:1px solid var(--rule)}
@media(min-width:540px){.record>div{grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:baseline}}
.record dt{font-family:var(--mono);font-size:10.2px;font-weight:700;text-transform:uppercase;
letter-spacing:.11em;color:var(--faint)}
.record dd{margin:0;color:var(--ink);font-size:15.2px;line-height:1.56}

/* pasos: numero colgado sobre regla */
.rundown{list-style:none;margin:0 0 1.6em;padding:0;counter-reset:rd;display:grid;gap:24px 40px;
grid-template-columns:minmax(0,1fr)}
@media(min-width:720px){.rundown{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rundown li{counter-increment:rd;margin:0;padding-top:12px;border-top:2px solid var(--ink)}
.rundown li::before{content:'Paso ' counter(rd,decimal-leading-zero);display:block;font-family:var(--mono);
font-size:10.2px;font-weight:700;text-transform:uppercase;letter-spacing:.17em;color:var(--rosa);margin-bottom:7px}
.rundown b{display:block;color:var(--ink);font-size:16.4px;font-weight:700;letter-spacing:-.022em;margin-bottom:4px}
.rundown p{margin:0;font-size:14.6px;color:var(--soft)}

/* avisos con barra lateral */
.bulletin{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin:0 0 1.6em;padding:16px 20px;
background:var(--paper2);border-left:5px solid var(--rosa)}
.bulletin__tag{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:10.2px;
font-weight:700;text-transform:uppercase;letter-spacing:.17em;color:var(--rosaDeep)}
.bulletin__tag svg{width:16px;height:16px}
.bulletin p{margin:0;font-size:15.2px}
.bulletin--tinta{border-left-color:var(--tinta);background:var(--tintaSoft)}
.bulletin--tinta .bulletin__tag{color:var(--tintaDeep)}
.bulletin--oro{border-left-color:var(--oro);background:var(--oroSoft)}
.bulletin--oro .bulletin__tag{color:var(--oro)}

/* gratificaciones: columnas separadas por filete */
.awards{display:grid;grid-template-columns:minmax(0,1fr);margin:0 0 1.7em;border-top:2px solid var(--ink)}
@media(min-width:860px){.awards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.award{padding:20px 0 22px;border-bottom:1px solid var(--rule)}
@media(min-width:860px){.award{padding:20px 26px 22px;border-bottom:0;border-right:1px solid var(--rule)}
.award:first-child{padding-left:0}
.award:last-child{padding-right:0;border-right:0}}
.award__num{display:flex;align-items:baseline;gap:9px;margin-bottom:11px}
.award__num b{font-size:clamp(34px,4vw,48px);font-weight:800;color:var(--rosa);line-height:.9;
letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.award--b .award__num b{color:var(--tinta)}
.award--c .award__num b{color:var(--oro)}
.award__num span{font-family:var(--mono);font-size:10.2px;font-weight:700;text-transform:uppercase;
letter-spacing:.15em;color:var(--faint)}
.award h3{margin:0 0 7px;font-size:17px}
.award p{font-size:14.6px;color:var(--soft);margin:0 0 14px}
.award .stamps{margin-top:auto}

/* imagenes de capitulo */
.plateshot{margin:0 0 1.6em}
.plateshot img{width:100%}
.plateshot figcaption{display:flex;gap:12px;align-items:baseline;margin-top:10px;padding-top:9px;
border-top:1px solid var(--rule);font-size:13px;color:var(--faint)}
.plateshot figcaption b{flex:none;font-family:var(--mono);font-size:10.2px;font-weight:700;
text-transform:uppercase;letter-spacing:.15em;color:var(--rosa)}

/* tablas */
.ledger{overflow-x:auto;margin:0 0 1.6em;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:540px;font-size:15px}
caption{caption-side:bottom;padding:11px 0 0;font-size:12.6px;color:var(--faint);text-align:left}
th,td{padding:12px 16px 12px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--rule)}
thead th{font-family:var(--mono);font-size:10.2px;font-weight:700;text-transform:uppercase;
letter-spacing:.13em;color:var(--faint);white-space:nowrap;border-bottom:2px solid var(--ink);padding-bottom:9px}
tbody tr:hover{background:var(--paper2)}
td:first-child{font-weight:700;color:var(--ink)}
.cifra{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink);font-weight:700}
.cifra--rosa{color:var(--rosa)}
tr.first td{background:var(--rosaSoft)}
tr.first:hover td{background:var(--rosaSoft)}

/* caja: recibo de metodos */
.receipt{margin:0 0 1.7em;border-top:2px solid var(--ink)}
.receipt__row{display:grid;grid-template-columns:minmax(0,1fr);gap:4px 20px;padding:16px 0;
border-bottom:1px solid var(--rule)}
@media(min-width:780px){.receipt__row{grid-template-columns:52px 186px minmax(0,1fr) 92px;align-items:baseline}}
.receipt__row i{font-family:var(--mono);font-style:normal;font-size:11px;font-weight:700;color:var(--rosa);
letter-spacing:.06em}
.receipt__row b{color:var(--ink);font-size:15.6px;letter-spacing:-.02em}
.receipt__row small{font-size:13.6px;color:var(--soft);line-height:1.6}
.receipt__row em{font-style:normal;font-family:var(--mono);font-size:11.6px;font-weight:700;color:var(--ink);
white-space:nowrap}
@media(min-width:780px){.receipt__row em{text-align:right}}

/* juegos: rejilla de fichas */
.reelhead{display:flex;align-items:baseline;gap:12px;margin:0 0 15px;padding-bottom:8px;border-bottom:2px solid var(--ink)}
.reelhead h3{margin:0;font-size:16.4px}
.reelhead span{margin-left:auto;font-family:var(--mono);font-size:10.4px;color:var(--faint);
text-transform:uppercase;letter-spacing:.13em}
.reel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;margin:0 0 30px;padding:0;list-style:none}
@media(min-width:620px){.reel{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1000px){.reel{grid-template-columns:repeat(5,minmax(0,1fr))}}
.reel li{margin:0}
.reel img{width:100%;aspect-ratio:240/327;object-fit:cover;border:1px solid var(--rule2);
transition:border-color .18s,transform .18s}
.reel li:hover img{border-color:var(--rosa);transform:translateY(-3px)}
.reel b{display:block;margin-top:9px;font-size:13.4px;color:var(--ink);line-height:1.3;letter-spacing:-.02em}
.reel small{display:block;margin-top:2px;font-family:var(--mono);font-size:9.6px;color:var(--faint);
text-transform:uppercase;letter-spacing:.1em}
.makers{margin:0;padding:16px 0 0;border-top:2px solid var(--ink);font-size:13.8px;color:var(--soft)}
.makers b{display:block;font-family:var(--mono);font-size:10.2px;font-weight:700;text-transform:uppercase;
letter-spacing:.17em;color:var(--rosa);margin-bottom:6px}

/* listas marcadas */
.yes,.no,.dash{list-style:none;padding:0;margin:0 0 1.35em}
.yes li,.no li,.dash li{position:relative;padding-left:26px;margin:.55em 0}
.yes li::before{content:'';position:absolute;left:1px;top:.58em;width:9px;height:5px;
border-left:2px solid var(--tinta);border-bottom:2px solid var(--tinta);transform:rotate(-45deg)}
.no li::before{content:'\00d7';position:absolute;left:0;top:-1px;color:var(--rosa);font-size:16px;font-weight:700}
.dash li::before{content:'';position:absolute;left:0;top:.86em;width:13px;height:2px;background:var(--faint)}

/* atencion */
.desks{display:grid;gap:0;grid-template-columns:minmax(0,1fr);margin:0 0 1.5em;border-top:2px solid var(--ink)}
@media(min-width:760px){.desks{grid-template-columns:repeat(3,minmax(0,1fr))}}
.desk{padding:18px 0;border-bottom:1px solid var(--rule)}
@media(min-width:760px){.desk{padding:18px 24px;border-bottom:0;border-right:1px solid var(--rule)}
.desk:first-child{padding-left:0}
.desk:last-child{padding-right:0;border-right:0}}
.desk b{display:block;color:var(--ink);font-size:16.4px;margin:11px 0 5px;letter-spacing:-.022em}
.desk span{display:block;font-size:13.8px;color:var(--soft)}

/* respuestas rapidas: P / R colgadas */
.query{display:grid;grid-template-columns:minmax(0,1fr);gap:0 46px;margin:0 0 1.5em}
@media(min-width:900px){.query{grid-template-columns:repeat(2,minmax(0,1fr))}}
.query>div{padding:16px 0 18px;border-top:2px solid var(--ink)}
.query h3{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;margin:0 0 8px;font-size:16.2px;line-height:1.42}
.query h3::before{content:'P';font-family:var(--mono);font-size:11.6px;font-weight:700;color:var(--rosa);padding-top:3px}
.query p{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;margin:0;font-size:14.8px;color:var(--soft)}
.query p::before{content:'R';font-family:var(--mono);font-size:11.6px;font-weight:700;color:var(--tinta);padding-top:2px}

/* conclusion */
.verdict{display:grid;gap:22px;grid-template-columns:minmax(0,1fr);margin:0 0 1.7em;
padding-bottom:26px;border-bottom:2px solid var(--ink)}
@media(min-width:760px){.verdict{grid-template-columns:auto minmax(0,1fr);gap:40px;align-items:center}}
.verdict__num{display:flex;align-items:baseline;gap:8px}
.verdict__num b{font-size:clamp(66px,9vw,104px);font-weight:800;color:var(--ink);line-height:.82;
letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.verdict__num span{font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;
letter-spacing:.15em;color:var(--rosa)}
.verdict__say h3{margin:0 0 9px;font-size:21px}
.verdict__say p{margin:0;font-size:15.4px;color:var(--soft)}
.marks{list-style:none;margin:0 0 1.7em;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;
background:var(--rule)}
@media(min-width:700px){.marks{grid-template-columns:repeat(5,minmax(0,1fr))}}
.marks li{margin:0;background:var(--paper);padding:16px 14px 18px;border-top:3px solid var(--rosa)}
.marks li:nth-child(2){border-top-color:var(--tinta)}
.marks li:nth-child(3){border-top-color:var(--oro)}
.marks li:nth-child(4){border-top-color:var(--ink)}
.marks li:nth-child(5){border-top-color:var(--rule2)}
.marks var{display:block;font-style:normal;font-size:clamp(26px,3vw,34px);font-weight:800;color:var(--ink);
line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.marks span{display:block;margin-top:9px;font-family:var(--mono);font-size:9.8px;color:var(--faint);
text-transform:uppercase;letter-spacing:.11em;line-height:1.55}
.scales{display:grid;gap:0;grid-template-columns:minmax(0,1fr)}
@media(min-width:760px){.scales{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:46px}}
.scales>div{padding:16px 0 4px;border-top:2px solid var(--ink)}
.scales h4{margin:0 0 12px;font-family:var(--mono);font-size:10.4px;font-weight:700;
text-transform:uppercase;letter-spacing:.17em}
.scales>div:first-child h4{color:var(--tinta)}
.scales>div:last-child h4{color:var(--rosa)}
.scales ul{margin:0;font-size:14.6px}
.scales li:last-child{margin-bottom:0}

/* llamada final */
.closer{padding:var(--air) 0 0}
.closer__box{background:var(--ink);color:#cfc8dd;padding:clamp(32px,4.4vw,58px) clamp(22px,3vw,44px);
position:relative;overflow:hidden}
.closer__box::after{content:'';position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;
border:26px solid rgba(216,30,91,.18);border-radius:50%}
.closer h2{color:#fff;max-width:18ch;margin-bottom:14px}
.closer .kicker{color:var(--rosa)}
.closer p{max-width:58ch;margin:0 0 4px;color:#a79fba;position:relative}
.closer small{display:block;font-size:12.4px;color:#867e99;position:relative}
.closer .pushes{position:relative;margin-bottom:12px}

/* === pie === */
.colophon{background:var(--paper2);border-top:2px solid var(--ink);color:var(--soft);
padding:clamp(34px,4vw,52px) 0 22px;font-size:14px;margin-top:var(--air)}
.colophon__cols{display:grid;gap:30px;grid-template-columns:minmax(0,1fr)}
@media(min-width:860px){.colophon__cols{grid-template-columns:1.9fr 1fr 1fr}}
.colophon h4{font-family:var(--mono);font-size:10.2px;font-weight:700;text-transform:uppercase;
letter-spacing:.17em;color:var(--rosa);margin-bottom:13px;padding-bottom:8px;border-bottom:1px solid var(--rule2)}
.colophon ul{list-style:none;margin:0;padding:0}
.colophon li{margin:.42em 0}
.colophon a{color:var(--body);font-size:13.8px}
.colophon a:hover{color:var(--rosa)}
.colophon__who p{font-size:13.2px;margin:15px 0}
.colophon__end{margin-top:28px;padding-top:18px;border-top:1px solid var(--rule2);display:flex;
justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:12.4px;color:var(--faint)}
.colophon__end p{margin:0}
.colophon__end span{display:inline-flex;align-items:center;gap:8px}

/* === dique flotante de capitulos === */
.dock{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:160;display:none;
align-items:center;gap:10px;background:var(--ink);padding:8px 12px;box-shadow:0 22px 40px -26px rgba(31,26,44,.9)}
@media(min-width:920px){.dock{display:flex}}
.dock__now{font-family:var(--mono);font-size:10.4px;font-weight:700;letter-spacing:.14em;color:var(--rosa);
white-space:nowrap;padding-right:11px;border-right:1px solid rgba(255,255,255,.16)}
.dock__list{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.dock__list li{margin:0}
.dock__list a{display:flex;align-items:center;justify-content:center;width:27px;height:26px;
font-family:var(--mono);font-size:10.4px;font-weight:700;color:#8f87a4;text-decoration:none;transition:.15s}
.dock__list a:hover{background:rgba(255,255,255,.12);color:#fff;text-decoration:none}
.dock__list a.here{background:var(--rosa);color:#fff}

/* === barra movil === */
.thumbbar{position:fixed;left:0;right:0;bottom:0;z-index:165;display:flex;gap:10px;padding:10px 14px;
padding-bottom:calc(10px + env(safe-area-inset-bottom));background:var(--paper);border-top:2px solid var(--ink)}
.thumbbar .push{flex:1;padding:13px 10px;font-size:13.6px;box-shadow:none}
@media(min-width:920px){.thumbbar{display:none}}

/* subir */
.uptop{position:fixed;right:18px;bottom:calc(80px + env(safe-area-inset-bottom));z-index:155;
width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--ink);
border:0;color:var(--paper);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s}
.uptop.seen{opacity:1;visibility:visible;transform:none}
.uptop:hover{background:var(--rosa)}
@media(min-width:920px){.uptop{bottom:78px;right:24px}}

/* === impresion === */
@media print{
 body{background:#fff;color:#111;padding:0}
 .cap,.notice,.dock,.thumbbar,.uptop,.pushes,.closer,.summary{display:none!important}
 .part__in{display:block}
 .folio{position:static;border-top:1px solid #111}
 .plate,.bulletin,.marks li,.closer__box{background:#fff}
 .bulletin{border-left:3px solid #111}
 h1,h2,h3,h4,strong,b,td,dd,var{color:#111}
 .folio b,.award__num b,.kicker,.rundown li::before{color:#111}
 a{color:#111;text-decoration:underline}
 .colophon{background:#fff}
}