/* pueblosdeentrerios.com — 1win Costa Rica — contraste 10500 */

@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}

/* ---------- base ---------- */
h4{font-size:15px;letter-spacing:-.014em;text-transform:uppercase}
small{font-size:13.2px}
code{font-family:var(--mono);font-size:.88em;background:var(--carbon3);color:var(--fucsiaClaro);
padding:2px 6px;border-radius:3px}
a:hover{color:var(--fucsiaClaro)}
figure{margin:0}
table{border-collapse:collapse;width:100%}
::selection{background:var(--fucsia);color:#fff}
:focus-visible{outline:2px solid var(--fucsia);outline-offset:3px}

/* ---------- piezas ---------- */
.etiqueta{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border:1px solid var(--linea2);
font-family:var(--mono);font-size:9.8px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;
color:var(--tenue)}
.etiqueta--fucsia{border-color:var(--fucsia);color:var(--fucsiaClaro)}
.etiqueta--oro{border-color:var(--oro);color:var(--oro)}
.etiqueta--menta{border-color:var(--menta);color:var(--menta)}
.etiquetas{display:flex;flex-wrap:wrap;gap:7px}
.boton--fucsia:hover{background:var(--fucsiaClaro);border-color:var(--fucsiaClaro)}
.boton--linea:hover{border-color:#fff;color:#fff}
.boton--blanco{background:var(--blanco);border-color:var(--blanco);color:var(--carbon)}
.boton--blanco:hover{background:#fff;border-color:#fff}

/* ---------- techo ---------- */
.bando b{color:var(--blanco)}
.techo__pos{display:none;align-items:baseline;gap:9px;margin-left:8px;font-family:var(--mono);font-size:11px;
font-weight:700;letter-spacing:.06em;color:var(--tenue)}
.techo__pos b{color:var(--fucsiaClaro)}
.techo__pos span{font-family:var(--ui);font-size:13px;font-weight:600;color:var(--blanco);letter-spacing:0;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:32ch}
@media(min-width:1040px){.techo__pos{display:flex}}
.segmentos{position:absolute;left:0;right:0;bottom:-1px;display:flex;gap:2px;padding:0 22px;height:3px}
.segmentos i{flex:1;background:var(--linea);transition:background .25s ease}
.segmentos i.hecho{background:var(--fucsia)}
@media(prefers-reduced-motion:reduce){.segmentos i{transition:none}}

/* ---------- frontal ---------- */
.frontal__lead{font-size:clamp(16px,1.35vw,18.6px);color:var(--suave);max-width:54ch;margin:0 0 6px}
.frontal__pie{margin:0;font-size:12.6px;color:var(--tenue);display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.frontal__img{position:relative;border:1px solid var(--linea2)}
.frontal__img img{width:100%;aspect-ratio:1200/655;object-fit:cover;filter:saturate(1.05)}
.frontal__img figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;
padding:11px 14px;border-top:1px solid var(--linea2);font-family:var(--mono);font-size:9.6px;
text-transform:uppercase;letter-spacing:.15em;color:var(--tenue)}
.frontal__img figcaption b{color:var(--fucsiaClaro)}
.marcadores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--linea2);
margin:clamp(30px,3.4vw,48px) 0 0}
@media(min-width:880px){.marcadores{grid-template-columns:repeat(4,minmax(0,1fr))}}
.marcador{padding:22px 0 24px;border-bottom:1px solid var(--linea2)}
.marcador+.marcador{border-left:1px solid var(--linea2);padding-left:20px}
@media(max-width:879px){.marcador:nth-child(odd){border-left:0;padding-left:0}}
.marcador b{display:block;font-size:clamp(28px,3.4vw,42px);font-weight:800;color:var(--blanco);
letter-spacing:-.05em;line-height:1}
.marcador b i{font-style:normal;color:var(--fucsia)}
.marcador span{display:block;margin-top:9px;font-family:var(--mono);font-size:9.8px;text-transform:uppercase;
letter-spacing:.14em;color:var(--tenue);line-height:1.6;max-width:24ch}

/* ---------- listado ---------- */
.listado{padding:clamp(40px,4.6vw,64px) 0 0}
.listado__cab{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;
margin:0 0 6px}
.listado__cab h2{margin:0;font-size:clamp(19px,2vw,25px)}
.listado__cab span{font-family:var(--mono);font-size:10px;font-weight:700;text-transform:uppercase;
letter-spacing:.16em;color:var(--tenue)}
.listado ol{display:grid;grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;
counter-reset:ls;border-top:2px solid var(--blanco)}
@media(min-width:680px){.listado ol{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px}}
@media(min-width:1040px){.listado ol{grid-template-columns:repeat(3,minmax(0,1fr))}}
.listado li{margin:0;counter-increment:ls}
.listado li a{display:flex;align-items:baseline;gap:12px;padding:12px 2px;font-size:14.6px;color:var(--texto);
border-bottom:1px solid var(--linea)}
.listado li a::before{content:counter(ls,decimal-leading-zero);font-family:var(--mono);font-size:10.4px;
font-weight:700;color:var(--fucsia);flex:none}
.listado li a:hover{color:var(--blanco)}

/* ---------- partes ---------- */
.parte__cab{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0 0 clamp(18px,2.2vw,26px);
padding-top:clamp(18px,2vw,26px);border-top:2px solid var(--blanco)}
@media(min-width:900px){.parte__cab{grid-template-columns:auto minmax(0,1fr);gap:26px;align-items:start}}
.parte__no{display:block;font-size:clamp(44px,5.4vw,72px);font-weight:800;line-height:.82;
letter-spacing:-.06em;color:var(--fucsia)}
.parte__cab h2{margin:0 0 9px}
.parte__cab p{margin:0;font-size:15.2px;color:var(--suave);max-width:62ch}
.parte__cuerpo{border:1px solid var(--linea2);background:var(--carbon2);padding:clamp(22px,3vw,38px)}
.parte__cuerpo>:last-child{margin-bottom:0}
.parte__cuerpo h3{margin-top:1.7em}
.parte__cuerpo>h3:first-child{margin-top:0}

/* ---------- detalle ---------- */
.detalle{display:grid;grid-template-columns:minmax(0,1fr);margin:0 0 var(--paso)}
@media(min-width:780px){.detalle{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px}}
.detalle>div{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;padding:13px 0;
border-bottom:1px solid var(--linea)}
.detalle dt{font-family:var(--mono);font-size:9.6px;font-weight:700;text-transform:uppercase;
letter-spacing:.15em;color:var(--fucsiaClaro)}
.detalle dd{margin:0;font-size:14.8px;color:var(--texto)}

/* ---------- recalco ---------- */
.recalco{margin:var(--paso) 0 0;padding:18px 20px;border-left:4px solid var(--fucsia);background:var(--carbon3)}
.recalco b{color:var(--blanco)}
.recalco p{margin:0;font-size:14.6px;color:var(--texto)}
.recalco--oro{border-left-color:var(--oro)}
.recalco--menta{border-left-color:var(--menta)}
.recalco--rojo{border-left-color:var(--rojo)}

/* ---------- andar (pasos) ---------- */
.andar{list-style:none;margin:0;padding:0;counter-reset:an;display:grid;grid-template-columns:minmax(0,1fr)}
@media(min-width:760px){.andar{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px}}
.andar li{counter-increment:an;margin:0;padding:16px 0;border-bottom:1px solid var(--linea);
display:grid;grid-template-columns:auto minmax(0,1fr);gap:15px;align-items:start}
.andar li::before{content:counter(an,decimal-leading-zero);font-family:var(--mono);font-size:12px;
font-weight:700;color:var(--fucsia);padding-top:3px}
.andar b{display:block;font-size:15.4px;color:var(--blanco);margin-bottom:2px}
.andar p{margin:0;font-size:14.2px;color:var(--suave)}

/* ---------- premios ---------- */
.premios{display:grid;grid-template-columns:minmax(0,1fr);margin:var(--paso) 0;border-top:1px solid var(--linea2)}
@media(min-width:840px){.premios{grid-template-columns:repeat(3,minmax(0,1fr))}}
.premio{padding:22px 0 24px;border-bottom:1px solid var(--linea2)}
@media(min-width:840px){.premio+.premio{border-left:1px solid var(--linea2);padding-left:24px}
.premio{padding-right:24px}}
.premio__cifra{display:block;font-size:46px;font-weight:800;line-height:1;letter-spacing:-.06em;
color:var(--fucsia)}
.premio--b .premio__cifra{color:var(--menta)}
.premio--c .premio__cifra{color:var(--oro)}
.premio__tipo{display:block;margin:10px 0 12px;font-family:var(--mono);font-size:9.6px;font-weight:700;
text-transform:uppercase;letter-spacing:.16em;color:var(--tenue)}
.premio h3{margin:0 0 8px;font-size:16.6px}
.premio p{margin:0 0 14px;font-size:14px;color:var(--texto)}

/* ---------- escala tipografica del 500% ---------- */
.escala{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:minmax(0,1fr)}
@media(min-width:720px){.escala{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;
column-gap:18px;border-bottom:2px solid var(--blanco)}}
.escala li{margin:0;padding:14px 0;border-bottom:1px solid var(--linea)}
@media(min-width:720px){.escala li{border-bottom:0;padding:0 0 16px}}
.escala__pct{display:block;font-weight:800;line-height:.82;letter-spacing:-.07em;color:var(--blanco)}
.escala li:nth-child(1) .escala__pct{font-size:clamp(46px,7vw,92px);color:var(--fucsia)}
.escala li:nth-child(2) .escala__pct{font-size:clamp(40px,5.6vw,74px)}
.escala li:nth-child(3) .escala__pct{font-size:clamp(34px,4.4vw,56px)}
.escala li:nth-child(4) .escala__pct{font-size:clamp(28px,3.2vw,40px)}
.escala__giros{display:block;margin:10px 0 6px;font-family:var(--mono);font-size:9.6px;font-weight:700;
text-transform:uppercase;letter-spacing:.14em;color:var(--fucsiaClaro)}
.escala b{display:block;font-size:14.2px;color:var(--blanco)}
.escala small{display:block;font-size:12.6px;color:var(--tenue);line-height:1.45}

/* ---------- fichas de pago ---------- */
.fichas{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0 0 var(--paso);
border-top:1px solid var(--linea2);counter-reset:fh}
@media(min-width:760px){.fichas{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}}
.ficha{counter-increment:fh;padding:18px 0;border-bottom:1px solid var(--linea)}
.ficha__alto{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}
.ficha__alto::before{content:counter(fh,decimal-leading-zero);font-family:var(--mono);font-size:10.4px;
font-weight:700;color:var(--fucsia);flex:none}
.ficha__alto b{font-size:15.6px;color:var(--blanco)}
.ficha p{margin:0 0 12px;font-size:13.8px;color:var(--suave)}
.ficha__celdas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--linea)}
.ficha__celdas span{display:block;padding:9px 11px;border-right:1px solid var(--linea)}
.ficha__celdas span:last-child{border-right:0}
.ficha__celdas small{display:block;font-family:var(--mono);font-size:8.8px;font-weight:700;
text-transform:uppercase;letter-spacing:.13em;color:var(--tenue)}
.ficha__celdas b{display:block;margin-top:3px;font-family:var(--mono);font-size:12.6px;color:var(--blanco)}

