/* La Media Foto: negro y amarillo deportivo, como los rayos del logo. Títulos blancos, amarillo para lo que se toca. */
:root{
  --bg:#050505; --panel:#121212; --line:#2A2A2A; --fg:#F2F2F2; --muted:#A6A6A6;
  --aka:#FFC700;            /* amarillo deportivo: botones, selección, precios */
  --ao:#FFC700;             /* el mismo amarillo para líneas y foco */
  --oscuro:#050505;         /* texto sobre dorado */
  --acero:linear-gradient(180deg,#FFFFFF 0%,#F2F2F2 60%,#CFCFCF 100%);
  --display:"Archivo","Arial Narrow",Impact,sans-serif;
  --body:"Open Sans",system-ui,-apple-system,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
body{background:radial-gradient(1200px 520px at 50% -120px,rgba(255,199,0,.08),transparent 70%),var(--bg);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.55;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
h1,h2{font-family:var(--display);font-stretch:112%;text-transform:uppercase;line-height:.95;margin:0;text-wrap:balance;letter-spacing:-.005em}
h1{font-size:clamp(42px,7.4vw,92px);font-weight:900}
h2{font-size:clamp(28px,4.4vw,48px);font-weight:800}
h1,h2{background:var(--acero);-webkit-background-clip:text;background-clip:text;color:transparent}
h1 em{font-style:normal;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--aka)}
main{max-width:1280px;margin:0 auto;display:grid;gap:48px;padding-block:24px 64px}
.eyebrow{margin:0;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}
.lede{margin:0;font-size:19px;max-width:56ch}
.muted{color:var(--muted);max-width:60ch;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--aka);color:var(--oscuro);border:0;border-radius:999px;
  padding:12px 22px;font:800 14px/1 var(--display);font-stretch:112%;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;min-height:44px;
  box-shadow:0 6px 24px rgba(255,199,0,0.13)}
.btn::after{content:"→";font-weight:700}
.btn:hover{filter:brightness(1.05);box-shadow:0 8px 30px rgba(255,199,0,0.23)}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #FFC700;outline-offset:2px}
.btn[disabled]{opacity:.6;cursor:wait}
.link{background:none;border:0;color:var(--muted);font:inherit;text-decoration:underline;cursor:pointer;padding:8px}

/* Encabezado */
.top{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-block:18px;border-bottom:1px solid var(--line)}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo img{width:46px;height:46px;border-radius:50%;border:1px solid #3a3a3a;box-shadow:0 0 18px rgba(255,199,0,.08)}
.logo span{font:600 22px/1 "Open Sans",sans-serif;background:var(--acero);-webkit-background-clip:text;background-clip:text;color:transparent}
.top nav{display:flex;gap:18px;font-weight:600;font-size:15px}
.top nav a{text-decoration:none;color:var(--muted)}
.top nav a:hover{color:var(--fg)}

/* Inicio */
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(20px,4vw,56px);align-items:center;padding-top:24px}
.hero-txt{display:grid;gap:18px;justify-items:start;min-width:0}
.hero-logo{border-radius:8px;overflow:hidden;border:1px solid var(--line);box-shadow:0 0 80px rgba(255,199,0,.08),0 30px 60px rgba(0,0,0,.6);max-width:460px;justify-self:end;width:100%}
@media (max-width:760px){.hero{grid-template-columns:1fr}.hero-logo{order:-1;max-width:260px;justify-self:start}}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:linear-gradient(90deg,#FFC700,#222);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.steps div{background:linear-gradient(180deg,#151515,#0c0c0c);padding:18px;display:grid;gap:4px}
.steps b{font:800 22px/1 var(--display);font-stretch:112%;text-transform:uppercase;color:var(--aka)}
.steps span{color:var(--muted)}
.events{display:grid;gap:20px}
.ev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.ev{display:grid;gap:6px;text-decoration:none;align-content:start}
.ev-img{aspect-ratio:3/2;background:var(--panel);border-radius:4px;overflow:hidden}
.ev-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.ev:hover .ev-img img{transform:scale(1.03)}
.ev-tag{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--aka);font-weight:700}
.ev strong{font:800 22px/1.05 var(--display);font-stretch:112%;text-transform:uppercase}
.ev-meta{color:var(--muted);font-size:14px;margin:0}
.empty{color:var(--muted)}
.cover{display:grid;gap:14px;justify-items:start;border-top:2px solid;border-image:linear-gradient(90deg,#FFC700,#333 50%,transparent) 1;padding-top:24px}
.cover p{margin:0;max-width:60ch}

/* Álbum */
.album{gap:24px}
.album-head{display:grid;gap:12px}
.offer{display:flex;flex-wrap:wrap;gap:8px 24px;padding:12px 16px;background:var(--panel);border-left:4px solid var(--aka);border-radius:4px;width:fit-content;max-width:100%}
.offer b{font-variant-numeric:tabular-nums}
.alert{margin:0;padding:12px 16px;border-radius:4px;background:#3A1418;color:#FFD7DA}
.find{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.find label{font-weight:600;width:100%}
.find input{background:var(--panel);border:1px solid var(--line);color:var(--fg);border-radius:4px;padding:10px 12px;font:700 22px/1 var(--display);width:140px;min-height:44px}
.grid{columns:4 240px;column-gap:10px}
.ph{position:relative;margin:0 0 10px;break-inside:avoid;background:var(--panel);border-radius:3px;overflow:hidden;cursor:zoom-in;max-width:100%}
.ph img{width:100%;height:100%;object-fit:cover}
.ph.on{outline:4px solid var(--aka);outline-offset:-4px}
.pick{position:absolute;top:8px;right:8px;width:40px;height:40px;border-radius:50%;border:2px solid #fff;background:rgba(12,16,25,.55);cursor:pointer;color:#fff;font:700 22px/1 var(--body)}
.pick::before{content:"+"}
.pick[aria-pressed="true"]{background:var(--aka);border-color:var(--aka);color:var(--oscuro)}
.pick[aria-pressed="true"]::before{content:"✓"}
.pager{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted)}

/* Carrito */
.cart{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;background:var(--panel);border-top:1px solid var(--line);
  padding:12px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.cart-count{font-weight:700}
.cart-total{font:900 28px/1 var(--display);font-variant-numeric:tabular-nums}
.cart-total small{font:600 13px var(--body);color:var(--muted);margin-left:8px}
body.has-cart main{padding-bottom:150px}
.pay{background:var(--panel);color:var(--fg);border:1px solid var(--line);border-radius:6px;width:min(460px,calc(100vw - 32px));padding:24px}
.pay::backdrop{background:rgba(0,0,0,.6)}
.pay-form{display:grid;gap:12px}
.pay-form h2{font-size:36px}
.pay-sum{margin:0;color:var(--muted)}
.pay-form input{background:var(--bg);border:1px solid var(--line);color:var(--fg);border-radius:4px;padding:12px;font:inherit;min-height:44px}
.pay-err{margin:0;color:#FF9AA0}
.pay-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}

/* Visor */
.lb{position:fixed;inset:0;z-index:30;background:rgba(5,7,12,.96);display:grid;grid-template-columns:56px 1fr 56px;grid-template-rows:1fr auto;align-items:center;gap:12px;
  padding:calc(16px + env(safe-area-inset-top,0px)) max(8px,env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))}
.lb img{grid-column:2;max-height:calc(100vh - 140px);max-width:100%;margin:0 auto;object-fit:contain}
.lb button:not(.btn){background:none;border:0;color:#fff;font-size:44px;cursor:pointer;min-height:44px}
.lb-x{position:absolute;top:calc(8px + env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px))}
.lb-pick{grid-column:1/-1;justify-self:center}
.lb-pick.on{background:#fff;color:var(--oscuro)}

/* Descarga */
.dl{max-width:960px;gap:20px;justify-items:start}
.dl-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;width:100%}
.dl-list li{display:grid;gap:8px;background:var(--panel);padding:8px;border-radius:4px}
.dl-list img{aspect-ratio:1;object-fit:cover;width:100%}

.foot{max-width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-block:24px calc(24px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);color:var(--muted);font-size:13px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* Preguntas antes del álbum */
.gate{display:grid;gap:22px;max-width:720px;justify-items:start}
.gate fieldset{border:0;margin:0;padding:0;display:grid;gap:10px;width:100%}
.gate legend{font:800 24px/1 var(--display);text-transform:uppercase;margin-bottom:10px}
.gate legend small{font:500 14px var(--body);text-transform:none;color:var(--muted)}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt span{display:inline-flex;align-items:center;min-height:48px;padding:10px 18px;border:2px solid var(--line);border-radius:4px;font-weight:700;cursor:pointer;background:var(--panel)}
.opt input:checked+span{border-color:var(--aka);background:#2A2100}
.opt input:focus-visible+span{outline:3px solid var(--ao);outline-offset:2px}
.num{background:var(--panel);border:2px solid var(--line);color:var(--fg);border-radius:4px;padding:10px 12px;font:800 26px/1 var(--display);width:150px;min-height:48px}

/* Precios */
.album-prices{display:grid;gap:12px}
details.album-prices summary{cursor:pointer;font-weight:700;color:var(--muted)}
details.album-prices[open] summary{margin-bottom:12px}
.promo{margin:0;padding:10px 14px;border-radius:4px;background:#2A2100;border-left:4px solid var(--aka);font-weight:600}
.prices{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.pk{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:14px;display:grid;gap:4px;align-content:start}
.pk.star{border:2px solid var(--aka)}
.pk b{font:800 22px/1 var(--display);text-transform:uppercase}
.pk span{color:var(--muted);font-size:14px}
.pk em{font:900 30px/1 var(--display);font-style:normal;font-variant-numeric:tabular-nums}
.pk s{font:600 16px var(--body);color:var(--muted)}
.small{font-size:14px}
.where{color:var(--muted)}
.where b{color:var(--fg)}

/* Carrito con ahorro */
.cart-info{display:grid;gap:2px;margin-right:auto;min-width:0}
.cart-line{font-size:14px;color:var(--muted)}
.cart-line b{color:var(--fg)}
.cart-total s{font:600 15px var(--body);color:var(--muted);margin-left:8px}
.cart-total .save{font:700 14px var(--body);color:#7BE0A6;margin-left:8px}
.cart-tip{font-size:14px;font-weight:600;color:var(--aka)}
.dl-list small{color:var(--muted);font-size:13px;text-align:center}
.social a{color:var(--muted)}

/* ================= Inicio deportivo =================
   inicio.js pone las variables que mueven todo con el scroll (--p), suavizadas para que no salte. */
body.en-inicio{padding-left:0;padding-right:0}
.en-inicio .top{position:fixed;top:0;left:0;right:0;z-index:50;max-width:none;margin:0;border:0;
  padding:14px max(16px,env(safe-area-inset-right,0px)) 14px max(16px,env(safe-area-inset-left,0px));
  background:linear-gradient(180deg,rgba(5,5,5,.85),rgba(5,5,5,0));transition:background .3s ease}
html.bajado .en-inicio .top{background:rgba(5,5,5,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.en-inicio .foot{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media (max-width:600px){.top nav a[href="/#eventos"],.top nav a[href="/#coberturas"]{display:none}.top{flex-wrap:nowrap}.logo span{font-size:18px}.logo img{width:38px;height:38px}.top nav{font-size:14px}}
main.inicio{max-width:none;padding:0;gap:0;display:block;overflow-x:clip}
.inicio > section:not(.h):not(.gal):not(.cierre):not(.ban):not(.pg-h):not(.marcas){max-width:1280px;margin:0 auto;padding:clamp(56px,8vw,104px) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))}
.am{color:var(--aka)}
:root{--ease:cubic-bezier(.2,.8,.2,1)}

/* Logo del encabezado: entra girando y le pasa un brillo cada tanto */
.logo{position:relative}
.logo img{animation:logo-in 1s .2s var(--ease) backwards}
.logo::after{content:"";position:absolute;left:0;top:0;width:46px;height:46px;border-radius:50%;pointer-events:none;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%) no-repeat;background-size:250% 100%;animation:brillo 5s 1.4s infinite}
@media (max-width:600px){.logo::after{width:38px;height:38px}}
@keyframes logo-in{from{transform:rotate(-200deg) scale(.3);opacity:0}}
@keyframes brillo{0%{background-position:120% 0}18%,100%{background-position:-120% 0}}

/* Visor de fotos */
.visor{position:fixed;inset:0;z-index:95;background:rgba(5,5,5,.94);display:grid;place-items:center;padding:24px;animation:aparece .3s ease}
.visor img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;animation:acerca .45s var(--ease)}
.visor button{position:absolute;top:16px;right:16px;width:48px;height:48px;border-radius:50%;border:0;background:var(--aka);color:var(--oscuro);font-size:20px;cursor:pointer}
@keyframes aparece{from{opacity:0}}
@keyframes acerca{from{transform:scale(.92);opacity:0}}

/* Portada: foto horizontal a pantalla completa que se abre desde un recuadro; al bajar aparece la segunda (como cristobalmerino.com) */
.h{position:relative;height:220vh}
.h-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;--p:0;--q:0}
.h-img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.h-img1{clip-path:inset(0 0 0 0);animation:abre 1.7s .1s var(--ease) backwards;transform:scale(calc(1.04 + var(--p) * .08))}
.h-img2{clip-path:inset(calc((1 - var(--q)) * 100%) 0 0 0);transform:scale(calc(1.18 - var(--q) * .14))}
@keyframes abre{from{clip-path:inset(14% 12% 14% 46% round 10px);transform:scale(1.25)}}
.h-sombra{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,5,5,.88) 0%,rgba(5,5,5,.55) 38%,rgba(5,5,5,0) 70%),linear-gradient(0deg,rgba(5,5,5,.7) 0%,rgba(5,5,5,0) 30%);
  animation:aparece 1.2s .5s ease backwards}
@media (max-width:760px){.h-sombra{background:linear-gradient(0deg,rgba(5,5,5,.95) 0%,rgba(5,5,5,.65) 45%,rgba(5,5,5,.15) 80%)}}
.h-txt{position:absolute;left:max(16px,4vw);top:50%;transform:translateY(-50%);max-width:94vw;display:grid;gap:16px;justify-items:start;z-index:2}
@media (max-width:760px){.h-txt{top:auto;bottom:90px;transform:none}}
.h-txt h1{font-size:clamp(50px,9vw,144px);line-height:.84;display:grid;background:none;color:inherit}
.h-ln{display:block;overflow:hidden;padding:0 .12em .05em 0}
.h-ln > span{display:block;animation:sube 1s calc(.55s + var(--k,0) * .1s) var(--ease) backwards}
h1 .h-ln:first-child > span{background:var(--acero);-webkit-background-clip:text;background-clip:text;color:transparent;--k:1}
h1 .h-ln.am > span{--k:2}
.h-lede{font-size:clamp(17px,1.5vw,20px);margin:0;color:#e9e9e9}
.h-lede > span{--k:3}
@keyframes sube{from{transform:translateY(110%)}}
.h-cta{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:6px;animation:aparece 1s 1.1s ease backwards}
.link-c{color:var(--fg);font-weight:600;text-decoration:none;border-bottom:2px solid var(--ao);padding-bottom:2px}
.h-pie{position:absolute;right:max(16px,4vw);bottom:28px;display:flex;gap:18px;align-items:baseline;z-index:2;font-size:13px;color:#ddd;animation:aparece 1s 1.4s ease backwards}
.h-cap{letter-spacing:.06em;text-transform:uppercase;font-weight:600;transition:opacity .4s}
.h-cap2,.h-c2{display:none}
.h-pin.dos .h-cap1,.h-pin.dos .h-c1{display:none}.h-pin.dos .h-cap2,.h-pin.dos .h-c2{display:inline}
.h-cont{font:900 15px/1 var(--display);font-stretch:118%;color:var(--muted)}
.h-cont b{color:var(--aka)}
@media (max-width:760px){.h-pie{display:none}}
.h-baja{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);opacity:calc(1 - var(--p)*5);z-index:2}
.h-baja::after{content:"";display:block;width:1px;height:34px;margin:8px auto 0;background:linear-gradient(var(--aka),transparent);animation:baja 1.6s infinite}
@keyframes baja{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* Tira de fotos completas (sin recortes) que pasa sola bajo la portada */
.tira{overflow:hidden;--alto:clamp(170px,26vw,340px);padding-top:10px;background:var(--bg);position:relative;z-index:2}
@media (max-width:760px){.tira{--alto:180px}}
.tira-in{display:flex;gap:10px;width:max-content;animation:tira 80s linear infinite;will-change:transform}
.tira img{height:var(--alto);width:calc(var(--alto) * var(--w) / var(--h));max-width:none;object-fit:cover;border-radius:4px;flex:none}
@keyframes tira{to{transform:translate3d(-50%,0,0)}}

/* Cintas cruzadas: amarilla y negra, se aceleran al bajar rápido */
.cintas{position:relative;height:clamp(150px,16vw,220px);margin-top:-40px;z-index:3;overflow:hidden}
.cinta{position:absolute;left:-5%;right:-5%;top:50%;overflow:hidden;padding:16px 0;box-shadow:0 18px 50px rgba(0,0,0,.55)}
.c1{background:var(--aka);color:var(--oscuro);transform:translateY(-62%) rotate(-3.5deg);z-index:2}
.c2{background:#0d0d0d;color:var(--fg);transform:translateY(-38%) rotate(2.5deg);border-block:1px solid #2a2a2a}
.cinta-in{display:flex;align-items:center;gap:28px;white-space:nowrap;width:max-content;font:900 clamp(24px,3.4vw,46px)/1 var(--display);font-stretch:125%;text-transform:uppercase;
  animation:cinta 40s linear infinite;will-change:transform}
.c2 .cinta-in{animation-direction:reverse;animation-duration:46s;font-size:clamp(18px,2.4vw,30px);font-stretch:112%;letter-spacing:.04em}
.c1 .cinta-in i{width:14px;height:14px;background:var(--oscuro);transform:rotate(45deg);flex:none}
.c2 .cinta-in i{width:10px;height:10px;background:var(--aka);transform:rotate(45deg);flex:none}
@keyframes cinta{to{transform:translate3d(-50%,0,0)}}

/* 3 golpes: al aparecer, una línea amarilla recorre los pasos y cada uno entra detrás de ella (por tiempo, no por scroll) */
.golpes{display:grid;gap:clamp(28px,4vw,48px)}
.g-head{display:grid;gap:10px}
.g-head h2{font-size:clamp(40px,6vw,88px);line-height:.9}
.g-head h2 em{font-style:normal;color:var(--aka);background:none;-webkit-background-clip:border-box;background-clip:border-box}
.g-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative;padding-top:26px}
.g-lista::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--aka);transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--ease)}
.g-lista.vis::before{transform:none}
@media (max-width:760px){.g-lista{grid-template-columns:1fr;padding-top:0;padding-left:22px}.g-lista::before{right:auto;bottom:0;width:3px;height:auto;transform:scaleY(0);transform-origin:top}.g-lista.vis::before{transform:none}}
.g-lista li{display:grid;gap:8px;padding:26px;border-radius:8px;background:linear-gradient(180deg,#141414,#0b0b0b);border:1px solid var(--line);position:relative;overflow:hidden}
.g-lista li b{font:900 clamp(64px,8vw,112px)/.8 var(--display);font-stretch:125%;color:transparent;-webkit-text-stroke:2px var(--aka);transition:color .6s ease;transition-delay:calc(.6s + var(--i) * .45s)}
.g-lista li strong{font:900 clamp(24px,2.6vw,34px)/1 var(--display);font-stretch:118%;text-transform:uppercase}
.g-lista li span{color:var(--muted)}
.g-lista li::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,199,0,.10) 50%,transparent 70%);transform:translateX(-100%);pointer-events:none}
.anim .g-lista li{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .9s var(--ease);transition-delay:calc(.25s + var(--i) * .45s)}
.anim .g-lista.vis li{opacity:1;transform:none}
.g-lista.vis li b{color:var(--aka)}
.g-lista.vis li::after{animation:barrido 1.2s calc(.6s + var(--i) * .45s) ease}
@keyframes barrido{to{transform:translateX(100%)}}

/* Quiénes somos */
.historia{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,80px);align-items:center}
@media (max-width:860px){.historia{grid-template-columns:1fr}}
.hi-txt{display:grid;gap:16px;justify-items:start}
.hi-txt h2{font-size:clamp(44px,7vw,104px);line-height:.88}
.hi-txt h2 em{font-style:normal;color:var(--aka);background:none;-webkit-background-clip:border-box;background-clip:border-box}
.hi-txt p{margin:0;max-width:54ch}
.hi-lede{font-size:clamp(18px,1.6vw,21px);color:var(--fg)}
.hi-tags{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hi-tags li{border:1px solid rgba(255,199,0,.5);color:var(--aka);border-radius:999px;padding:6px 14px;font:800 13px/1 var(--display);font-stretch:112%;text-transform:uppercase;letter-spacing:.06em}
.hi-firma{font:900 clamp(20px,2.2vw,28px)/1.1 var(--display);font-stretch:112%;text-transform:uppercase;color:var(--fg);border-left:4px solid var(--aka);padding-left:14px}
.hi-foto{margin:0;border-radius:6px;overflow:hidden;max-width:520px;justify-self:end}
.hi-foto img{width:100%;height:auto}
@media (max-width:860px){.hi-foto{justify-self:start;max-width:420px}}

/* Eventos: tienda + galerías de Pic-Time */
.events .eyebrow,.cobs > .eyebrow{margin-bottom:-8px}
.ev-go{font-weight:700;color:var(--aka);font-size:14px}
.ev-go::after{content:" →"}
.ev-ext::after{content:" ↗"}
.ev .ev-img{border:1px solid var(--line)}
.ev:hover .ev-img img{transform:scale(1.06)}
.ev-img img{transition:transform .8s var(--ease)}

/* Galería lateral: cada foto en su formato, se descubre al entrar y se inclina con el mouse */
.gal{position:relative;height:320vh;margin-top:clamp(56px,8vw,104px)}
.gal-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:clamp(18px,3vh,32px)}
.gal-fondo{position:absolute;top:50%;left:0;white-space:nowrap;font:900 clamp(120px,20vw,300px)/1 var(--display);font-stretch:125%;text-transform:uppercase;
  color:transparent;-webkit-text-stroke:1px rgba(255,199,0,.13);transform:translate3d(calc(var(--g,0) * -40vw + 4vw),-40%,0);pointer-events:none}
.gal-head{position:relative;padding:0 max(16px,4vw);display:flex;align-items:end;gap:24px;justify-content:space-between}
.gal-head > :first-child{display:none}
.gal-head h2{font-size:clamp(34px,6vw,84px)}
.gal-cont{font:900 clamp(18px,2vw,26px)/1 var(--display);font-stretch:118%;color:var(--aka);font-variant-numeric:tabular-nums}
.gal-track{position:relative;display:flex;align-items:flex-start;gap:clamp(16px,2vw,32px);padding-left:max(16px,4vw);will-change:transform}
.gx{margin:0;flex:none;height:clamp(300px,58vh,640px);display:grid;grid-template-rows:1fr auto;gap:12px;--v:0}
.gx-img{height:100%;aspect-ratio:var(--w)/var(--h);overflow:hidden;border-radius:6px;clip-path:inset(0 calc((1 - var(--v)) * 100%) 0 0 round 6px);
}
.gx-img img{width:100%;height:100%;object-fit:cover;transform:scale(calc(1.25 - var(--v) * .25))}
.gx figcaption{display:grid;gap:2px;font-size:14px;color:#cfcfcf;max-width:min(100%,360px);opacity:var(--v)}
.gx figcaption b{font:900 20px/1 var(--display);font-stretch:118%;text-transform:uppercase;color:var(--aka)}
.gx{height:calc(clamp(280px,52vh,600px) + 52px)}
.gx-img{height:clamp(280px,52vh,600px)}
@media (max-width:760px){.gx-img{height:52vh}.gx{height:calc(52vh + 56px)}}
.sin-pin .gal{height:auto}
.sin-pin .gal-pin{position:static;height:auto;padding-block:20px}
.sin-pin .gal-track{overflow-x:auto;padding-bottom:12px}
.sin-pin .gx{--v:1}

/* Banner a pantalla completa: la foto se acerca al bajar y el título entra por palabras */
.ban{position:relative;height:200vh;margin-top:clamp(56px,8vw,104px)}
.ban-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;--p:0}
.ban-img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 40%;
  transform:scale(calc(1.3 - var(--p) * .3));filter:brightness(calc(.4 + var(--p) * .35)) saturate(1.1);
  clip-path:inset(calc((1 - min(1, var(--p) * 2.2)) * 18%) calc((1 - min(1, var(--p) * 2.2)) * 22%) round calc((1 - min(1, var(--p) * 2.2)) * 24px))}
.ban-sombra{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.9) 0%,rgba(5,5,5,.55) 45%,rgba(5,5,5,0) 75%),linear-gradient(0deg,rgba(5,5,5,.8),transparent 40%);opacity:min(1, calc(var(--p) * 2))}
.ban-txt{position:absolute;left:max(16px,4vw);bottom:clamp(48px,10vh,110px);max-width:min(760px,92vw);display:grid;gap:18px;justify-items:start;z-index:2}
.ban-txt h2{font-size:clamp(48px,9vw,140px);line-height:.88;display:grid}
.ban-txt h2 span{display:block;clip-path:inset(0 calc((1 - clamp(0, calc(var(--p) * 3 - .9 - var(--k,0) * .25), 1)) * 100%) 0 0)}
.ban-txt h2 span:nth-child(2){--k:1}
.ban-txt h2 span:nth-child(3){--k:2}
.ban-txt h2 .am{color:var(--aka);background:none;-webkit-background-clip:border-box;background-clip:border-box}
.ban-txt p,.ban-txt .btn,.ban-txt .eyebrow{opacity:clamp(0, calc(var(--p) * 3 - 1.7), 1);transform:translateY(calc((1 - clamp(0, calc(var(--p) * 3 - 1.7), 1)) * 24px))}
.ban-txt p{margin:0;max-width:48ch}
@media (max-width:760px){.ban-img{object-position:62% 40%}.ban-sombra{background:linear-gradient(0deg,rgba(5,5,5,.95) 0%,rgba(5,5,5,.6) 55%,rgba(5,5,5,.1) 85%)}}

