/* fgwmonterrey.com — 1win Costa Rica — hoja de estilo — rev 4460 */

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

/* ============ variables ============ */
:root{
  --paper:#fff;--tint:#f4f3f0;--tint2:#eceae5;
  --ink:#111;--ink2:#2f2f2f;--body:#3d3d3d;--mute:#6b6b6b;--faint:#9a9a9a;
  --rule:#dcdad4;--rule2:#b9b6ae;
  --red:#c8102e;--red2:#e23b52;--redsoft:#fbeaec;
  --navy:#12294a;--green:#1a7f4b;--greensoft:#eaf5ee;
  --black:#0f0f0f;--black2:#1b1b1b;
  --gut:1180px;--col:820px;
  --type:'Inter Tight',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --num:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --size:17px;--airy:clamp(38px,4.6vw,64px);--bar:52px;
  color-scheme:light;
}

/* ============ base ============ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--bar) + 18px)}
@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(--type);font-size:var(--size);line-height:1.68;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(58px + env(safe-area-inset-bottom))}
@media(min-width:900px){body{padding-bottom:0}}
body.locked2{overflow:hidden}
img,svg,video{max-width:100%;height:auto;display:block}
svg{width:20px;height:20px;flex:none}
a{color:var(--red);text-decoration:none;transition:color .14s}
a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
p{margin:0 0 1.15em}
ul,ol{margin:0 0 1.2em;padding-left:1.2em}
li{margin:.4em 0}
strong,b{color:var(--ink);font-weight:700}
em{font-style:italic}
code,kbd{font-family:var(--num);font-size:.85em;background:var(--tint);border:1px solid var(--rule);
padding:.1em .4em;color:var(--red)}
hr{border:0;height:1px;background:var(--rule);margin:30px 0}
::selection{background:rgba(200,16,46,.16)}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--type);color:var(--ink);margin:0 0 .5em;font-weight:800;line-height:1.12;letter-spacing:-.026em}
h1{font-size:clamp(32px,4.6vw,54px);line-height:1.02;letter-spacing:-.038em}
h2{font-size:clamp(24px,2.9vw,36px);letter-spacing:-.032em}
h3{font-size:clamp(18px,1.8vw,21px);font-weight:700;letter-spacing:-.014em}
h4{font-size:16.4px;font-weight:700}
.label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;
color:var(--red);margin:0 0 11px}

/* ============ estructura ============ */
.gutter{width:100%;max-width:var(--gut);margin:0 auto;padding:0 20px}
.paper{position:relative}
.spread{padding:var(--airy) 0}
.spread--tint{background:var(--tint);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.offpage{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tostory{position:absolute;left:-9999px;top:0;z-index:300;background:var(--ink);color:#fff;
font-weight:700;padding:11px 18px}
.tostory:focus{left:0}

/* ============ marcas ============ */
.stub{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:1px solid var(--rule2);
font-size:11.6px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--mute)}
.stub--red{border-color:var(--red);color:var(--red)}
.stub--green{border-color:#a9d3b9;background:var(--greensoft);color:var(--green)}
.stubs{display:flex;flex-wrap:wrap;gap:7px}
.age18{display:inline-flex;align-items:center;justify-content:center;min-width:31px;height:19px;
padding:0 6px;background:var(--red);color:#fff;font-size:11px;font-weight:800;letter-spacing:.02em}

/* ============ botones ============ */
.hit{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--type);
font-weight:800;font-size:14.6px;line-height:1;cursor:pointer;border:1px solid var(--ink);
padding:13px 24px;text-decoration:none;white-space:nowrap;letter-spacing:.01em;border-radius:0;
transition:background .14s,color .14s,border-color .14s}
.hit:hover{text-decoration:none}
.hit svg{width:16px;height:16px}
.hit--red{background:var(--red);border-color:var(--red);color:#fff}
.hit--red:hover{background:#a50d25;border-color:#a50d25;color:#fff}
.hit--ink{background:var(--ink);color:#fff}
.hit--ink:hover{background:#000;color:#fff}
.hit--hollow{background:transparent;color:var(--ink)}
.hit--hollow:hover{background:var(--ink);color:#fff}
.hit--pale{background:transparent;border-color:rgba(255,255,255,.4);color:#fff}
.hit--pale:hover{background:#fff;color:var(--ink);border-color:#fff}
.hit--big{padding:16px 30px;font-size:16px}
.hit--tiny{padding:8px 15px;font-size:12.8px}
.hit--all{width:100%}
.hits{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}

/* ============ cabecera de periodico ============ */
.strapline{background:var(--black);color:#d8d6d0;font-size:12.4px;padding:7px 0}
.strapline__in{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.strapline b{color:#fff}
.masthead{border-bottom:3px solid var(--ink);background:var(--paper)}
.masthead__in{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:16px 0 14px}
.nameplate{display:inline-flex;align-items:center;gap:14px;flex:none}
/* el logotipo es blanco: en papel va sobre una placa negra */
.nameplate img{box-sizing:content-box;height:24px;width:auto;background:var(--ink);padding:9px 13px}
.nameplate span{display:block;font-size:clamp(17px,2vw,22px);font-weight:800;letter-spacing:-.02em;
text-transform:uppercase;color:var(--ink);line-height:1.1}
.nameplate span i{display:block;font-style:normal;font-size:10.6px;font-weight:700;letter-spacing:.2em;color:var(--red);margin-top:3px}
.dateline{margin-left:auto;font-size:12.2px;color:var(--mute);text-align:right;line-height:1.45}
.dateline b{display:block;color:var(--ink);font-size:12.6px;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:700px){.dateline{display:none}}
.masthead__hits{display:flex;align-items:center;gap:8px;margin-left:auto}
@media(min-width:701px){.masthead__hits{margin-left:0}}

/* barra pegajosa de secciones */
.railbar{position:sticky;top:0;z-index:120;background:var(--paper);border-bottom:1px solid var(--ink)}
.railbar__in{display:flex;align-items:center;gap:14px;height:var(--bar)}
.railbar nav{display:none;gap:0;overflow:hidden}
@media(min-width:1000px){.railbar nav{display:flex}}
.railbar nav a{padding:6px 0;margin-right:20px;font-size:12.4px;font-weight:700;text-transform:uppercase;
letter-spacing:.09em;color:var(--ink2);white-space:nowrap}
.railbar nav a:hover{color:var(--red);text-decoration:none}
.railbar__read{margin-left:auto;font-family:var(--num);font-size:11.6px;letter-spacing:.06em;color:var(--faint);
white-space:nowrap;font-variant-numeric:tabular-nums}
.railbar__read b{color:var(--red);font-weight:700}
.grip{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:38px;height:32px;
padding:0 7px;background:transparent;border:1px solid var(--ink);cursor:pointer}
@media(min-width:1000px){.grip{display:none}}
.grip i{display:block;height:2px;background:var(--ink);transition:transform .2s,opacity .18s}
body.locked2 .grip i:nth-child(1){transform:translateY(6px) rotate(45deg)}
body.locked2 .grip i:nth-child(2){opacity:0}
body.locked2 .grip i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* despliegue movil */
.foldout{position:fixed;inset:var(--bar) 0 0;z-index:110;background:var(--paper);padding:14px 0 40px;
overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .16s,visibility .16s}
body.locked2 .foldout{opacity:1;visibility:visible}
.foldout a{display:flex;align-items:baseline;gap:13px;padding:12px 2px;border-bottom:1px solid var(--rule);
color:var(--ink);font-weight:700;font-size:15.4px}
.foldout a em{font-style:normal;font-family:var(--num);font-size:11.4px;color:var(--red);min-width:24px}
.foldout a:hover{color:var(--red);text-decoration:none}
.foldout__part{margin:18px 0 2px;font-size:10.8px;font-weight:800;letter-spacing:.2em;
text-transform:uppercase;color:var(--faint)}
.foldout__hit{margin-top:18px;border-bottom:0!important;justify-content:center}
@media(min-width:1000px){.foldout{display:none}}

/* ============ portada ============ */
.headline{padding:clamp(26px,3.4vw,44px) 0 0}
.headline__grid{max-width:960px}
.headline h1 span{color:var(--red)}
.standfirst{font-size:clamp(17px,1.5vw,20px);color:var(--ink2);max-width:62ch;line-height:1.56}
.byline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 1.1em;padding-bottom:12px;
border-bottom:1px solid var(--rule);font-size:12.2px;color:var(--mute)}
.byline b{color:var(--ink);text-transform:uppercase;letter-spacing:.1em;font-size:11.4px}
.headline__fine{font-size:12.4px;color:var(--faint);margin:0}

/* ilustracion */
.artwork{margin:clamp(22px,2.8vw,34px) 0 0;border-top:1px solid var(--ink);padding-top:14px}
.artwork img{width:100%;height:auto}
.artwork figcaption{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;margin-top:10px;
padding-top:9px;border-top:1px solid var(--rule);font-size:12.4px;color:var(--mute)}
.artwork figcaption b{color:var(--red);text-transform:uppercase;letter-spacing:.1em;font-size:11px;white-space:nowrap}

/* cifras clave */
.keyfigs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:clamp(24px,3vw,38px) 0 0;
border-top:3px solid var(--ink);border-bottom:1px solid var(--ink)}
@media(min-width:840px){.keyfigs{grid-template-columns:repeat(4,minmax(0,1fr))}}
.keyfigs div{padding:16px 18px;position:relative}
.keyfigs div+div::before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:1px;background:var(--rule)}
@media(max-width:839px){.keyfigs div:nth-child(odd)::before{display:none}
.keyfigs div:nth-child(n+3){border-top:1px solid var(--rule)}}
.keyfigs b{display:block;font-size:clamp(23px,2.6vw,30px);font-weight:800;color:var(--ink);
line-height:1.04;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.keyfigs span{display:block;margin-top:4px;font-size:11.8px;text-transform:uppercase;letter-spacing:.08em;color:var(--mute)}

/* ============ articulos ============ */
.article{padding:var(--airy) 0 0}
.article:last-of-type{padding-bottom:var(--airy)}
.article__body{max-width:var(--col)}
.divider{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin:0 0 16px}
.divider::after{content:'';height:1px;background:var(--ink)}
.divider span{font-family:var(--num);font-size:11.6px;font-weight:700;letter-spacing:.14em;
text-transform:uppercase;color:var(--red)}
.article h2{max-width:22ch}
.article__lead{font-size:17.4px;color:var(--ink2);margin:0 0 1.3em;max-width:64ch}
/* prosa a dos columnas, como en el papel */
.twocol{margin:0 0 1.3em}
@media(min-width:920px){.twocol{columns:2;column-gap:38px;column-rule:1px solid var(--rule)}
.twocol p{margin-top:0}}

/* ============ modulos ============ */
.brief{border-top:2px solid var(--ink);padding:14px 0 0}
.brief h3,.brief h4{margin:0 0 7px}
.brief p:last-child,.brief ul:last-child,.brief ol:last-child{margin-bottom:0}
.briefs{display:grid;gap:22px 32px;margin:0 0 1.4em}
.briefs--2{grid-template-columns:1fr}
@media(min-width:700px){.briefs--2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.briefs--3{grid-template-columns:1fr}
@media(min-width:620px){.briefs--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:960px){.briefs--3{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* registro de datos */
.register{margin:0 0 1.4em;border-top:1px solid var(--ink)}
.register>div{display:grid;grid-template-columns:1fr;gap:2px;padding:11px 0;border-bottom:1px solid var(--rule)}
@media(min-width:620px){.register>div{grid-template-columns:200px minmax(0,1fr);gap:22px;align-items:baseline}}
.register dt{font-size:11.6px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--mute)}
.register dd{margin:0;color:var(--ink);font-size:15.4px}

/* pasos numerados con sangria francesa */
.numbered{list-style:none;margin:0 0 1.4em;padding:0;counter-reset:s}
.numbered li{counter-increment:s;margin:0;padding:0 0 15px 46px;position:relative;border-bottom:1px solid var(--rule);
margin-bottom:15px}
.numbered li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.numbered li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:1px;
font-family:var(--num);font-size:14px;font-weight:700;color:var(--red)}
.numbered b{display:block;color:var(--ink);font-size:16.2px;margin-bottom:2px}
.numbered p{margin:0;font-size:15.2px;color:var(--body)}

/* incentivos */
.grants{display:grid;grid-template-columns:1fr;border-top:3px solid var(--ink);margin:0 0 1.4em}
@media(min-width:860px){.grants{grid-template-columns:repeat(3,minmax(0,1fr))}}
.grants>div{padding:18px 0;border-bottom:1px solid var(--rule)}
@media(min-width:860px){.grants>div{padding:18px 24px;border-bottom:0;border-right:1px solid var(--rule)}
.grants>div:first-child{padding-left:0}
.grants>div:last-child{border-right:0;padding-right:0}}
.grants b{display:block;font-size:clamp(28px,3.2vw,36px);font-weight:800;color:var(--red);
line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.grants h3{margin:8px 0 7px;font-size:17.2px}
.grants p{font-size:14.4px;color:var(--body);margin:0 0 12px}

/* fotos interiores */
.cut{margin:0 0 1.4em;border-top:1px solid var(--ink);padding-top:12px}
.cut img{width:100%}
.cut figcaption{margin-top:9px;padding-top:8px;border-top:1px solid var(--rule);font-size:12.4px;color:var(--mute)}

/* ============ listado de juegos ============ */
.gamelist{margin:0 0 24px}
.gamelist__head{display:flex;align-items:baseline;gap:12px;padding-bottom:8px;border-bottom:2px solid var(--ink);margin-bottom:0}
.gamelist__head h3{margin:0;font-size:15.4px;text-transform:uppercase;letter-spacing:.06em}
.gamelist__head span{margin-left:auto;font-family:var(--num);font-size:11.4px;color:var(--faint)}
.listing{display:grid;grid-template-columns:1fr}
@media(min-width:720px){.listing{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px}}
.listing__row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:13px;align-items:center;
padding:9px 0;border-bottom:1px solid var(--rule);margin:0}
.listing__row img{width:46px;height:46px;object-fit:cover;background:var(--tint2)}
.listing__row b{display:block;font-size:14.4px;color:var(--ink);line-height:1.25}
.listing__row small{display:block;font-size:12px;color:var(--mute)}
.listing__row i{font-style:normal;font-family:var(--num);font-size:10.8px;text-transform:uppercase;
letter-spacing:.08em;color:var(--faint);white-space:nowrap}
.credits{margin:0;font-size:13.4px;color:var(--body)}
.credits b{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;
color:var(--red);margin-bottom:5px}

/* listas */
.ticked{list-style:none;padding:0;margin:0 0 1.3em}
.ticked li{position:relative;padding-left:25px;margin:.5em 0}
.ticked li::before{content:'';position:absolute;left:1px;top:.6em;width:8px;height:4px;
border-left:2px solid var(--green);border-bottom:2px solid var(--green);transform:rotate(-45deg)}
.hyphens{list-style:none;padding:0;margin:0 0 1.3em}
.hyphens li{position:relative;padding-left:22px;margin:.5em 0}
.hyphens li::before{content:'';position:absolute;left:0;top:.84em;width:12px;height:2px;background:var(--red)}

/* recuadros */
.boxout{padding:15px 18px;margin:0 0 1.4em;font-size:14.8px;background:var(--tint);
border-top:2px solid var(--ink);border-bottom:1px solid var(--rule);display:flex;gap:13px}
.boxout--alert{background:var(--redsoft);border-top-color:var(--red)}
.boxout--note{background:var(--greensoft);border-top-color:var(--green)}
.boxout svg{width:18px;height:18px;color:var(--ink);margin-top:3px}
.boxout--alert svg{color:var(--red)}
.boxout--note svg{color:var(--green)}
.boxout p:last-child{margin-bottom:0}

/* tablas de periodico */
.tabulate{overflow-x:auto;margin:0 0 1.4em;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:14.8px}
caption{caption-side:bottom;padding:9px 0 0;font-size:12.2px;color:var(--faint);text-align:left}
th,td{padding:10px 14px 10px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--rule)}
thead th{border-bottom:2px solid var(--ink);font-size:11px;font-weight:800;text-transform:uppercase;
letter-spacing:.11em;color:var(--ink);white-space:nowrap;padding-top:0}
tbody tr:last-child td{border-bottom:1px solid var(--ink)}
td:first-child{color:var(--ink);font-weight:700}
.digit{font-family:var(--num);font-size:13.6px;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}

/* ventanilla */
.cashier{display:grid;gap:0;margin:0 0 1.3em;border-top:1px solid var(--ink)}
@media(min-width:720px){.cashier{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px}}
.cashier>div{padding:12px 0;border-bottom:1px solid var(--rule)}
.cashier b{display:flex;align-items:baseline;gap:9px;color:var(--ink);font-size:15.2px}
.cashier b::before{content:'';width:9px;height:9px;background:var(--red);flex:none}
.cashier small{display:block;font-size:13.2px;color:var(--body);line-height:1.55;margin-top:3px;padding-left:18px}

/* mostrador */
.contacts{display:grid;gap:0;margin:0 0 1.3em;border-top:2px solid var(--ink)}
@media(min-width:760px){.contacts{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px}}
.contacts>div{padding:14px 0;border-bottom:1px solid var(--rule)}
.contacts b{display:block;color:var(--ink);font-size:15.6px;margin-bottom:4px}
.contacts span{display:block;font-size:13.6px;color:var(--body)}
.contacts em{display:block;margin-top:8px;font-style:normal;font-family:var(--num);font-size:11px;
text-transform:uppercase;letter-spacing:.09em;color:var(--red)}

/* preguntas a dos columnas, sin desplegables */
.qanda{margin:0 0 1.3em;border-top:2px solid var(--ink);padding-top:16px;counter-reset:q}
@media(min-width:920px){.qanda{columns:2;column-gap:38px;column-rule:1px solid var(--rule)}}
.qanda>div{counter-increment:q;break-inside:avoid;margin:0 0 16px;padding-bottom:15px;border-bottom:1px solid var(--rule)}
.qanda h3{display:flex;gap:10px;margin:0 0 6px;font-size:15.8px;line-height:1.35}
.qanda h3::before{content:counter(q,decimal-leading-zero);flex:none;font-family:var(--num);font-size:11.4px;
font-weight:700;color:var(--red);padding-top:3px}
.qanda p{margin:0;font-size:14.6px;padding-left:30px}

/* sentencia */
.verdictbox{border-top:3px solid var(--ink);margin:0 0 1.3em}
.verdictbox__top{display:grid;gap:18px;padding:20px 0;border-bottom:1px solid var(--rule)}
@media(min-width:660px){.verdictbox__top{grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center}}
.stampmark{flex:none;width:126px;padding:12px 8px;text-align:center;border:2px solid var(--red);
outline:1px solid var(--red);outline-offset:3px;transform:rotate(-3deg);margin:6px auto}
.stampmark b{display:block;font-size:36px;font-weight:800;color:var(--red);line-height:1;letter-spacing:-.04em}
.stampmark span{display:block;font-family:var(--num);font-size:10px;text-transform:uppercase;
letter-spacing:.14em;color:var(--red);margin-top:5px}
.verdictbox__say h3{margin:0 0 6px}
.verdictbox__say p{margin:0;font-size:15px}
.scoretable{width:100%;min-width:0;border-collapse:collapse;margin:0 0 4px}
.scoretable td{padding:9px 0;border-bottom:1px solid var(--rule);vertical-align:middle}
.scoretable td:first-child{font-weight:600;color:var(--body);width:44%}
.scoretable td:nth-child(2){width:auto;padding:9px 16px}
.scoretable td:last-child{text-align:right;width:56px;font-family:var(--num);font-weight:700;color:var(--ink)}
.scoretable u{display:block;height:9px;background:var(--ink);text-decoration:none;
transform-origin:left;animation:stretch .8s cubic-bezier(.2,.8,.3,1) both}
@keyframes stretch{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.weigh2{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--ink)}
@media(min-width:700px){.weigh2{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px}}
.weigh2>div{padding:16px 0}
.weigh2 h4{margin:0 0 9px;font-size:11.4px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}
.weigh2 ul{list-style:none;margin:0;padding:0;font-size:14.4px}
.weigh2 li{position:relative;padding-left:22px;margin:.45em 0}
.weigh2 li::before{position:absolute;left:0;top:-1px;font-weight:800;font-size:15px}
.forand h4{color:var(--green)}
.forand li::before{content:'+';color:var(--green)}
.against h4{color:var(--red)}
.against li::before{content:'\2212';color:var(--red)}

/* aparicion */
.js .settle{opacity:0;transform:translateY(10px)}
.js .settle.ready{opacity:1;transform:none;transition:opacity .48s ease,transform .48s ease}
@media (prefers-reduced-motion:reduce){.js .settle{opacity:1;transform:none}}

/* cierre */
.sendoff{padding:var(--airy) 0}
.sendoff__box{background:var(--black);color:#d2d0ca;padding:clamp(26px,3.4vw,46px);text-align:center;
max-width:860px;margin:0 auto;border-top:4px solid var(--red)}
.sendoff h2{color:#fff;margin-bottom:11px}
.sendoff .label{color:var(--red2)}
.sendoff p{color:#b6b4ae}
.sendoff .hits{justify-content:center;margin-bottom:8px}
.sendoff small{display:block;font-size:12.4px;color:#87857f}

/* ============ colofon ============ */
.colophon{background:var(--black2);color:#9d9b95;padding:clamp(30px,3.6vw,48px) 0 20px;font-size:13.8px;
border-top:3px solid var(--red)}
.colophon__cols{display:grid;gap:26px;grid-template-columns:1fr}
@media(min-width:820px){.colophon__cols{grid-template-columns:1.7fr 1fr 1fr}}
.colophon h4{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:#7c7a74;margin-bottom:12px}
.colophon ul{list-style:none;margin:0;padding:0}
.colophon li{margin:.4em 0}
.colophon a{color:#c3c1bb;font-size:13.6px}
.colophon a:hover{color:#fff}
.colophon__who .nameplate span{color:#fff}
.colophon__who .nameplate img{background:#fff;padding:8px 12px;filter:invert(1)}
.colophon__who p{font-size:13.2px;color:#93918b;margin:13px 0}
.colophon .stub{border-color:rgba(255,255,255,.22);color:#93918b}
.colophon__end{margin-top:24px;padding-top:17px;border-top:1px solid rgba(255,255,255,.14);display:flex;
justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:12.2px;color:#84827c}
.colophon__end p{margin:0}
.colophon__end span{display:inline-flex;align-items:center;gap:8px}

/* barra movil */
.footbar{position:fixed;left:0;right:0;bottom:0;z-index:130;display:flex;gap:9px;padding:8px 13px;
padding-bottom:calc(8px + env(safe-area-inset-bottom));background:var(--paper);border-top:2px solid var(--ink)}
.footbar .hit{flex:1;padding:12px 10px;font-size:13.6px}
@media(min-width:900px){.footbar{display:none}}

/* volver arriba */
.hoist{position:fixed;right:15px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:125;
width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--paper);
border:1px solid var(--ink);color:var(--ink);cursor:pointer;opacity:0;visibility:hidden;transition:.18s}
.hoist.ready{opacity:1;visibility:visible}
.hoist:hover{background:var(--ink);color:#fff}
@media(min-width:900px){.hoist{bottom:20px;right:20px}}

/* impresion */
@media print{
 body{padding:0}
 .strapline,.railbar,.foldout,.footbar,.hoist,.hits,.sendoff{display:none!important}
 .masthead{border-bottom-width:2px}
 .twocol,.qanda{columns:1}
 .colophon{background:#fff;color:#333;border-top-color:#333}
 .colophon a{color:#333}
 a{color:#111;text-decoration:underline}
}