/* ---------- rejilla (tablas) ---------- */
.rejilla{overflow-x:auto;margin:0 0 var(--paso);border:1px solid var(--linea2)}
.rejilla table{min-width:520px;font-size:14.4px}
.rejilla caption{caption-side:bottom;text-align:left;padding:12px 16px;font-size:12.6px;color:var(--tenue);
border-top:1px solid var(--linea)}
.rejilla th{background:var(--carbon3);color:var(--blanco);text-align:left;font-family:var(--mono);font-size:9.8px;
font-weight:700;text-transform:uppercase;letter-spacing:.14em;padding:12px 16px}
.rejilla td{padding:13px 16px;border-top:1px solid var(--linea);color:var(--texto)}
.rejilla tbody tr:hover td{background:var(--carbon3)}
.rejilla .valor{font-family:var(--mono);font-weight:700;color:var(--fucsiaClaro)}

/* ---------- listas ---------- */
.ok,.nope,.neutro{list-style:none;margin:0 0 1.2em;padding:0}
.ok li,.nope li,.neutro li{position:relative;padding-left:26px;margin:.5em 0;font-size:14.8px}
.ok li::before,.nope li::before,.neutro li::before{position:absolute;left:0;top:0;font-family:var(--mono);
font-size:13px;font-weight:700;line-height:1.72}
.ok li::before{content:'+';color:var(--menta)}
.nope li::before{content:'\2212';color:var(--rojo)}
.neutro li::before{content:'\203A';color:var(--fucsia)}

