/* bicicletasvillasenor.com — 1win Guatemala — hoja de estilos — rev 6741 */

@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{
  --lilac:#f2f1f9;--lilac2:#e6e4f2;--sheet:#ffffff;
  --ink:#221d33;--ink2:#3d3654;--ink3:#6b647f;--ink4:#9a93ab;
  --rule:#ddd9ea;--rule2:#c5bfda;--rule3:#a49cc0;
  --violet:#5a2fd0;--violet2:#46229f;--violetveil:rgba(90,47,208,.1);--violetmist:#eee9fc;
  --lime:#b8d92f;--limemist:#f4f9dd;--limeink:#2c3605;
  --rose:#d92f6b;--rosemist:#fdeaf1;
  --pine:#1c8a63;--pinemist:#e3f4ed;
  --curve:6px;--curve2:3px;--pill:999px;
  --court:1180px;--topbar:58px;--gap:clamp(46px,5vw,78px);--size:17px;
  --face:'Inter Tight',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --stripe:repeating-linear-gradient(45deg,var(--violetveil) 0 8px,transparent 8px 16px);
  --drop:0 1px 2px rgba(34,29,51,.05);
  --drop2:0 2px 4px rgba(34,29,51,.06),0 22px 44px -28px rgba(34,29,51,.5);
  color-scheme:light;
}