/* Filas justificadas: fotos en su formato original, sin recortes */
.jfs{display:flex;flex-wrap:wrap;gap:8px;--alto:clamp(150px,17vw,250px)}
.jf{margin:0;flex:calc(var(--w) / var(--h)) 1 calc(var(--alto) * var(--w) / var(--h));aspect-ratio:var(--w)/var(--h);overflow:hidden;border-radius:4px;background:var(--panel);position:relative;cursor:zoom-in}
.jf img,.jf video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease)}
.jf:hover img{transform:scale(1.05)}
.jf-fin{flex:10 1 0;height:0}
.anim .jf.rv{opacity:1;transform:none;background:transparent}
.anim .jf.rv img,.anim .jf.rv video{clip-path:inset(100% 0 0 0);scale:1.25;transition:clip-path 1.1s var(--ease),scale 1.4s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--i) * 90ms),calc(var(--i) * 90ms),0s}
.anim .jf.rv.vis img,.anim .jf.rv.vis video{clip-path:inset(0 0 0 0);scale:1}
@media (max-width:520px){.jfs{--alto:120px;gap:6px}}

/* Coberturas realizadas */
.cobs{display:grid;gap:clamp(44px,6vw,80px)}
.cobs > .btn{justify-self:start}
.cb{display:grid;gap:22px}
.cb-txt{display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,3vw,40px);align-items:end}
.cb-txt > div{display:grid;gap:8px;justify-items:start}
.cb-txt p{margin:0;max-width:60ch}
.cb-txt h3{font:900 clamp(28px,3.8vw,52px)/.95 var(--display);font-stretch:112%;text-transform:uppercase;margin:0}
.cb-n{font:900 clamp(64px,9vw,128px)/.75 var(--display);font-stretch:125%;color:transparent;-webkit-text-stroke:2px var(--aka)}
.cb-video{cursor:default}
.cb-sonido{position:absolute;right:8px;bottom:8px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(5,5,5,.7);color:#fff;font-size:18px;cursor:pointer}

/* Datos */
.datos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:left}
@media (max-width:760px){.datos{grid-template-columns:1fr 1fr}}
.datos div{border-top:2px solid var(--ao);padding-top:14px;display:grid;gap:4px;align-content:start}
.datos b{font:900 clamp(48px,7vw,92px)/.9 var(--display);font-stretch:118%;background:var(--acero);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.datos b:not([data-n]){font-size:clamp(40px,5.5vw,76px)}
.datos span{color:var(--muted)}

/* Contacto */
.contacto{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end}
.contacto > *{min-width:0}
@media (max-width:760px){.contacto{grid-template-columns:1fr}}
.ct-txt{display:grid;gap:12px}
.ct-txt p{margin:0;max-width:52ch}
.ct-btns{display:grid;gap:14px;justify-items:start}
.btn-sec{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 2px var(--aka)}
.btn-sec:hover{background:var(--aka);color:var(--oscuro)}
.btn{transition:transform .35s var(--ease),filter .2s,box-shadow .2s}

/* Sesión Peleador */
.sesion{display:grid;grid-template-columns:minmax(280px,.75fr) 1.25fr;gap:clamp(20px,4vw,56px);align-items:center}
@media (max-width:860px){.sesion{grid-template-columns:1fr}}
.ses-txt{display:grid;gap:16px;justify-items:start}
.ses-txt p{margin:0;max-width:48ch}
.ses-incl{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.ses-incl li{padding-left:22px;position:relative}
.ses-incl li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;background:var(--aka);clip-path:polygon(0 0,100% 50%,0 100%)}
.ses-precio{display:flex;align-items:baseline;gap:10px}
.ses-precio span{color:var(--muted);font-size:14px;text-transform:uppercase;letter-spacing:.12em}
.ses-precio b{font-family:var(--display);font-stretch:125%;font-weight:900;font-size:clamp(34px,5vw,52px);color:var(--aka);line-height:1}
.ses-cred{font-size:13px;color:var(--muted)}
.ses-fotos{--alto:clamp(140px,14vw,220px)}

/* Instagram */
.ig{display:grid;gap:28px}
.ig-head{display:grid;gap:12px;justify-items:start}
.ig-head h2 a{color:inherit;text-decoration:none;background:linear-gradient(var(--aka),var(--aka)) no-repeat 0 100%/0 4px;transition:background-size .4s}
.ig-head h2 a:hover{background-size:100% 4px}
.ig-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
@media (max-width:760px){.ig-grid{grid-template-columns:repeat(3,1fr)}}
.ig-grid a{aspect-ratio:1;overflow:hidden;border-radius:4px;display:block}
.ig-grid img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .6s;filter:grayscale(.3)}
.ig-grid a:hover img{transform:scale(1.08) rotate(1deg);filter:none}
.anim .ig-grid .rv{transform:translateY(40px) rotate(calc((var(--i) - 2.5) * 2deg));transition-delay:calc(var(--i) * 80ms) !important}
.anim .ig-grid .rv.vis{transform:none}