/* ---------- columnas ---------- */
.doble,.triple{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0 0 var(--paso);
border-top:1px solid var(--linea)}
@media(min-width:780px){.doble{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px}}
@media(min-width:860px){.triple{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px}}
.bloque{padding:20px 0;border-bottom:1px solid var(--linea)}
.bloque h3,.bloque h4{margin-top:0}
.bloque>:last-child{margin-bottom:0}
.bloque p{font-size:14.6px}

/* ---------- placas ---------- */
.placa{margin:0 0 var(--paso);border:1px solid var(--linea2)}
.placa img{width:100%;aspect-ratio:1500/818;object-fit:cover}
.placa figcaption{padding:13px 16px;border-top:1px solid var(--linea2);font-size:13.2px;color:var(--suave)}
.placa figcaption b{display:block;font-family:var(--mono);font-size:9.6px;font-weight:700;
text-transform:uppercase;letter-spacing:.16em;color:var(--fucsiaClaro);margin-bottom:3px}

/* ---------- cuadros de juegos ---------- */
.linea{display:flex;align-items:baseline;gap:12px;margin:var(--paso) 0 12px;padding-bottom:9px;
border-bottom:1px solid var(--linea2)}
.linea h3{margin:0;font-size:16.6px;flex:none}
.linea span{margin-left:auto;font-family:var(--mono);font-size:9.6px;font-weight:700;text-transform:uppercase;
letter-spacing:.14em;color:var(--tenue)}
.cuadros{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:520px){.cuadros{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:780px){.cuadros{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:1040px){.cuadros{grid-template-columns:repeat(8,minmax(0,1fr))}}
.cuadro{margin:0}
.cuadro img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid var(--linea2)}
.cuadro__txt{display:block;padding:8px 1px 0}
.cuadro__txt b{display:block;font-size:12.4px;color:var(--blanco);line-height:1.25}
.cuadro__txt small{display:block;font-family:var(--mono);font-size:9.2px;text-transform:uppercase;
letter-spacing:.1em;color:var(--tenue);margin-top:2px}
.proveedores{margin:var(--paso) 0 0;padding:16px 0 0;border-top:1px solid var(--linea2);font-size:13.6px;
color:var(--suave)}
.proveedores b{display:block;font-family:var(--mono);font-size:9.6px;font-weight:700;text-transform:uppercase;
letter-spacing:.16em;color:var(--fucsiaClaro);margin-bottom:6px}

/* ---------- vias de contacto ---------- */
.vias{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0 0 var(--paso);
border-top:1px solid var(--linea2)}
@media(min-width:780px){.vias{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px}}
.via{padding:18px 0 20px;border-bottom:1px solid var(--linea)}
.via b{display:block;margin:12px 0 6px;font-size:15.4px;color:var(--blanco)}
.via>span:last-child{display:block;font-size:13.8px;color:var(--suave)}

/* ---------- respuestas ---------- */
.respuestas{margin:0;border-top:1px solid var(--linea2)}
.respuesta{padding:18px 0;border-bottom:1px solid var(--linea)}
.respuesta h3{margin:0 0 8px;font-size:15.8px;line-height:1.4;display:grid;
grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;color:var(--blanco)}
.respuesta h3::before{content:attr(data-n);font-family:var(--mono);font-size:10.4px;font-weight:700;
color:var(--fucsia);padding-top:3px}
.respuesta p{margin:0;font-size:14.4px;color:var(--texto)}
@media(min-width:900px){.respuesta p{padding-left:34px;max-width:88ch}}

/* ---------- resumen y puntos ---------- */
.resumen{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:center;margin:0 0 var(--paso);
padding:0 0 var(--paso);border-bottom:2px solid var(--blanco)}
@media(min-width:720px){.resumen{grid-template-columns:auto minmax(0,1fr);gap:32px}}
.resumen__nota{display:block;flex:none}
.resumen__nota b{display:block;font-size:clamp(66px,8vw,108px);font-weight:800;line-height:.82;
letter-spacing:-.07em;color:var(--fucsia)}
.resumen__nota span{display:block;margin-top:8px;font-family:var(--mono);font-size:9.6px;font-weight:700;
text-transform:uppercase;letter-spacing:.16em;color:var(--tenue)}
.resumen h3{margin:0 0 9px}
.resumen p{margin:0;font-size:14.8px;color:var(--texto)}

.puntos{list-style:none;margin:0 0 var(--paso);padding:0;display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
@media(min-width:760px){.puntos{grid-template-columns:repeat(5,minmax(0,1fr))}}
.punto{margin:0}
.punto__cifra{display:block;font-size:clamp(28px,3.2vw,38px);font-weight:800;line-height:1;
letter-spacing:-.05em;color:var(--blanco)}
.punto__raya{display:block;height:3px;width:0;margin:10px 0 9px;background:var(--fucsia);
transition:width .9s cubic-bezier(.22,.61,.36,1)}
.punto span{display:block;font-family:var(--mono);font-size:9.4px;text-transform:uppercase;
letter-spacing:.12em;color:var(--tenue);line-height:1.6}
@media(prefers-reduced-motion:reduce){.punto__raya{transition:none}}

.contra{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;border-top:1px solid var(--linea)}
@media(min-width:780px){.contra{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px}}
.contra>div{padding:20px 0;border-bottom:1px solid var(--linea)}
.contra h4{margin:0 0 12px;display:flex;align-items:center;gap:9px}
.contra>div:first-child h4::before{content:'';width:18px;height:3px;background:var(--menta)}
.contra>div:last-child h4::before{content:'';width:18px;height:3px;background:var(--rojo)}
.contra ul{margin:0}

/* ---------- empujon ---------- */
.empujon{padding:var(--paso) 0 clamp(40px,5vw,72px)}
.empujon__caja{border:1px solid var(--fucsia);padding:clamp(28px,4vw,56px);text-align:center;
background:var(--carbon2)}
.empujon__caja h2{margin:0 0 12px}
.empujon__caja p{margin:0 auto 6px;max-width:62ch;font-size:15.4px;color:var(--suave)}
.empujon__caja .botones{justify-content:center}
.empujon__caja small{display:block;font-size:12.4px;color:var(--tenue)}

/* ---------- piso ---------- */
.piso{border-top:1px solid var(--linea2);padding:clamp(34px,4vw,54px) 0 26px;background:var(--carbon2)}
.piso__cols{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
@media(min-width:800px){.piso__cols{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)}}
.piso__quien p{font-size:13.6px;color:var(--suave);margin:16px 0 14px;max-width:52ch}
.piso h4{margin:0 0 12px;font-size:10px;font-family:var(--mono);font-weight:700;text-transform:uppercase;
letter-spacing:.16em;color:var(--tenue)}
.piso ul{list-style:none;margin:0;padding:0}
.piso li{margin:0 0 8px}
.piso li a{font-size:13.8px;color:var(--texto)}
.piso li a:hover{color:var(--fucsiaClaro)}
.piso__fin{margin-top:28px;padding-top:18px;border-top:1px solid var(--linea);display:flex;
align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12.4px;color:var(--tenue)}
.piso__fin p{margin:0}
.piso__fin span{display:inline-flex;align-items:center;gap:8px}

/* ---------- alto (subir) ---------- */
.alto{transition:opacity .25s ease,visibility .25s ease}
.alto.vista{opacity:1;visibility:visible}
.alto:hover{border-color:var(--fucsia);color:var(--fucsiaClaro)}
@media(prefers-reduced-motion:reduce){.alto{transition:none}html{scroll-behavior:auto}}

/* ---------- ajustes ---------- */
@media(max-width:430px){
.boton{white-space:normal;text-align:center}
.botones .boton{width:100%}
.ficha__celdas{grid-template-columns:minmax(0,1fr)}
.ficha__celdas span{border-right:0;border-bottom:1px solid var(--linea)}
.ficha__celdas span:last-child{border-bottom:0}
}