/* ===== base ===== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--topbar) + 22px)}
body{margin:0;font-family:var(--face);font-size:var(--size);line-height:1.66;color:var(--ink2);
background:var(--lilac);-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-wrap:break-word;
padding-bottom:calc(72px + env(safe-area-inset-bottom))}
@media(min-width:900px){body{padding-bottom:36px}}
img,svg{max-width:100%;height:auto;display:block}
svg{width:20px;height:20px;flex:none}
a{color:var(--violet);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--ink)}
p{margin:0 0 1.06em}
ul,ol{margin:0 0 1.16em;padding-left:1.2em}
li{margin:.42em 0}
strong,b{color:var(--ink);font-weight:700}
em{font-style:normal;color:var(--violet);font-weight:600}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.87em;
background:var(--lilac2);border:1px solid var(--rule);padding:1px 6px;border-radius:var(--curve2);color:var(--violet2)}
h1,h2,h3{color:var(--ink);margin:0 0 .5em;font-weight:800;line-height:1.1;letter-spacing:-.034em}
h1{font-size:clamp(32px,4.4vw,53px);line-height:1.03;letter-spacing:-.048em}
h2{font-size:clamp(25px,2.8vw,35px)}
h3{font-size:clamp(18px,1.7vw,21px)}
h4{font-size:11.2px;font-weight:800;color:var(--violet);margin:0 0 .75em;letter-spacing:.2em;text-transform:uppercase}
:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
::selection{background:var(--violet);color:#fff}

/* ===== armazon ===== */
.court{width:100%;max-width:var(--court);margin:0 auto;padding:0 22px}
.scene{position:relative;z-index:1}
.offsight{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hopto{position:absolute;left:-9999px;top:0;z-index:300;background:var(--violet);color:#fff;font-weight:800;padding:12px 20px}
.hopto:focus{left:0}

/* ===== etiquetas ===== */
.pennant{display:inline-flex;align-items:center;gap:9px;padding:5px 13px;border-radius:var(--curve2);
background:var(--violet);color:#fff;font-size:10.8px;font-weight:800;letter-spacing:.2em;
text-transform:uppercase;margin:0 0 16px}
.adultbadge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:20px;padding:0 8px;
border-radius:var(--curve2);background:var(--rose);color:#fff;font-size:11px;font-weight:800}
.token{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--curve2);
background:var(--sheet);border:1px solid var(--rule2);font-size:12px;font-weight:600;color:var(--ink2)}
.token--violet{background:var(--violetmist);border-color:#cfc0f6;color:var(--violet2)}
.token--lime{background:var(--limemist);border-color:#d9e79a;color:#5d6d12}
.token--pine{background:var(--pinemist);border-color:#b3ded0;color:var(--pine)}
.token--ink{background:var(--ink);border-color:var(--ink);color:#fff}
.tokens{display:flex;flex-wrap:wrap;gap:7px}

/* ===== botones ===== */
.tapper{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--face);
font-weight:700;font-size:15px;line-height:1;cursor:pointer;border:1.5px solid transparent;
padding:14px 26px;border-radius:var(--curve);text-decoration:none;white-space:nowrap;
transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}
.tapper--violet{background:var(--violet);color:#fff}
.tapper--violet:hover{background:var(--violet2);color:#fff;transform:translateY(-1px)}
.tapper--lime{background:var(--lime);color:var(--limeink)}
.tapper--lime:hover{background:#a6c626;color:var(--limeink);transform:translateY(-1px)}
.tapper--line{background:var(--sheet);border-color:var(--rule2);color:var(--ink)}
.tapper--line:hover{border-color:var(--violet);color:var(--violet)}
.tapper--xl{padding:17px 32px;font-size:16.4px}
.tapper--xs{padding:9px 15px;font-size:12.6px}
.tapper--full{width:100%}
.tappers{display:flex;flex-wrap:wrap;gap:11px;margin:26px 0}

/* ===== cabecera ===== */
.topbar{position:sticky;top:0;z-index:120;background:rgba(242,241,249,.96);
-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px);
border-bottom:1px solid var(--rule2)}
.topbar__in{display:flex;align-items:center;gap:13px;height:var(--topbar)}
.signmark{display:inline-flex;align-items:center;gap:10px;flex:none;text-decoration:none;
background:var(--ink);padding:6px 11px;border-radius:var(--curve)}
.signmark img{height:22px;width:auto}
.signmark i{font-style:normal;font-size:9.6px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#a79fbe}
@media(max-width:559px){.signmark i{display:none}}
.shortcuts{display:none;gap:1px}
@media(min-width:1160px){.shortcuts{display:flex}}
.shortcuts a{padding:8px 10px;border-radius:var(--curve2);font-size:12.4px;font-weight:600;
color:var(--ink3);text-decoration:none;transition:color .15s ease,background .15s ease}
.shortcuts a:hover{color:var(--violet);background:var(--sheet)}
.topbar__acts{display:flex;align-items:center;gap:8px;margin-left:auto}
.topbar__acts .tapper--line{display:none}
@media(min-width:760px){.topbar__acts .tapper--line{display:inline-flex}}

/* paginador compacto, solo en pantallas chicas */
.pagerbox{display:inline-flex;align-items:center;gap:2px;background:var(--sheet);
border:1px solid var(--rule2);border-radius:var(--curve);padding:2px;flex:none}
@media(min-width:900px){.pagerbox{display:none}}
.pagerbox button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;
background:transparent;border:0;border-radius:var(--curve2);color:var(--ink);cursor:pointer;padding:0}
.pagerbox button:disabled{opacity:.3;cursor:default}
.pagerbox button svg{width:15px;height:15px}
.pagerbox span{font-size:11.4px;font-weight:800;color:var(--violet);min-width:44px;text-align:center;
font-variant-numeric:tabular-nums}

/* franja legal */
.finestrip{background:var(--ink);color:#b6afc9;font-size:12.4px;padding:8px 0}
.finestrip__in{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.finestrip b{color:#fff;font-weight:700}

/* ===== flechas de borde ===== */
.edgearrow{position:fixed;top:50%;transform:translateY(-50%);z-index:118;display:none;
align-items:center;justify-content:center;width:44px;height:64px;padding:0;cursor:pointer;
background:var(--sheet);border:1px solid var(--rule2);color:var(--ink);
transition:background .15s ease,color .15s ease,border-color .15s ease}
@media(min-width:900px){.edgearrow{display:flex}}
.edgearrow--prev{left:0;border-left:0;border-radius:0 var(--curve) var(--curve) 0}
.edgearrow--next{right:0;border-right:0;border-radius:var(--curve) 0 0 var(--curve)}
.edgearrow:hover:not(:disabled){background:var(--violet);color:#fff;border-color:var(--violet)}
.edgearrow:disabled{opacity:.32;cursor:default}
.edgearrow svg{width:19px;height:19px}
.edgearrow__tip{position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;
background:var(--ink);color:#fff;font-size:12px;font-weight:700;padding:7px 11px;border-radius:var(--curve2);
opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s ease;max-width:230px;
overflow:hidden;text-overflow:ellipsis}
.edgearrow--prev .edgearrow__tip{left:calc(100% + 8px)}
.edgearrow--next .edgearrow__tip{right:calc(100% + 8px)}
.edgearrow:hover:not(:disabled) .edgearrow__tip,
.edgearrow:focus-visible .edgearrow__tip{opacity:1;visibility:visible}

/* ===== portada ===== */
.opening{padding:clamp(30px,4vw,54px) 0 clamp(22px,2.6vw,34px);position:relative}
.opening::before{content:"";position:absolute;inset:0;background-image:var(--stripe);
-webkit-mask-image:linear-gradient(to bottom,#000,transparent 70%);
mask-image:linear-gradient(to bottom,#000,transparent 70%);pointer-events:none}
.opening>*{position:relative;z-index:1}
.opening__grid{display:grid;gap:clamp(26px,3vw,44px);align-items:start}
@media(min-width:1000px){.opening__grid{grid-template-columns:1.08fr .92fr;gap:50px}}
.opening h1{max-width:17ch}
.opening__say{font-size:clamp(16.2px,1.3vw,18.5px);color:var(--ink2);max-width:60ch;margin:0 0 20px}
.opening__fine{margin:0;font-size:12.3px;color:var(--ink4)}

/* tarjeta de oferta */
.prizecard{background:var(--sheet);border:1px solid var(--rule2);border-radius:var(--curve);
box-shadow:var(--drop2);overflow:hidden}
.prizecard__top{position:relative;padding:22px 24px 18px;background:var(--violet);color:#d6c9fb}
.prizecard__top::before{content:"";position:absolute;inset:0;pointer-events:none;
background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.09) 0 8px,transparent 8px 16px)}
.prizecard__top>*{position:relative;z-index:1}
.prizecard__top span{display:block;font-size:10.4px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--lime)}
.prizecard__top b{display:block;font-size:clamp(40px,5.4vw,58px);font-weight:800;letter-spacing:-.058em;
line-height:1;color:#fff;margin:7px 0 5px}
.prizecard__top i{font-style:normal;display:block;font-size:14px;font-weight:600}
.prizecard__rows{padding:4px 24px 0;margin:0;list-style:none}
.prizecard__rows li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:baseline;
padding:12px 0;margin:0;border-bottom:1px solid var(--rule)}
.prizecard__rows li:last-child{border-bottom:0}
.prizecard__rows u{text-decoration:none;font-size:10.4px;font-weight:800;letter-spacing:.1em;
text-transform:uppercase;color:var(--ink4);min-width:56px}
.prizecard__rows span{font-size:13.8px;color:var(--ink3)}
.prizecard__rows b{font-size:17px;font-weight:800;color:var(--violet);font-variant-numeric:tabular-nums}
.prizecard__foot{padding:16px 24px 22px;border-top:1px solid var(--rule)}
.prizecard__foot small{display:block;margin-top:11px;font-size:11.3px;color:var(--ink4);text-align:center}

/* cifras */
.tallyrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:clamp(26px,3vw,38px) 0 0;
background:var(--rule2);border:1px solid var(--rule2);border-radius:var(--curve);overflow:hidden}
@media(min-width:840px){.tallyrow{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tallyrow div{background:var(--sheet);padding:17px 19px}
.tallyrow b{display:block;font-size:clamp(23px,2.4vw,30px);font-weight:800;color:var(--ink);
line-height:1.04;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.tallyrow div:nth-child(2) b{color:var(--violet)}
.tallyrow div:nth-child(3) b{color:#5d6d12}
.tallyrow div:nth-child(4) b{color:var(--pine)}
.tallyrow span{display:block;margin-top:5px;font-size:12.1px;color:var(--ink3);line-height:1.4}

/* ===== capitulos ===== */
.slot{padding:var(--gap) 0;scroll-margin-top:calc(var(--topbar) + 16px)}
.slot+.slot{border-top:1px solid var(--rule2)}
.slot__head{margin-bottom:26px}
.slot__no{display:inline-flex;align-items:center;gap:11px;margin-bottom:12px;
font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--ink4)}
.slot__no b{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:22px;
border-radius:var(--curve2);background:var(--lime);color:var(--limeink);font-size:11.4px;font-weight:800;
letter-spacing:0;font-variant-numeric:tabular-nums}
.slot__head h2{margin:0 0 10px;padding-bottom:12px;position:relative}
.slot__head h2::after{content:"";position:absolute;left:0;bottom:0;width:86px;height:7px;
background-image:repeating-linear-gradient(45deg,var(--violet) 0 5px,transparent 5px 10px)}
.slot__lede{margin:0;font-size:16.1px;color:var(--ink3);max-width:70ch}
.slot__body{max-width:930px}

/* ===== bloques ===== */
.blockbox{background:var(--sheet);border:1px solid var(--rule2);border-radius:var(--curve);
padding:20px 22px;min-width:0}
.blockbox h3{margin:0 0 12px}
.blockbox>:last-child{margin-bottom:0}
.blockbox--lime{border-color:#d9e79a}
.pairgrid{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);margin:0 0 6px}
@media(min-width:800px){.pairgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.triogrid{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);margin:0 0 6px}
@media(min-width:760px){.triogrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1120px){.triogrid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ===== hoja de datos ===== */
.specbox{margin:0;background:var(--sheet);border:1px solid var(--rule2);border-radius:var(--curve);overflow:hidden}
.specbox>div{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:12px 20px;border-bottom:1px solid var(--rule)}
@media(min-width:720px){.specbox>div{grid-template-columns:226px minmax(0,1fr);gap:18px;align-items:baseline}}
.specbox>div:last-child{border-bottom:0}
.specbox>div:nth-child(odd){background:#fbfaff}
.specbox dt{font-size:11.2px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink4)}
.specbox dd{margin:0;color:var(--ink);font-size:15.3px}

/* ===== pasos ===== */
.pathlist{list-style:none;counter-reset:pl;margin:0 0 26px;padding:0;display:grid;gap:10px}
.pathlist li{counter-increment:pl;position:relative;padding:16px 20px 16px 60px;background:var(--sheet);
border:1px solid var(--rule2);border-radius:var(--curve);min-width:0}
.pathlist li::before{content:counter(pl,decimal-leading-zero);position:absolute;left:18px;top:16px;
width:30px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--curve2);
background:var(--violetmist);color:var(--violet2);font-size:11.4px;font-weight:800;font-variant-numeric:tabular-nums}
.pathlist b{display:block;color:var(--ink);font-size:16.3px;margin-bottom:3px}
.pathlist p{margin:0;font-size:15px;color:var(--ink3)}

/* ===== avisos ===== */
.flagnote{display:flex;gap:14px;align-items:flex-start;padding:17px 19px;margin:24px 0;border-radius:var(--curve);
background:var(--violetmist);border:1px solid #cfc0f6}
.flagnote__ico{flex:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;
border-radius:var(--curve2);background:var(--violet);color:#fff}
.flagnote__ico svg{width:17px;height:17px}
.flagnote p{margin:0;font-size:15.1px;color:var(--ink2)}
.flagnote--dark{background:var(--rosemist);border-color:#f5c3d6}
.flagnote--dark .flagnote__ico{background:var(--rose)}
.flagnote--go{background:var(--pinemist);border-color:#b3ded0}
.flagnote--go .flagnote__ico{background:var(--pine)}

/* ===== listas ===== */
.plusl,.minusl,.dotl{list-style:none;padding:0;margin:0 0 1.16em}
.plusl li,.minusl li,.dotl li{position:relative;padding-left:27px;margin:.48em 0}
.plusl li::before{content:"";position:absolute;left:1px;top:.43em;width:12px;height:7px;
border-left:2.4px solid var(--pine);border-bottom:2.4px solid var(--pine);transform:rotate(-45deg)}
.minusl li::before{content:"";position:absolute;left:1px;top:.62em;width:12px;height:2.4px;background:var(--rose)}
.dotl li::before{content:"";position:absolute;left:2px;top:.56em;width:10px;height:10px;border-radius:var(--curve2);
background-image:repeating-linear-gradient(45deg,var(--violet) 0 3px,transparent 3px 6px)}

/* ===== tablas ===== */
.tablebox{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 24px;
border:1px solid var(--rule2);border-radius:var(--curve);background:var(--sheet)}
.tablebox table{width:100%;min-width:520px;border-collapse:collapse;font-size:15px}
.tablebox caption{caption-side:bottom;padding:11px 18px;font-size:12.1px;color:var(--ink4);text-align:left;
border-top:1px solid var(--rule)}
.tablebox th,.tablebox td{padding:11px 18px;text-align:left;border-bottom:1px solid var(--rule)}
.tablebox thead th{background:var(--violetmist);font-size:10.4px;font-weight:800;letter-spacing:.14em;
text-transform:uppercase;color:var(--violet2);white-space:nowrap;border-bottom:1px solid var(--rule2)}
.tablebox tbody tr:last-child td{border-bottom:0}
.tablebox tbody td:first-child{color:var(--ink);font-weight:600}
.tablebox .cell{font-variant-numeric:tabular-nums;color:var(--violet2);font-weight:700;white-space:nowrap}

/* linea de marcas */
.brandline{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:0 0 1.16em;padding:14px 18px;
background:var(--sheet);border:1px solid var(--rule2);border-radius:var(--curve);font-size:14px;color:var(--ink2)}
.brandline b{display:block;width:100%;font-size:10.4px;font-weight:800;letter-spacing:.17em;
text-transform:uppercase;color:var(--ink4);margin-bottom:2px}

/* ===== premios ===== */
.giftrow{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);margin:0 0 26px}
@media(min-width:880px){.giftrow{grid-template-columns:repeat(2,minmax(0,1fr))}}
.giftcard{background:var(--sheet);border:1px solid var(--rule2);border-radius:var(--curve);padding:20px 22px;min-width:0}
.giftcard--top{position:relative;overflow:hidden;border-color:#cfc0f6}
.giftcard--top::before{content:"";position:absolute;inset:0;background-image:var(--stripe);pointer-events:none}
.giftcard--top>*{position:relative;z-index:1}
@media(min-width:880px){.giftcard--top{grid-column:span 2}}
.giftcard__pc{display:block;font-size:clamp(30px,3.6vw,40px);font-weight:800;color:#5d6d12;
line-height:1;letter-spacing:-.05em;margin-bottom:9px;font-variant-numeric:tabular-nums}
.giftcard--top .giftcard__pc{font-size:clamp(44px,6.2vw,70px);color:var(--violet)}
.giftcard h3{margin:0 0 8px}
.giftcard p{font-size:15px;color:var(--ink3);margin:0 0 14px}

/* ===== titulos de juegos ===== */
.shelfblock{margin:0 0 30px}
.shelfblock__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
padding-bottom:10px;margin-bottom:16px;border-bottom:2px solid var(--rule2)}
.shelfblock__bar h3{margin:0}
.tilegrid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:620px){.tilegrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:980px){.tilegrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tilecard{margin:0;background:var(--sheet);border:1px solid var(--rule2);border-radius:var(--curve);
overflow:hidden;min-width:0}
.tilecard img{width:100%;aspect-ratio:240/327;object-fit:cover;background:var(--lilac2);display:block;
transition:transform .3s ease}
.tilecard:hover img{transform:scale(1.04)}
.tilecard figcaption{padding:10px 12px 12px;border-top:1px solid var(--rule)}
.tilecard figcaption b{display:block;color:var(--ink);font-size:13.8px;font-weight:700;line-height:1.24}
.tilecard figcaption i{font-style:normal;display:block;font-size:11.2px;color:var(--ink4);margin-top:1px}

/* ===== aplicaciones ===== */
.setupgrid{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);margin:0 0 26px}
@media(min-width:900px){.setupgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.setupcard{background:var(--sheet);border:1px solid var(--rule2);border-radius:var(--curve);padding:20px;min-width:0}
.setupcard__ico{width:38px;height:38px;display:flex;align-items:center;justify-content:center;
border-radius:var(--curve2);background:var(--ink);color:#fff;margin-bottom:14px}
.setupcard h3{margin:0 0 8px}
.setupcard p{font-size:15px;color:var(--ink3);margin:0 0 14px}

/* ===== quien responde ===== */
.deskgrid{display:grid;gap:1px;grid-template-columns:minmax(0,1fr);margin:0 0 24px;
background:var(--rule2);border:1px solid var(--rule2);border-radius:var(--curve);overflow:hidden}
@media(min-width:820px){.deskgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.deskcard{background:var(--sheet);padding:19px 20px;min-width:0;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.deskcard b{color:var(--ink);font-size:16.1px}
.deskcard span:not(.token){font-size:14.3px;color:var(--ink3);line-height:1.54}

/* ===== buzon ===== */
.askbox{display:grid;gap:1px;background:var(--rule2);border:1px solid var(--rule2);border-radius:var(--curve);overflow:hidden}
.askbox details{background:var(--sheet)}
.askbox summary{position:relative;list-style:none;cursor:pointer;padding:16px 50px 16px 20px;
display:flex;align-items:baseline;gap:12px;color:var(--ink);font-weight:700;font-size:15.8px}
.askbox summary::-webkit-details-marker{display:none}
.askbox summary:hover{background:#fbfaff}
.askbox summary em{font-style:normal;font-size:11px;font-weight:800;color:var(--violet);min-width:22px;flex:none;
font-variant-numeric:tabular-nums}
.askbox summary::before,.askbox summary::after{content:"";position:absolute;background:var(--violet);
transition:transform .2s ease,opacity .2s ease}
.askbox summary::before{right:20px;top:50%;width:12px;height:2.2px;margin-top:-1.1px}
.askbox summary::after{right:24.9px;top:50%;width:2.2px;height:12px;margin-top:-6px}
.askbox details[open] summary::after{transform:scaleY(0);opacity:0}
.askbox__body{padding:0 20px 18px 54px;color:var(--ink3)}
.askbox__body p{margin:0;font-size:15.3px}

/* ===== termometro ===== */
.thermo{background:var(--sheet);border:1px solid var(--rule2);border-radius:var(--curve);padding:26px 24px;margin:0 0 22px}
.thermo__top{display:grid;gap:26px;align-items:center}
@media(min-width:820px){.thermo__top{grid-template-columns:auto minmax(0,1fr);gap:40px}}
.thermo__gauge{display:flex;align-items:flex-end;gap:16px;justify-content:center}
.thermo__tube{position:relative;width:30px;height:290px;border-radius:var(--pill);background:var(--lilac2);
border:1px solid var(--rule2);flex:none}
.thermo__fill{position:absolute;left:2px;right:2px;bottom:2px;height:0;border-radius:var(--pill);
background:linear-gradient(to top,var(--violet2),var(--violet));transition:height .8s ease}
.thermo__scale{position:relative;height:290px;flex:1;min-width:0;max-width:280px}
.thermo__pin{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:9px;
transform:translateY(50%);transition:bottom .8s ease}
.thermo__pin::before{content:"";width:16px;height:2px;background:var(--rule3);flex:none}
.thermo__pin span{font-size:13.2px;color:var(--ink2);font-weight:600;white-space:nowrap;
overflow:hidden;text-overflow:ellipsis}
.thermo__pin u{text-decoration:none;font-size:13.6px;font-weight:800;color:var(--violet);
font-variant-numeric:tabular-nums;margin-left:auto;flex:none}
.thermo__mark{text-align:center;margin-top:14px}
.thermo__mark b{display:block;font-size:clamp(40px,5vw,54px);font-weight:800;color:var(--ink);
line-height:1;letter-spacing:-.05em}
.thermo__mark span{display:block;font-size:11px;font-weight:800;letter-spacing:.2em;
text-transform:uppercase;color:var(--ink4);margin-top:6px}
.thermo__word h3{margin:0 0 9px}
.thermo__word p{margin:0;color:var(--ink3)}
.thermo__word .token{margin-top:14px}

/* balanza */
.sidebyside{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
@media(min-width:820px){.sidebyside{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sidebyside>div{background:var(--sheet);border:1px solid var(--rule2);border-radius:var(--curve);padding:20px 22px;min-width:0}
.sidebyside>div:first-child{border-color:#b3ded0}
.sidebyside>div:last-child{border-color:#f5c3d6}
.sidebyside ul{margin:0}

/* ===== cierre ===== */
.lastword{padding:0 0 var(--gap)}
.lastword__box{position:relative;overflow:hidden;border-radius:var(--curve);background:var(--ink);
color:#b6afc9;padding:clamp(28px,3.6vw,46px);text-align:center}
.lastword__box::before{content:"";position:absolute;inset:0;pointer-events:none;
background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.055) 0 8px,transparent 8px 16px)}
.lastword__box>*{position:relative;z-index:1}
.lastword__box h2{color:#fff;margin:0 0 12px}
.lastword__box h2 em{color:var(--lime)}
.lastword__box p{max-width:62ch;margin:0 auto 4px}
.lastword__box .tappers{justify-content:center}
.lastword__box .tapper--line{background:transparent;border-color:#4a4363;color:#fff}
.lastword__box .tapper--line:hover{border-color:var(--lime);color:var(--lime)}
.lastword__box .pennant{background:var(--lime);color:var(--limeink)}
.lastword__box small{display:block;font-size:11.7px;color:#8a83a1}

/* ===== pie ===== */
.bottomzone{background:var(--sheet);border-top:1px solid var(--rule2);padding:clamp(32px,4vw,52px) 0 26px}
.bottomzone__grid{display:grid;gap:26px;grid-template-columns:minmax(0,1fr)}
@media(min-width:860px){.bottomzone__grid{grid-template-columns:1.5fr .75fr .75fr}}
.bottomzone__who .signmark{margin-bottom:14px}
.bottomzone__who p{font-size:14px;color:var(--ink3);max-width:56ch}
.bottomzone ul{list-style:none;padding:0;margin:0}
.bottomzone li{margin:.4em 0}
.bottomzone li a{font-size:14.1px;color:var(--ink3);text-decoration:none}
.bottomzone li a:hover{color:var(--violet)}
.bottomzone__end{margin-top:28px;padding-top:18px;border-top:1px solid var(--rule);
display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;
font-size:12.3px;color:var(--ink4)}
.bottomzone__end p{margin:0}
.bottomzone__end span{display:inline-flex;align-items:center;gap:8px}
@media(max-width:899px){.bottomzone__end{padding-bottom:46px}}

/* ===== barra inferior movil ===== */
.stickybar{position:fixed;left:0;right:0;bottom:0;z-index:125;display:flex;gap:10px;padding:10px 14px;
padding-bottom:calc(10px + env(safe-area-inset-bottom));background:rgba(242,241,249,.97);
-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--rule2)}
.stickybar .tapper{flex:1;padding:13px 10px;font-size:13.5px}
@media(min-width:900px){.stickybar{display:none}}

/* subir */
.upknob{position:fixed;right:18px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:124;
width:42px;height:42px;border-radius:var(--curve);display:flex;align-items:center;justify-content:center;
background:var(--ink);color:#fff;border:0;cursor:pointer;opacity:0;visibility:hidden;
transition:opacity .2s ease,visibility .2s ease,background .15s ease}
@media(min-width:900px){.upknob{right:74px;bottom:24px}}
.upknob.on{opacity:1;visibility:visible}
.upknob:hover{background:var(--violet)}

/* ===== entrada ===== */
.js .comein{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.js .comein.here{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
  transition-duration:.001ms!important}
  .js .comein{opacity:1;transform:none}
}

@media print{
  .topbar,.finestrip,.edgearrow,.stickybar,.upknob,.lastword{display:none!important}
  body{background:#fff;color:#000;padding:0}
  .opening::before,.giftcard--top::before,.lastword__box::before{display:none}
  .blockbox,.giftcard,.setupcard,.deskcard,.tilecard,.thermo,.specbox{border-color:#bbb}
}