/* Cierre: la foto parte en blanco y negro y el color se abre desde el centro al bajar; el nombre entra letra por letra */
.cierre{position:relative;height:100vh;height:100svh;min-height:560px;margin-top:clamp(56px,8vw,104px);overflow:hidden;--p:0}
.cierre-fondo{position:absolute;inset:0}
.cierre-fondo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;transform:scale(calc(1.2 - var(--p) * .2))}
.c-bn{filter:grayscale(1) brightness(.38) contrast(1.1)}
.c-color{filter:brightness(.6) saturate(1.15);clip-path:circle(calc(var(--p) * 80%) at 50% 50%)}
.cierre-txt{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;text-align:center;z-index:2;padding:16px;pointer-events:none}
.cierre-logo{border-radius:50%;box-shadow:0 0 40px rgba(255,199,0,.12);transform:rotate(calc((1 - var(--p)) * -220deg)) scale(calc(.4 + var(--p) * .6));opacity:var(--p)}
.cierre-nom{display:flex;flex-wrap:wrap;justify-content:center;column-gap:.25em;font:900 clamp(44px,9vw,132px)/.9 var(--display);font-stretch:118%;text-transform:uppercase}
.cierre-nom b{white-space:nowrap;font:inherit}
.cierre-nom span{display:inline-block;background:var(--acero);-webkit-background-clip:text;background-clip:text;color:transparent;
  transform:translateY(calc((1 - clamp(0, calc(var(--p) * 2 - var(--i) * .06), 1)) * 80px)) rotate(calc((1 - clamp(0, calc(var(--p) * 2 - var(--i) * .06), 1)) * 12deg));
  opacity:clamp(0, calc(var(--p) * 2 - var(--i) * .06), 1)}
.cierre-txt > span{color:var(--aka);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:13px;opacity:clamp(0, calc(var(--p) * 2 - 1), 1)}

/* Aparecer al entrar */
.anim .rv{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.anim .rv.vis{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .h{height:auto}.h-pin{position:relative}.h-img2{display:none}
  .ban{height:auto}.ban-pin{position:relative;--p:1}.cierre{--p:1}
  .tira-in,.tira img,.h-ln > span,.h-cta{animation:none}.tira{overflow-x:auto}
}
.pay-form label small{color:var(--muted);font-weight:400}

/* ===== Pulido v5: títulos más juntos, títulos que suben desde una máscara, movimiento que sigue al mouse ===== */
.inicio h1,.inicio h2,.inicio h3{letter-spacing:-.02em}
.inicio h2{line-height:.86}
.g-head h2,.hi-txt h2,.cb-txt h3,.ban-txt h2{letter-spacing:-.025em}
.eyebrow{letter-spacing:.12em}
.anim .inicio h2.rv{opacity:1;transform:none;clip-path:inset(0 0 100% 0);translate:0 .35em;transition:clip-path 1s var(--ease),translate 1s var(--ease)}
.anim .inicio h2.rv.vis{clip-path:inset(-.4em 0 -.2em 0);translate:0 0}
.hi-txt{gap:14px}
.g-head{gap:6px}
.cb-txt > div{gap:6px}

/* Elementos que siguen al mouse (inicio.js pone --sx/--sy de -1 a 1 según dónde esté el mouse) */
[data-sigue]{--sx:0;--sy:0}
.ev[data-sigue] .ev-img{display:block;transform:perspective(900px) rotateY(calc(var(--sx) * 7deg)) rotateX(calc(var(--sy) * -7deg));box-shadow:calc(var(--sx) * -12px) calc(var(--sy) * -12px + 18px) 40px rgba(0,0,0,.5)}
.ev[data-sigue] .ev-img img{translate:calc(var(--sx) * -10px) calc(var(--sy) * -10px);scale:1.08}
.g-lista li[data-sigue]{background:radial-gradient(260px circle at calc(50% + var(--sx) * 50%) calc(50% + var(--sy) * 50%),rgba(255,199,0,.10),transparent 70%),linear-gradient(180deg,#141414,#0b0b0b)}
.g-lista li[data-sigue] b{translate:calc(var(--sx) * 10px) calc(var(--sy) * 8px)}
.hi-foto[data-sigue]{overflow:hidden}
.hi-foto[data-sigue] img{scale:1.08;translate:calc(var(--sx) * -14px) calc(var(--sy) * -14px)}

/* Galería: número, texto que sube y tarjeta final */
.gx figcaption{transform:translateY(calc((1 - var(--v)) * 24px))}
.gx-n{font:900 13px/1 var(--display);font-stretch:118%;color:var(--muted);letter-spacing:.1em}
.gx-img img{filter:grayscale(calc(1 - var(--v))) brightness(calc(.6 + var(--v) * .4))}
.gx-fin{display:grid;place-content:center;justify-items:start;gap:18px;width:clamp(240px,26vw,360px);height:clamp(280px,52vh,600px);margin-right:max(16px,4vw);
  border:2px solid var(--aka);border-radius:6px;padding:28px;text-decoration:none;background:linear-gradient(160deg,#151515,#0a0a0a);opacity:var(--v)}
.gx-fin span{font:900 clamp(30px,3vw,44px)/.9 var(--display);font-stretch:118%;text-transform:uppercase;letter-spacing:-.02em}
.gx-fin i{font-style:normal;width:64px;height:64px;border-radius:50%;background:var(--aka);color:var(--oscuro);display:grid;place-items:center;font-size:28px;transition:transform .4s var(--ease)}
.gx-fin:hover i{transform:translateX(8px)}
@media (max-width:760px){.gx-fin{height:52vh}}

/* Marcas y torneos */
.marcas{padding:clamp(48px,7vw,90px) 0 0;display:grid;gap:18px}
.marcas .eyebrow{padding:0 max(16px,4vw);max-width:1280px;margin:0 auto;width:100%}
.marcas-cinta{overflow:hidden;border-block:1px solid var(--line);padding:22px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marcas-in{display:flex;gap:56px;width:max-content;animation:tira 45s linear infinite}
.marcas-in span{font:900 clamp(22px,2.6vw,36px)/1 var(--display);font-stretch:118%;text-transform:uppercase;color:#cfcfcf;white-space:nowrap;letter-spacing:-.01em}
.marcas-in span:nth-child(3n+2){color:transparent;-webkit-text-stroke:1px var(--aka)}

.ses-btns{display:flex;flex-wrap:wrap;gap:18px;align-items:center}

/* Páginas interiores */
.pg-h{position:relative;height:78vh;min-height:480px;overflow:hidden}
.pg-img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;animation:abre 1.6s .1s var(--ease) backwards}
.pg-sombra{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.9),rgba(5,5,5,.45) 55%,rgba(5,5,5,.15)),linear-gradient(0deg,var(--bg) 0%,rgba(5,5,5,0) 35%)}
.pg-txt{position:absolute;left:max(16px,4vw);bottom:clamp(40px,9vh,90px);display:grid;gap:14px;max-width:min(820px,92vw);z-index:2}
.pg-txt h1{font-size:clamp(46px,8vw,120px);line-height:.84;display:grid;background:none;color:inherit}
.pg-txt h1 .h-ln:first-child > span{background:var(--acero);-webkit-background-clip:text;background-clip:text;color:transparent}
.pg-txt .h-ln > span{animation:sube 1s .5s var(--ease) backwards}
.pg-txt .h-ln.am > span{animation-delay:.62s}
.pagina .cierre{margin-top:clamp(56px,8vw,104px)}
.ct-pg{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(24px,4vw,56px);align-items:start}
@media (max-width:860px){.ct-pg{grid-template-columns:1fr}}
.ct-form{display:grid;gap:14px}
.ct-form label{display:grid;gap:6px;font-weight:600;font-size:14px}
.ct-form input,.ct-form select,.ct-form textarea{background:#0d0d0d;border:1px solid var(--line);color:var(--fg);border-radius:6px;padding:12px;font:inherit;font-weight:400;min-height:46px}
.ct-form input:focus,.ct-form select:focus,.ct-form textarea:focus{border-color:var(--aka);outline:none}
.ct-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:520px){.ct-2{grid-template-columns:1fr}}
.ct-form .btn{justify-self:start}
.ct-form-embed{width:100%;min-height:900px;border:0;border-radius:8px;background:#fff}
.ct-datos{display:grid;gap:12px;align-content:start}
.ct-datos h2{font-size:clamp(26px,2.6vw,34px);margin-bottom:6px}
.ct-dato{display:grid;gap:2px;padding:16px 18px;border:1px solid var(--line);border-radius:8px;text-decoration:none;transition:border-color .3s,transform .4s var(--ease)}
.ct-dato:hover{border-color:var(--aka);transform:translateX(6px)}
.ct-dato span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.ct-dato b{font-size:17px;overflow-wrap:anywhere}
@media (max-width:420px){.logo span{display:none}}
@media (max-width:600px){.top nav a[href="/coberturas"]{display:inline}}

/* Cómo trabajamos: pasos numerados, tarifas y preguntas frecuentes */
.ct-sec{display:grid;gap:clamp(24px,3vw,40px)}
.ct-sec-h{display:grid;gap:12px;max-width:720px}
.ct-sec-h p:not(.eyebrow){margin:0;color:var(--muted)}
.ct-sec-h b{color:var(--aka)}
.pasos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:2px;counter-reset:p}
.paso{background:var(--panel);padding:clamp(20px,2.4vw,30px);display:grid;gap:10px;align-content:start;border-top:3px solid var(--line);transition:border-color .4s,background .4s}
.paso:hover{border-top-color:var(--aka);background:#171717}
.paso-n{font:900 clamp(44px,5vw,64px)/.9 var(--display);font-stretch:112%;color:var(--aka);letter-spacing:-.02em}
.paso h3{margin:0;font:800 22px/1.05 var(--display);font-stretch:108%;text-transform:uppercase}
.paso p{margin:0;color:var(--muted);font-size:15px}
.tarifas .pk small{color:var(--muted);font-size:13px;line-height:1.35}
.tarifas .pk small b{font:700 13px/1.35 var(--body);text-transform:none;color:var(--aka)}
.org-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(16px,2vw,28px)}
.org-lista li{display:grid;gap:6px;padding-top:18px;border-top:1px solid var(--line)}
.org-lista b{font:800 24px/1 var(--display);font-stretch:108%;text-transform:uppercase;color:var(--aka)}
.org-lista span{color:var(--muted)}
.faq{display:grid;border-top:1px solid var(--line);max-width:880px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;position:relative;font-weight:700;font-size:17px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:50%;translate:0 -50%;font:700 26px/1 var(--display);color:var(--aka);transition:rotate .3s}
.faq details[open] summary::after{rotate:45deg}
.faq details p{margin:0 0 20px;color:var(--muted);max-width:720px}
@media (max-width:600px){.top nav a[href="/como-trabajamos"]{display:none}}

/* Tildes de las mayúsculas (CÓMO, MÁS): el degradado del texto solo pinta dentro de la caja, así que se le da aire arriba */
h1,h2{padding-top:.14em}

/* Pago: casilla de avisos · Descarga: guardar link en WhatsApp */
.pay-chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--muted);cursor:pointer}
.pay-chk input{min-height:0;width:18px;height:18px;margin-top:2px;accent-color:var(--aka);flex:none}
.dl-wa{margin-top:32px;padding:20px;border:1px solid var(--line);border-left:3px solid var(--aka);border-radius:4px;background:var(--panel);display:grid;gap:14px;justify-items:start}
.dl-wa p{margin:0;color:var(--muted);max-width:60ch}
.dl-wa b{color:var(--fg)}