*{margin:0;padding:0;box-sizing:border-box}
:root{
  --blue:#1565C0;--blue2:#1E88E5;--blue3:#00B0FF;
  --black:#060608;--dark:#0C0C12;--dark2:#13131C;--dark3:#1B1B28;
  --white:#FFFFFF;--off:#E8E8F0;--muted:#8888A0;--faint:#3A3A50;
}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--black);color:var(--white);overflow-x:hidden}

/* NAV */
#navbar{position:fixed;top:0;left:0;right:0;z-index:200;transition:background 0.4s,padding 0.3s;padding:1.2rem 2rem}
#navbar.scrolled{background:rgba(6,6,8,0.97);padding:0.8rem 2rem;border-bottom:1px solid rgba(0,176,255,0.1)}
.nav-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.logo-area{width:120px;height:44px;display:flex;align-items:center}
.logo-img{width:100%;height:100%;object-fit:contain}
.logo-text{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;letter-spacing:0.08em;color:#fff;line-height:1}
.logo-text span{color:var(--blue3)}
.nav-links-desktop{display:flex;gap:2.5rem;list-style:none}
.nav-links-desktop a{font-size:0.72rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:rgba(255,255,255,0.65);text-decoration:none;cursor:pointer;transition:color 0.2s;position:relative;padding-bottom:2px}
.nav-links-desktop a::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1.5px;background:var(--blue3);transform:scaleX(0);transition:transform 0.25s}
.nav-links-desktop a:hover,.nav-links-desktop a.active{color:#fff}
.nav-links-desktop a:hover::after,.nav-links-desktop a.active::after{transform:scaleX(1)}
.nav-cta{background:var(--blue);color:#fff;border:none;padding:0.6rem 1.5rem;font-family:'Inter',sans-serif;font-weight:700;font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s,transform 0.15s}
.nav-cta:hover{background:var(--blue2);transform:translateY(-1px)}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.burger span{display:block;width:24px;height:2px;background:#fff;transition:all 0.3s;border-radius:1px}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* MOBILE MENU */
#mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;z-index:190;background:var(--black);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;transform:translateX(100%);transition:transform 0.45s cubic-bezier(0.77,0,0.175,1)}
#mobile-menu.open{transform:translateX(0)}
#mobile-menu a{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:0.08em;color:rgba(255,255,255,0.7);text-decoration:none;cursor:pointer;transition:color 0.2s;line-height:1}
#mobile-menu a:hover{color:var(--blue3)}
#mobile-menu .mm-cta{margin-top:1rem;background:var(--blue);color:#fff;border:none;padding:1rem 3rem;font-family:'Inter',sans-serif;font-weight:700;font-size:0.85rem;letter-spacing:0.15em;text-transform:uppercase;cursor:pointer;border-radius:2px}
#mobile-menu .mm-line{width:48px;height:2px;background:var(--blue);margin:0 auto}

/* PAGES */
.page{display:none;position:relative;z-index:2}
.page.active{display:block}

/* FONDO GLOBAL */
.page-bg{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.page-bg svg{display:block;width:100%;height:100%}

/* HERO */
.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;background:transparent}
.hero-main{display:flex;flex-direction:row;align-items:center;flex:1;padding:6rem 4rem 2rem 5rem;gap:2rem;position:relative;z-index:2}
.hero-left{flex:0 0 48%;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.hero-right{flex:1;display:flex;align-items:center;justify-content:flex-end;position:relative;z-index:1}
.hero-right img{max-height:68vh;width:100%;object-fit:contain;object-position:center;border-radius:0}
.hero-right-grad{position:absolute;top:0;left:0;bottom:0;width:68%;background:linear-gradient(to right,var(--black) 0%,rgba(6,6,8,0.92) 18%,rgba(6,6,8,0.72) 36%,rgba(6,6,8,0.45) 55%,rgba(6,6,8,0.18) 75%,rgba(6,6,8,0.04) 90%,transparent 100%);z-index:2;pointer-events:none}
.hero-swipe{position:absolute;left:0;top:0;width:160px;height:100%;z-index:3;pointer-events:none}
.sw-arc{stroke-dasharray:950;stroke-dashoffset:950;animation:sw-draw 3.2s cubic-bezier(0.4,0,0.2,1) infinite}
.sw-a2{animation-delay:0.5s;animation-duration:3.6s}
@keyframes sw-draw{
  0%  {stroke-dashoffset:950;opacity:0}
  6%  {opacity:1}
  58% {stroke-dashoffset:0;opacity:1}
  82% {stroke-dashoffset:0;opacity:0}
  100%{stroke-dashoffset:0;opacity:0}
}
.hero-eyebrow{display:inline-flex;align-items:center;gap:0.75rem;margin-bottom:1.5rem;font-size:0.68rem;font-weight:600;letter-spacing:0.25em;text-transform:uppercase;color:var(--blue3)}
.hero-eyebrow::before{content:'';display:block;width:24px;height:1.5px;background:var(--blue3)}
.hero-h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(5rem,11vw,10rem);line-height:0.88;letter-spacing:0.02em;margin-bottom:0.3rem;white-space:nowrap}
.hero-h1 .accent{color:var(--blue3);display:inline}
.hero-date-row{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;flex-wrap:wrap}
.hero-badge{background:transparent;color:var(--blue3);border:1.5px solid var(--blue3);font-family:'Oswald',sans-serif;font-weight:700;font-size:0.95rem;letter-spacing:0.18em;text-transform:uppercase;padding:0.45rem 1.2rem;border-radius:2px;display:inline-block}
.hero-location{font-family:'Oswald',sans-serif;font-size:0.85rem;font-weight:300;letter-spacing:0.3em;text-transform:uppercase;color:rgba(255,255,255,0.45)}
.hero-btns{display:flex;gap:1rem;justify-content:flex-start;flex-wrap:wrap;margin-bottom:0.6rem}
.btn-hero-main{background:var(--blue3);color:#000;border:none;padding:1.1rem 3rem;font-family:'Inter',sans-serif;font-weight:800;font-size:0.78rem;letter-spacing:0.18em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:all 0.2s}
.btn-hero-main:hover{background:#fff;transform:translateY(-2px)}
.btn-hero-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,0.25);padding:1.1rem 2.5rem;font-family:'Inter',sans-serif;font-weight:600;font-size:0.78rem;letter-spacing:0.15em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:all 0.2s}
.btn-hero-ghost:hover{border-color:var(--blue3);color:var(--blue3)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(255,255,255,0.08);max-width:420px}
.hstat{padding:1.5rem 0;position:relative}
.hstat:not(:last-child)::after{content:'';position:absolute;right:0;top:25%;bottom:25%;width:1px;background:rgba(255,255,255,0.08)}
.hstat-n{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--blue3);line-height:1}
.hstat-l{font-size:0.62rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-top:0.2rem}
.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:0.5rem;z-index:2}
.scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,transparent,var(--blue3));animation:scrollpulse 1.8s ease-in-out infinite}
@keyframes scrollpulse{0%,100%{opacity:0.3;transform:scaleY(0.6)}50%{opacity:1;transform:scaleY(1)}}

/* PATROCINADORES */
.sponsors-bar{padding:0;overflow:hidden;border-top:3px solid var(--blue3);width:100%;line-height:0;font-size:0;position:relative}
.sponsors-bar::after{content:'';position:absolute;bottom:0;left:0;height:3px;width:0;background:#FF6B00;animation:load-bar 2.2s cubic-bezier(0.4,0,0.2,1) forwards;z-index:10}
@keyframes load-bar{0%{width:0}100%{width:100%}}
.sponsors-track{display:flex;align-items:stretch;gap:0;animation:scroll-logos 45s linear infinite;width:max-content}
.sponsors-track img{height:88px;width:auto;object-fit:cover;flex-shrink:0;display:block}
@keyframes scroll-logos{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* SECCIONES */
.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.65s cubic-bezier(0.22,1,0.36,1),transform 0.65s cubic-bezier(0.22,1,0.36,1);will-change:transform,opacity}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-left{opacity:0;transform:translateX(-32px);transition:opacity 0.65s cubic-bezier(0.22,1,0.36,1),transform 0.65s cubic-bezier(0.22,1,0.36,1);will-change:transform,opacity}
.reveal-left.visible{opacity:1;transform:translateX(0)}
.reveal-right{opacity:0;transform:translateX(32px);transition:opacity 0.65s cubic-bezier(0.22,1,0.36,1),transform 0.65s cubic-bezier(0.22,1,0.36,1);will-change:transform,opacity}
.reveal-right.visible{opacity:1;transform:translateX(0)}
.sec-label{font-size:0.65rem;font-weight:700;letter-spacing:0.3em;text-transform:uppercase;color:var(--blue3);margin-bottom:1rem;display:flex;align-items:center;gap:0.75rem}
.sec-label::before{content:'';display:block;width:32px;height:1.5px;background:var(--blue3)}
.sec-h{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.5rem,6vw,5rem);line-height:0.95;letter-spacing:0.02em;margin-bottom:1rem}
.sec-h span{color:var(--blue3)}

/* EVENTO INFO */
.sec-dark{background:var(--dark);padding:5rem 2rem}
.sec-evento{padding-top:4.5rem}
.sec-dark-inner{max-width:1280px;margin:0 auto}
.info-split{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;margin-top:3rem}
.info-text p{font-size:0.95rem;color:rgba(255,255,255,0.55);line-height:1.9;margin-bottom:1.5rem}
.info-details{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}
.idet{background:var(--dark3);border-left:2px solid var(--blue);padding:1.25rem 1.5rem;border-radius:0 4px 4px 0}
.idet-l{font-size:0.6rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-bottom:0.3rem}
.idet-v{font-family:'Oswald',sans-serif;font-size:1.1rem;font-weight:500;color:var(--white)}
.foto-collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:200px 200px;gap:8px}
.foto-collage .fc{background:var(--dark3);border:1px solid var(--faint);border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.foto-collage .fc img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transform:translateZ(0);will-change:transform}
.foto-collage .fc.tall{grid-row:span 2}
.fc-ph{display:flex;flex-direction:column;align-items:center;gap:0.5rem;position:relative;z-index:1}
.fc-ph span{font-size:0.6rem;letter-spacing:0.2em;text-transform:uppercase;color:rgba(255,255,255,0.18)}
.fc-icon{width:28px;height:28px;border:1px dashed rgba(255,255,255,0.12);border-radius:50%;display:flex;align-items:center;justify-content:center}

/* CATEGORÍAS */
.sec-white{background:#F2F3F5;padding:6rem 2rem}
.sec-white-inner{max-width:1280px;margin:0 auto}
.sec-white .sec-label{color:var(--blue)}
.sec-white .sec-label::before{background:var(--blue)}
.sec-white .sec-h{color:#06060a}
.sec-white .sec-h span{color:var(--blue)}
.cats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;margin-top:3rem;background:rgba(0,0,0,0.08);border:1px solid rgba(0,0,0,0.08);border-radius:6px;overflow:hidden}
.cat-card{background:#fff;padding:2rem;position:relative;transition:background 0.25s}
.cat-card:hover{background:#E8F0FE}
.cat-n{font-family:'Bebas Neue',sans-serif;font-size:3rem;color:rgba(21,101,192,0.12);line-height:1;position:absolute;top:1rem;right:1.5rem}
.cat-title{font-family:'Oswald',sans-serif;font-weight:600;font-size:1rem;letter-spacing:0.08em;text-transform:uppercase;color:#06060a;margin-bottom:0.3rem}
.cat-ages{font-size:0.78rem;color:#666;font-weight:500}
.cat-bar{width:32px;height:2px;background:var(--blue);margin-top:1rem}

/* FOTO STRIP */
.sec-strip{background:var(--black);padding:4rem 0}
.strip-label{max-width:1280px;margin:0 auto 2rem;padding:0 2rem}
.strip-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:4px;max-height:420px;overflow:hidden}
.sg-item{position:relative;overflow:hidden;background:var(--dark3);display:flex;align-items:center;justify-content:center;min-height:200px}
.sg-item img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.sg-item.tall{grid-row:span 2;max-height:420px}
.sg-ph{display:flex;flex-direction:column;align-items:center;gap:0.6rem;position:relative;z-index:1}
.sg-ph-tag{font-size:0.58rem;letter-spacing:0.25em;text-transform:uppercase;color:rgba(255,255,255,0.15);border:1px dashed rgba(255,255,255,0.08);padding:0.3rem 0.7rem;border-radius:2px}
.sg-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,6,8,0.7) 0%,transparent 50%);pointer-events:none}

/* REGISTRO */
.sec-reg{background:var(--black);padding:3rem 0}
.field-error{border-color:#ff4444!important}
.error-msg{color:#ff6b6b;font-size:0.7rem;margin-top:0.3rem;display:none}
.error-msg.show{display:block}

/* GRID DE NÚMEROS DE CORREDOR */
#numeros-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:5px;margin-bottom:0.5rem}
.num-btn{background:var(--dark3);border:1px solid var(--faint);border-radius:3px;padding:0.45rem 0.2rem;font-family:'Inter',sans-serif;font-size:0.7rem;font-weight:600;color:rgba(255,255,255,0.65);cursor:pointer;text-align:center;transition:background 0.15s,border-color 0.15s,color 0.15s;letter-spacing:0.04em;user-select:none}
.num-btn:hover:not(.ocupado):not(.elegido){background:#1B1B38;border-color:var(--blue3);color:#fff}
.num-btn.ocupado{background:rgba(255,50,50,0.07);border-color:rgba(255,50,50,0.2);color:rgba(255,80,80,0.4);cursor:not-allowed}
.num-btn.elegido{background:var(--blue);border-color:#1976D2;color:#fff;box-shadow:0 0 0 2px rgba(0,176,255,0.3)}
.reg-inner{max-width:820px;margin:0 auto;padding:0 2rem}
.steps{display:flex;margin-bottom:3rem;position:relative}
.steps::before{content:'';position:absolute;top:15px;left:0;right:0;height:1px;background:var(--faint);z-index:0}
.st{flex:1;display:flex;flex-direction:column;align-items:center;gap:0.5rem;position:relative;z-index:1}
.st-dot{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--faint);background:var(--black);display:flex;align-items:center;justify-content:center;font-size:0.7rem;font-weight:700;color:var(--muted);transition:all 0.3s}
.st.active .st-dot{border-color:var(--blue3);background:var(--blue3);color:#000}
.st.done .st-dot{border-color:var(--blue);background:var(--blue);color:#fff}
.st-lbl{font-size:0.6rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted)}
.st.active .st-lbl{color:var(--blue3)}
.fstep{display:none}
.fstep.active{display:block}
.fsec{background:var(--dark2);border:1px solid var(--faint);border-radius:6px;padding:2rem;margin-bottom:1.5rem}
.fsec-title{font-family:'Oswald',sans-serif;font-weight:600;font-size:0.85rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--blue3);margin-bottom:1.5rem;padding-bottom:0.75rem;border-bottom:1px solid var(--faint)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
.frow.f1{grid-template-columns:1fr}
.frow.f3{grid-template-columns:1fr 1fr 1fr}
.fg{display:flex;flex-direction:column;gap:0.35rem}
.fg label{font-size:0.65rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.45)}
.lbl-opt{font-weight:400;letter-spacing:0.05em;text-transform:none;color:rgba(255,255,255,0.25);font-size:0.6rem}
.fg input,.fg select,.fg textarea{background:var(--dark3);border:1px solid var(--faint);border-radius:4px;padding:0.75rem 1rem;color:#fff;font-family:'Inter',sans-serif;font-size:0.88rem;outline:none;transition:border-color 0.2s;width:100%}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--blue2)}
.fg select option{background:var(--dark3)}
.fg textarea{resize:vertical;min-height:80px}
.fcheck{display:flex;gap:0.75rem;align-items:flex-start;margin-bottom:1rem}
.fcheck input[type=checkbox]{width:16px;height:16px;margin-top:3px;accent-color:var(--blue2);flex-shrink:0;cursor:pointer}
.fcheck label{font-size:0.82rem;color:rgba(255,255,255,0.55);line-height:1.6;cursor:pointer}
.fcheck a{color:var(--blue3);text-decoration:none;cursor:pointer}
.fnav{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem}
.fbtn-back{background:transparent;color:rgba(255,255,255,0.45);border:1px solid var(--faint);padding:0.8rem 1.8rem;font-family:'Inter',sans-serif;font-weight:600;font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;cursor:pointer;border-radius:3px;transition:all 0.2s}
.fbtn-back:hover{border-color:rgba(255,255,255,0.3);color:#fff}
.fbtn-next{background:var(--blue);color:#fff;border:none;padding:0.8rem 2.2rem;font-family:'Inter',sans-serif;font-weight:700;font-size:0.72rem;letter-spacing:0.15em;text-transform:uppercase;cursor:pointer;border-radius:3px;transition:all 0.2s;display:inline-flex;align-items:center;gap:0.5rem}
.fbtn-next:hover{background:var(--blue2)}
.stripe-pay{background:var(--dark2);border:1px solid var(--faint);border-radius:6px;padding:3rem 2rem;text-align:center}
.sp-amount{font-family:'Bebas Neue',sans-serif;font-size:4rem;color:#fff;letter-spacing:0.05em;margin:1rem 0 0.25rem}
.sp-desc{font-size:0.8rem;color:var(--muted);margin-bottom:2rem;letter-spacing:0.05em}
.sp-btn{background:#5469D4;color:#fff;border:none;padding:1rem 0;font-size:0.85rem;font-weight:700;letter-spacing:0.08em;border-radius:4px;cursor:pointer;width:100%;max-width:380px;display:flex;align-items:center;justify-content:center;gap:0.75rem;transition:background 0.2s;margin:0 auto}
.sp-btn:hover{background:#4355C0}
.sp-note{font-size:0.72rem;color:#ffffff;margin-top:1rem}

/* STEP 5 SPLIT LAYOUT */
.sp-split{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}
.sp-left{background:var(--dark2);border:1px solid var(--faint);border-radius:6px;padding:2rem;display:flex;flex-direction:column}
.sp-left-label{font-size:0.6rem;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:var(--blue3);margin-bottom:0.75rem}
.sp-amount{font-family:'Bebas Neue',sans-serif;font-size:3.5rem;color:#fff;letter-spacing:0.04em;margin-bottom:0.25rem;line-height:1}
.sp-amount span{font-family:'Inter',sans-serif;font-size:1.1rem;font-weight:400;color:var(--muted)}
.sp-desglose{font-size:0.8rem;color:#ffffff !important;margin-bottom:0.25rem}
.sp-desc{font-size:0.75rem;color:var(--muted);margin-bottom:1.5rem;letter-spacing:0.05em}
#resumen-desglose{color:#ffffff !important}
.sp-incluye{background:var(--dark3);border-radius:4px;padding:1rem 1.25rem;margin-bottom:1.5rem;flex:1}
.sp-incluye-ttl{font-size:0.58rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-bottom:0.5rem}
.sp-incluye p{font-size:0.82rem;color:rgba(255,255,255,0.5);line-height:2}

/* ── Psicología de precios ── */
.sp-precio-psico{display:flex;align-items:baseline;gap:0.35rem;margin:0.5rem 0 0.15rem;flex-wrap:nowrap}
.sp-base{font-family:'Bebas Neue',sans-serif;font-size:3.5rem;color:#fff;line-height:1;letter-spacing:0.03em}
.sp-iva-tag{font-size:0.72rem;font-weight:700;color:#F59E0B;letter-spacing:0.06em;white-space:nowrap}
.sp-total-muted{font-size:0.82rem;color:#ffffff;margin-bottom:0.25rem;letter-spacing:0.03em}
.sp-sub-breakdown{font-size:0.88rem;color:#ffffff;margin-bottom:0.1rem;letter-spacing:0.02em}
.sp-sub-plus{color:rgba(255,255,255,0.25);margin:0 0.3rem}

/* Jersey: $350 grande, + IVA medio, = $406 casi invisible */
.jersey-iva-tag{font-size:0.85rem;color:#F59E0B;font-family:'Inter',sans-serif;margin-left:4px}
.jersey-total-muted{font-size:0.72rem;color:rgba(255,255,255,0.25);font-family:'Inter',sans-serif;margin-left:6px}

/* Tienda: igual */
.prod-iva-tag{font-size:0.85rem;color:#F59E0B;font-family:'Inter',sans-serif;margin-left:5px}
.prod-total-muted{font-size:0.72rem;color:rgba(255,255,255,0.25);font-family:'Inter',sans-serif;margin-left:6px}

.sp-right{display:flex;flex-direction:column}
.jp-inner{padding:1rem}
.jp-precio-row{display:flex;align-items:center;gap:1rem;margin-top:0.5rem}

/* JERSEY PROMO */
.jersey-promo{border:1px solid rgba(255,200,0,0.2);border-radius:8px;background:rgba(255,200,0,0.03);overflow:hidden}
.jersey-promo-badge{background:linear-gradient(90deg,#F59E0B,#D97706);color:#000;font-size:0.6rem;font-weight:800;letter-spacing:0.2em;text-transform:uppercase;padding:0.35rem 1rem;text-align:center}
.jersey-titulo{font-size:0.9rem;font-weight:700;color:#fff;line-height:1.3}
.jersey-titulo span{color:#F59E0B}
.jersey-precio{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;color:#F59E0B;line-height:1;white-space:nowrap}
.jersey-precio span{font-size:0.85rem;color:var(--muted);font-family:'Inter',sans-serif}
.jersey-desc{font-size:0.72rem;color:var(--muted);line-height:1.5;margin-top:0.3rem}
.jersey-variantes{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;margin-top:0.75rem}
.jersey-variante{border:2px solid var(--faint);border-radius:6px;cursor:pointer;overflow:hidden;transition:border-color 0.15s;position:relative;display:flex;flex-direction:column}
.jersey-variante:hover{border-color:rgba(245,158,11,0.4)}
.jersey-variante.activo{border-color:#F59E0B;box-shadow:0 0 0 3px rgba(245,158,11,0.15)}
.jersey-var-img{width:100%;flex:1;min-height:80px;object-fit:cover;display:block;transition:opacity 0.5s}
.jersey-var-label{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:0.72rem;font-weight:700;color:#fff;padding:0.55rem 0.4rem 0.4rem;letter-spacing:0.1em;text-transform:uppercase;background:linear-gradient(transparent,rgba(0,0,0,0.72))}
.jersey-variante.activo .jersey-var-label{color:#F59E0B}
.jersey-opt-row{display:flex;gap:0.75rem;margin-bottom:0.5rem}
.jersey-opt-row .fg{flex:1}
.jersey-btns{display:flex;gap:0.5rem}
.jersey-btn-no{background:rgba(255,80,80,0.08);border:1px solid rgba(255,80,80,0.25);color:#ff6b6b;padding:0.45rem 0.9rem;border-radius:3px;font-size:0.72rem;font-weight:700;cursor:pointer;letter-spacing:0.05em}
@media(max-width:720px){
  .sp-split{grid-template-columns:1fr}
}

/* ══ CHECKOUT LAYOUT (step 5) ═══════════════════════════════ */
.ck-layout{display:grid;grid-template-columns:1fr 300px;gap:1.5rem;align-items:start;margin-bottom:1.5rem}
.ck-extras{display:flex;flex-direction:column;gap:1.25rem}
.ck-summary-col{position:sticky;top:88px}

/* Extra cards */
.ck-card{border-radius:10px;overflow:hidden}
.ck-card-jersey{border:1px solid rgba(245,158,11,0.25);background:rgba(20,15,0,0.6)}
.ck-card-green{border:1px solid rgba(34,197,94,0.25);background:rgba(0,20,10,0.5)}
.ck-card-jersey.ck-selected{border-color:#F59E0B;box-shadow:0 0 0 3px rgba(245,158,11,0.12)}
.ck-card-green.ck-selected{border-color:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,0.12)}
.ck-card-badge{font-size:0.58rem;font-weight:800;letter-spacing:0.22em;text-transform:uppercase;padding:0.45rem 1rem;text-align:center}
.ck-badge-gold{background:linear-gradient(90deg,#F59E0B,#D97706);color:#000}
.ck-badge-green{background:rgba(34,197,94,0.1);color:#22C55E;border-bottom:1px solid rgba(34,197,94,0.2)}
.ck-card-body{display:grid;grid-template-columns:1fr 1fr}
.ck-variantes{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--dark3)}
.ck-card-info{padding:1.1rem 1.25rem;display:flex;flex-direction:column}
.ck-card-titulo{font-size:0.88rem;font-weight:700;color:#fff;line-height:1.3;margin-bottom:0.25rem}
.ck-card-titulo span{color:#F59E0B}
.ck-card-desc{font-size:0.68rem;color:var(--muted);line-height:1.5;margin-bottom:0.6rem}
.ck-card-precio{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;color:#F59E0B;line-height:1;margin-bottom:0.6rem}
.ck-iva{font-size:0.72rem;font-family:Inter,sans-serif;font-weight:700;margin-left:2px}
.ck-eq{font-size:0.62rem;font-family:Inter,sans-serif;color:rgba(255,255,255,0.28);margin-left:4px}
.ck-talla-wrap{margin-bottom:0.5rem}
.ck-sublabel{font-size:0.55rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted);margin-bottom:0.35rem}
.ck-talla-row{display:flex;gap:0.3rem;flex-wrap:wrap}
.ck-talla{background:var(--dark3);border:1px solid var(--faint);border-radius:3px;padding:0.3rem 0.55rem;font-size:0.72rem;font-weight:600;color:rgba(255,255,255,0.5);cursor:pointer;transition:all 0.15s}
.ck-talla:hover{border-color:#F59E0B;color:#fff}
.ck-talla.activo{background:rgba(245,158,11,0.15);border-color:#F59E0B;color:#F59E0B}
.ck-hint{font-size:0.68rem;color:rgba(255,255,255,0.28);letter-spacing:0.02em;font-style:italic}
.ck-dg-foto-wrap{background:var(--dark3);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;min-height:170px}
.ck-dg-img{max-width:130px;width:100%;border-radius:6px;object-fit:contain}
.ck-dg-lbl{font-size:0.55rem;letter-spacing:0.15em;text-transform:uppercase;color:rgba(255,255,255,0.28);margin-top:0.4rem}
.ck-dg-btns{margin-top:0.85rem;display:flex;gap:0.5rem;flex-wrap:wrap}
.ck-btn-add-green{background:rgba(34,197,94,0.12);border:1px solid rgba(34,197,94,0.4);color:#22C55E;padding:0.45rem 0.9rem;border-radius:4px;font-size:0.72rem;font-weight:700;cursor:pointer;transition:background 0.15s;letter-spacing:0.04em;white-space:nowrap}
.ck-btn-add-green:hover{background:rgba(34,197,94,0.22)}

/* Summary card */
.ck-summary{background:var(--dark2);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:1.5rem;box-shadow:0 12px 40px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.04)}
.ck-summary-title{font-size:0.58rem;font-weight:800;letter-spacing:0.25em;text-transform:uppercase;color:var(--blue3);margin-bottom:1.25rem;padding-bottom:0.75rem;border-bottom:1px solid var(--faint)}
.ck-items{display:flex;flex-direction:column;gap:0.9rem}
.ck-item{display:flex;align-items:flex-start;justify-content:space-between;gap:0.75rem}
.ck-item-opt{opacity:0.55;transition:opacity 0.25s}
.ck-item-opt.ck-active{opacity:1}
.ck-item-left{flex:1;min-width:0}
.ck-item-name{font-size:0.8rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:0.4rem;flex-wrap:wrap;line-height:1.3}
.ck-item-detail{font-size:0.68rem;color:var(--muted);margin-top:0.12rem}
.ck-tag-opt{font-size:0.5rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;background:var(--dark3);border:1px solid var(--faint);color:rgba(255,255,255,0.3);padding:0.12rem 0.45rem;border-radius:20px;white-space:nowrap;flex-shrink:0}
.ck-tag-active{background:rgba(34,197,94,0.1);border-color:rgba(34,197,94,0.35);color:#22C55E}
.ck-item-right{text-align:right;flex-shrink:0}
.ck-item-right-opt{opacity:0.3}
.ck-item-base{font-family:'Bebas Neue',sans-serif;font-size:1.1rem;color:#fff;letter-spacing:0.04em;line-height:1}
.ck-item-iva{font-size:0.6rem;color:rgba(255,255,255,0.3);margin-top:0.1rem}
.ck-divider{border:none;border-top:1px solid rgba(255,255,255,0.06);margin:1.1rem 0}
.ck-totals{display:flex;flex-direction:column;gap:0.35rem;margin-bottom:0.75rem}
.ck-tot-row{display:flex;justify-content:space-between;font-size:0.78rem;color:rgba(255,255,255,0.45)}
.ck-tot-row span:last-child{color:rgba(255,255,255,0.65);font-weight:500}
.ck-total-final{display:flex;justify-content:space-between;align-items:baseline;padding:0.85rem 0;border-top:1px solid rgba(255,255,255,0.1);margin-top:0.25rem}
.ck-total-final>span:first-child{font-size:0.7rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,0.45)}
.ck-total-final>span:last-child{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:#fff;letter-spacing:0.04em;line-height:1}
.ck-pay-btn{display:flex;align-items:center;justify-content:center;gap:0.6rem;width:100%;background:#5469D4;border:none;padding:0.95rem;border-radius:6px;color:#fff;font-family:'Inter',sans-serif;font-size:0.82rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;transition:background 0.2s,transform 0.15s;margin-top:1.1rem}
.ck-pay-btn:hover{background:#4355C0;transform:translateY(-1px)}
.ck-pay-note{font-size:0.65rem;color:rgba(255,255,255,0.25);text-align:center;margin-top:0.65rem;line-height:1.6}

@media(max-width:820px){
  .ck-layout{grid-template-columns:1fr}
  .ck-summary-col{position:static}
}
@media(max-width:540px){
  .ck-card-body{grid-template-columns:1fr}
  .ck-variantes{min-height:140px}
  .ck-card-info{padding:1rem}
}

/* TIENDA EN INICIO */
.sec-tienda{background:var(--dark);border-top:1px solid rgba(0,176,255,0.12);padding:5rem 2rem}
.sec-tienda-inner{max-width:1280px;margin:0 auto}
.tienda-filtros{display:flex;gap:0.5rem;flex-wrap:wrap;margin:2rem 0 2.5rem}
.tf-btn{background:transparent;border:1px solid var(--faint);border-radius:50px;padding:0.45rem 1.2rem;font-family:'Inter',sans-serif;font-size:0.72rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);cursor:pointer;transition:all 0.2s}
.tf-btn:hover{border-color:var(--blue3);color:#fff}
.tf-btn.activo{background:var(--blue);border-color:var(--blue);color:#fff}
.prod-filtros .tf-btn.activo{background:#166534;border-color:#22C55E;color:#fff}
.prod-filtros .tf-btn:hover{border-color:#22C55E;color:#22C55E}
.tienda-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}
.tp-card{background:var(--dark2);border:1px solid var(--faint);border-radius:8px;overflow:hidden;cursor:pointer;transition:transform 0.2s,border-color 0.2s}
.tp-card:hover{transform:translateY(-3px);border-color:var(--blue2)}
.tp-card.hidden{display:none}
.tp-img{aspect-ratio:1;overflow:hidden;background:var(--dark3)}
.tp-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s}
.tp-card:hover .tp-img img{transform:scale(1.04)}
.tp-prox-img{aspect-ratio:1;background:var(--dark3);display:flex;align-items:center;justify-content:center;font-size:2.5rem;opacity:0.25}
.tp-info{padding:0.85rem 1rem}
.tp-soon{font-size:0.55rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-bottom:0.25rem}
.tp-name{font-size:0.85rem;font-weight:600;color:#fff;margin-bottom:0.3rem}
.tp-precio{font-family:'Bebas Neue',sans-serif;font-size:1.2rem;color:var(--blue3)}
.tp-cta{font-size:0.68rem;color:var(--blue3);font-weight:600;margin-top:0.4rem;letter-spacing:0.05em}

/* GALERÍA */
.sec-gal{background:var(--dark);padding:6rem 2rem}
.gal-inner{max-width:1280px;margin:0 auto}
.gal-year-label{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:0.06em;color:var(--blue3);margin-bottom:1.5rem;border-bottom:1px solid var(--faint);padding-bottom:0.75rem}
.gal-placeholder{background:var(--dark2);border:1px solid var(--faint);border-radius:8px;padding:4rem 2rem;text-align:center;color:var(--muted);font-size:0.88rem;margin-top:1.5rem}
.gal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:0}
.vid-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:1.5rem}
.vi{background:var(--dark3);border:1px solid var(--faint);border-radius:4px;overflow:hidden;position:relative;aspect-ratio:9/16}
.vi video{width:100%;height:100%;object-fit:cover;display:block}
.vi:hover video{opacity:0.85}
.gi,.vi{cursor:pointer}

/* ── LIGHTBOX ── */
#lightbox{display:none;position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,0.97);align-items:center;justify-content:center;flex-direction:column;touch-action:pan-y;overflow:hidden}
#lightbox.open{display:flex}
.lb-close{position:fixed;top:1rem;right:1rem;background:rgba(255,255,255,0.1);border:none;color:#fff;font-size:1.5rem;cursor:pointer;z-index:2001;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;transition:background 0.2s}
.lb-close:hover{background:rgba(255,255,255,0.25)}
.lb-prev,.lb-next{position:fixed;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.08);border:none;color:#fff;font-size:2.5rem;cursor:pointer;z-index:2001;padding:1rem 0.75rem;line-height:1;border-radius:4px;transition:background 0.2s}
.lb-prev:hover,.lb-next:hover{background:rgba(255,255,255,0.2)}
.lb-prev{left:0.25rem}
.lb-next{right:0.25rem}
.lb-content{display:flex;align-items:center;justify-content:center;width:100%;max-height:88vh;padding:0 3.5rem;overflow:hidden}
.lb-content img{max-width:100%;max-height:88vh;object-fit:contain;border-radius:4px;display:block}
.lb-content video{max-width:100%;max-height:88vh;object-fit:contain;border-radius:4px;display:block}
.lb-counter{color:rgba(255,255,255,0.35);font-size:0.7rem;letter-spacing:0.18em;margin-top:0.75rem;font-weight:600;transition:opacity 0.2s}
@keyframes lb-from-right{from{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}
@keyframes lb-from-left{from{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:translateX(0)}}
@keyframes lb-fade-in{from{opacity:0;transform:scale(0.97)}to{opacity:1;transform:scale(1)}}
.lb-anim-right *{animation:lb-from-right 0.38s cubic-bezier(0.22,1,0.36,1) both}
.lb-anim-left  *{animation:lb-from-left  0.38s cubic-bezier(0.22,1,0.36,1) both}
.lb-anim-open  *{animation:lb-fade-in    0.35s cubic-bezier(0.22,1,0.36,1) both}
@media(max-width:600px){.lb-prev{left:0}.lb-next{right:0}.lb-content{padding:0 2.75rem;max-height:80vh}.lb-content img,.lb-content video{max-height:80vh}}

/* PRODUCTS PAGE - layout */
.prod-page-grid{display:flex;flex-direction:column;gap:2.5rem}
.prod-page-item{width:100%}
.prod-prox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-top:0.5rem}
.prod-prox-card{background:var(--dark2);border:1px dashed var(--faint);border-radius:8px;padding:2rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0.5rem;opacity:0.45}
.prod-prox-icon{font-size:2rem}
.prod-page-item.hidden{display:none}
/* PRODUCTS PAGE - precio + color en misma línea */
.prod-precio-row{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}
/* Entrega y datos */
.prod-entrega-opts{display:flex;flex-direction:column;gap:0.5rem;margin-top:0.5rem}
.prod-entrega-opt{display:flex;align-items:center;gap:0.75rem;border:1.5px solid var(--faint);border-radius:6px;padding:0.75rem 1rem;cursor:pointer;transition:border-color 0.15s}
.prod-entrega-opt input[type=radio]{accent-color:var(--blue2);width:16px;height:16px;flex-shrink:0;cursor:pointer}
.prod-entrega-opt.activo{border-color:var(--blue3);background:rgba(0,176,255,0.04)}
.peo-texto{flex:1}
.peo-texto strong{display:block;font-size:0.85rem;color:#fff}
.peo-texto span{display:block;font-size:0.7rem;color:var(--muted);margin-top:0.1rem}
.peo-precio{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;color:var(--blue3)}
.prod-datos{margin-top:1rem}
.prod-datos-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.6rem;margin-top:0.5rem}
.pd-input{background:var(--dark3);border:1px solid var(--faint);border-radius:4px;padding:0.65rem 0.9rem;color:#fff;font-family:'Inter',sans-serif;font-size:0.85rem;outline:none;transition:border-color 0.2s;width:100%}
.pd-input:focus{border-color:var(--blue2)}
.pd-input::placeholder{color:var(--muted)}
.gi{background:var(--dark3);border:1px solid var(--faint);border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;min-height:220px;transition:transform 0.3s}
.gi:hover{transform:scale(1.02);z-index:2}
.gi img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.gi.w2{grid-column:span 2}
.gi.t2{grid-row:span 2}
.gi-ph{display:flex;flex-direction:column;align-items:center;gap:0.5rem;position:relative;z-index:1}
.gi-tag{font-size:0.58rem;letter-spacing:0.22em;text-transform:uppercase;color:rgba(255,255,255,0.18);border:1px dashed rgba(255,255,255,0.1);padding:0.3rem 0.8rem;border-radius:2px}
.gi-ov{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(0deg,rgba(6,6,8,0.8),transparent);pointer-events:none}

/* REGLAMENTO */
.sec-regl{background:var(--black);padding:6rem 0}
.regl-inner{max-width:880px;margin:0 auto;padding:0 2rem}
.rule-block{border-bottom:1px solid var(--faint);padding:2.5rem 0;display:grid;grid-template-columns:80px 1fr;gap:2rem;align-items:start}
.rule-num{font-family:'Bebas Neue',sans-serif;font-size:3.5rem;color:var(--blue);line-height:1;opacity:0.5}
.rule-title{font-family:'Oswald',sans-serif;font-weight:600;font-size:1rem;letter-spacing:0.1em;text-transform:uppercase;color:#fff;margin-bottom:1rem}
.rule-list{list-style:none;display:flex;flex-direction:column;gap:0.6rem}
.rule-list li{font-size:0.87rem;color:rgba(255,255,255,0.5);line-height:1.7;padding-left:1rem;position:relative}
.rule-list li::before{content:'';position:absolute;left:0;top:0.65em;width:4px;height:4px;border-radius:50%;background:var(--blue2)}
.regl-alert{background:rgba(0,176,255,0.06);border:1px solid rgba(0,176,255,0.15);border-radius:4px;padding:1.25rem 1.5rem;margin-bottom:3rem;font-size:0.85rem;color:rgba(255,255,255,0.6)}
.regl-alert strong{color:var(--blue3);display:block;font-size:0.65rem;letter-spacing:0.2em;text-transform:uppercase;margin-bottom:0.3rem}

/* CARTA */
.sec-carta{background:var(--dark);padding:6rem 0}
.carta-inner{max-width:860px;margin:0 auto;padding:0 2rem}
.carta-doc{background:var(--dark2);border:1px solid var(--faint);border-radius:6px;padding:3rem;margin-bottom:2rem}
.carta-hdr{text-align:center;padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid var(--faint)}
.carta-hdr h2{font-family:'Bebas Neue',sans-serif;font-size:2.2rem;letter-spacing:0.05em;margin-bottom:0.3rem}
.carta-hdr p{font-size:0.72rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted)}
.clausula{margin-bottom:1.75rem}
.cl-num{font-size:0.62rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--blue3);margin-bottom:0.4rem}
.cl-body{font-size:0.87rem;color:rgba(255,255,255,0.5);line-height:1.8}
.firma-sec{background:var(--dark3);border-radius:6px;padding:2rem;margin-top:2rem}
.firma-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem}
.ffl label{font-size:0.62rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:0.4rem}
.ffl input{width:100%;background:var(--dark2);border:1px solid var(--faint);border-radius:4px;padding:0.75rem 1rem;color:#fff;font-family:'Inter',sans-serif;font-size:0.88rem;outline:none}
.ffl input:focus{border-color:var(--blue2)}

/* FICHA DE INSCRIPCIÓN */
.ficha-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem 1.5rem;margin-top:1rem}
.ficha-field{display:flex;align-items:baseline;gap:0.5rem;flex-wrap:wrap}
.ficha-field.full{grid-column:span 2}
.ficha-field.wide{grid-column:span 1}
.ficha-label{font-size:0.68rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.ficha-blank{flex:1;border-bottom:1px solid var(--faint);min-width:60px;height:1.2rem}
.ficha-blank.short{min-width:40px;max-width:80px;flex:none}
.ficha-suffix{font-size:0.72rem;color:var(--muted);white-space:nowrap}
.ficha-checks{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:0.5rem;font-size:0.82rem;color:rgba(255,255,255,0.6)}
.ficha-box{display:inline-block;width:16px;height:16px;border:1px solid var(--faint);border-radius:2px;vertical-align:middle;margin-left:3px}
.cats-ficha{display:grid;grid-template-columns:repeat(3,1fr);gap:0.5rem 1rem;margin-top:0.75rem}
.cf-item{font-size:0.82rem;color:rgba(255,255,255,0.7);display:flex;align-items:center;gap:0.4rem}
.cf-age{font-size:0.72rem;color:var(--muted)}
@media(max-width:600px){
  .ficha-grid{grid-template-columns:1fr}
  .ficha-field.full{grid-column:span 1}
  .cats-ficha{grid-template-columns:1fr 1fr}
}

/* CORREDORES */
.sec-dark{background:var(--dark);padding:4rem 2rem 6rem}
.sec-dark-inner{max-width:1100px;margin:0 auto}
.cor-topbar{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem;flex-wrap:wrap}
.cor-stat{min-width:140px}
.cor-stat-n{font-family:'Bebas Neue',sans-serif;font-size:3.5rem;line-height:1;color:var(--blue3)}
.cor-stat-l{font-size:0.62rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted)}
.cor-search{flex:1;min-width:220px;background:var(--dark2);border:1px solid var(--faint);border-radius:4px;padding:0.75rem 1.2rem;color:#fff;font-family:'Inter',sans-serif;font-size:0.88rem;outline:none;transition:border-color 0.2s}
.cor-search:focus{border-color:var(--blue2)}
.cor-search::placeholder{color:var(--muted)}
.cor-loading{text-align:center;padding:4rem;font-size:0.85rem;color:var(--muted)}

/* Wrapper con cabecera + filas */
.cor-tabla{border:1px solid var(--faint);border-radius:8px;overflow:hidden}

/* ── Tabla de corredores ── */
.cor-header,.cor-row{display:grid;grid-template-columns:68px 1.4fr 1.7fr 1.4fr}
.cor-header{padding:0.6rem 0;background:rgba(0,176,255,0.07);border-bottom:1px solid rgba(0,176,255,0.2);font-size:0.56rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--blue3)}
.cor-header > div,.cor-row > div{padding:0 1rem;border-right:1px solid rgba(255,255,255,0.05);overflow:hidden;min-width:0}
.cor-header > div{border-right-color:rgba(0,176,255,0.18);white-space:nowrap}
.cor-header > div:first-child,.cor-row > div:first-child{padding:0 0.5rem 0 0.75rem}
.cor-header > div:last-child,.cor-row > div:last-child{border-right:none}

.cor-lista{display:flex;flex-direction:column}
.cor-row{padding:0.85rem 0;align-items:start;background:var(--dark2);border-bottom:1px solid var(--faint);transition:background 0.15s}
.cor-row:last-child{border-bottom:none}
.cor-row-even{background:rgba(255,255,255,0.025)}
.cor-row:hover{background:rgba(0,176,255,0.06)}

.cor-num-badge{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;line-height:1;color:var(--blue3)}

.cor-col-nombre{display:flex;flex-direction:column;gap:1px;padding-left:0.4rem}
.cor-nombre-txt{font-size:0.69rem;font-weight:600;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-transform:uppercase;word-break:break-word;line-height:1.35}
.cor-apodo{font-size:0.56rem;font-style:italic;color:rgba(255,255,255,0.38);text-transform:uppercase}
.cor-apodo-empty{font-size:0.56rem;color:rgba(255,255,255,0.2)}
.cor-mobile-sub{display:none;font-size:0.54rem;color:rgba(255,255,255,0.38);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.cor-col-cat{display:flex;flex-direction:column;gap:1px;min-width:0}
.cor-cat-txt{font-size:0.61rem;color:var(--blue3);font-weight:600;white-space:normal;text-transform:uppercase;line-height:1.35;word-break:break-word}
.cor-col-lugar{display:flex;flex-direction:column;gap:2px;min-width:0}
.cor-lugar-ciudad{font-size:0.63rem;color:rgba(255,255,255,0.55);white-space:normal;text-transform:uppercase;line-height:1.35;word-break:break-word}
.cor-lugar-club{display:block;font-size:0.54rem;color:rgba(255,255,255,0.35);white-space:normal;text-transform:uppercase;font-style:italic;line-height:1.3;word-break:break-word}

.cor-empty{text-align:center;padding:4rem;font-size:0.85rem;color:var(--muted)}

/* PRODUCTOS */
.prod-card{background:var(--dark2);border:1px solid rgba(34,197,94,0.2);border-radius:12px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}
.prod-badge{background:rgba(34,197,94,0.1);color:#22C55E;border-bottom:1px solid rgba(34,197,94,0.25);font-size:0.6rem;font-weight:800;letter-spacing:0.25em;text-transform:uppercase;padding:0.55rem 1.25rem;text-align:center;grid-column:1/-1}
.prod-fotos{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--dark3);min-height:380px}
.prod-foto-main,.prod-foto-sec{width:100%;height:100%;object-fit:cover;display:block}
.prod-info{padding:2.5rem;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;max-height:600px}
.prod-titulo{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;line-height:1;letter-spacing:0.04em;margin-bottom:0.75rem}
.prod-titulo span{color:#22C55E}
.prod-desc{font-size:0.83rem;color:var(--muted);line-height:1.7;margin-bottom:1.25rem}
.prod-precio{font-family:'Bebas Neue',sans-serif;font-size:2.8rem;color:#22C55E;line-height:1}
.prod-precio span{font-family:'Inter',sans-serif;font-size:1rem;font-weight:400;color:var(--muted)}
@media(max-width:860px){
  .prod-card{grid-template-columns:1fr}
  .prod-fotos{min-height:260px;grid-template-columns:1fr 1fr}
  .prod-foto-sec{display:block}
  .prod-info{max-height:none;padding:1.75rem}
}
.prod-opts{}
.prod-opt-label{font-size:0.62rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-bottom:0.6rem}
.prod-colores{display:flex;gap:0.5rem;flex-wrap:wrap}
.prod-color{border:2px solid transparent;border-radius:4px;padding:0.35rem 1.1rem;font-size:0.78rem;font-weight:700;cursor:pointer;transition:border-color 0.2s,transform 0.15s;color:#fff}
.prod-color.activo{border-color:#fff;transform:translateY(-1px)}
.prod-tallas{display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:0.25rem}
.prod-talla{background:var(--dark3);border:1px solid var(--faint);border-radius:3px;padding:0.45rem 0.9rem;font-size:0.8rem;font-weight:600;color:rgba(255,255,255,0.6);cursor:pointer;transition:all 0.15s}
.prod-talla:hover{border-color:#22C55E;color:#fff}
.prod-talla.activo{background:#166534;border-color:#22C55E;color:#fff}
.prod-btn-comprar{display:flex;align-items:center;justify-content:center;gap:0.6rem;width:100%;margin-top:1.5rem;background:#166534;color:#fff;border:1px solid #22C55E;padding:1rem;border-radius:4px;font-family:'Inter',sans-serif;font-weight:700;font-size:0.85rem;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;transition:background 0.2s,transform 0.15s}
.prod-btn-comprar:hover{background:#15803d;transform:translateY(-1px)}

/* FOOTER */
footer{background:#02020A;border-top:1px solid var(--faint);padding:4rem 2rem 2rem}
.ft-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem;margin-bottom:3rem}
.ft-logo{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:0.05em;margin-bottom:1rem;display:block}
.ft-logo span{color:var(--blue3)}
.ft-brand p{font-size:0.82rem;color:var(--muted);line-height:1.7}
.ft-col h4{font-size:0.62rem;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:rgba(255,255,255,0.35);margin-bottom:1rem}
.ft-col a{display:block;font-size:0.85rem;color:var(--muted);text-decoration:none;margin-bottom:0.5rem;cursor:pointer;transition:color 0.2s}
.ft-col a:hover{color:var(--blue3)}
.ft-bottom{max-width:1280px;margin:0 auto;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.04);display:flex;justify-content:space-between;font-size:0.72rem;color:rgba(255,255,255,0.2)}

/* PAGE HEADER */
.page-hdr{background:var(--dark);padding:calc(4rem + 72px) 2rem 2rem;border-bottom:1px solid var(--faint)}
.page-hdr-inner{max-width:1280px;margin:0 auto}
.page-hdr-inner.narrow{max-width:880px}
.page-hdr h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(3rem,8vw,6rem);line-height:0.9}
.page-hdr h1 span{color:var(--blue3)}

/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */

/* ── 900px ── */
@media(max-width:900px){
  /* NAV */
  .nav-links-desktop,.nav-cta{display:none}
  .burger{display:flex}

  /* PAGE HEADERS */
  .page-hdr{padding:calc(2rem + 56px) 1.5rem 1.25rem}
  .page-hdr h1{font-size:clamp(2.5rem,10vw,4rem)}

  /* HERO */
  .hero{flex-direction:column}
  .sponsors-bar{order:-1;border-top:3px solid var(--blue3);border-bottom:none;margin-top:72px}
  .hero-main{flex-direction:column;padding:2rem 1.5rem 2rem;gap:1.5rem;text-align:center}
  .hero-left{flex:none;width:100%;align-items:center}
  .hero-right{width:calc(100% + 3rem);margin:0 -1.5rem;justify-content:center}
  .hero-right-grad{display:none}
  .hero-center-logo{display:none}
  .hero-right img{max-height:45vh;width:100%;object-fit:cover;border-radius:0}
  .sponsors-track img{height:56px}
  .hero-btns{margin-bottom:1.5rem;justify-content:center}
  .hero-date-row{flex-wrap:nowrap;align-items:center;justify-content:center}
  .hero-eyebrow{justify-content:center}
  .hero-stats{max-width:100%;justify-items:center;text-align:center;grid-template-columns:repeat(2,1fr);margin:0 auto;width:fit-content;gap:2rem;margin-bottom:1.2rem}
  .hstat-n{font-size:2rem}

  /* EVENTO INFO */
  .info-split{grid-template-columns:1fr;gap:2rem}
  .info-details{grid-template-columns:1fr}
  .foto-collage{grid-template-rows:160px 160px}

  /* CATEGORÍAS */
  .cats-grid{grid-template-columns:1fr 1fr}

  /* FOTO STRIP */
  .strip-grid{grid-template-columns:1fr 1fr}
  .sg-item.tall{grid-row:span 1}

  /* TIENDA */
  .tienda-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
  .sec-tienda{padding:3rem 1.25rem}

  /* GALERÍA */
  .gal-grid{grid-template-columns:1fr 1fr}
  .gi.w2{grid-column:span 1}
  .gi.t2{grid-row:span 1}
  .sec-gal{padding:3rem 1.25rem}

  /* PRODUCTOS PAGE */
  .prod-card{grid-template-columns:1fr}
  .prod-fotos{min-height:220px;grid-template-columns:1fr 1fr}
  .prod-info{padding:1.5rem;max-height:none}

  /* REGISTRO */
  .frow{grid-template-columns:1fr}
  .frow.f3{grid-template-columns:1fr}
  .reg-inner{padding:0 1.25rem}
  .fsec{padding:1.25rem}
  .steps{gap:0}
  .st-lbl{font-size:0.52rem;letter-spacing:0.06em}
  .sp-split{grid-template-columns:1fr}

  /* CORREDORES */
  .cor-topbar{gap:0.75rem}
  .cor-stat-n{font-size:2.5rem}
  .cor-search{min-width:0;width:100%}
  /* Móvil: Nº · Nombre+apodo · Desde+Club · Categoría */
  .cor-header,.cor-row{grid-template-columns:42px 1.5fr 1.5fr 1.2fr;padding:0.6rem 0}
  .cor-row{align-items:start}
  .cor-col-lugar{display:flex;flex-direction:column;gap:2px;white-space:normal;overflow:visible}
  .cor-lugar-ciudad{font-size:0.59rem;font-weight:700;color:#fff;text-transform:uppercase;white-space:normal;line-height:1.3}
  .cor-lugar-club{display:block;font-size:0.52rem;font-style:italic;color:rgba(255,255,255,0.38);text-transform:uppercase;white-space:normal;line-height:1.3}
  .cor-header{font-size:0.5rem;letter-spacing:0.08em}
  .cor-num-badge{font-size:1.1rem}
  .cor-nombre-txt{font-size:0.63rem}
  .cor-apodo{font-size:0.52rem}
  .cor-cat-txt{font-size:0.56rem}

  /* REGLAMENTO */
  .rule-block{grid-template-columns:50px 1fr;gap:1rem}
  .rule-num{font-size:2.5rem}
  .sec-regl{padding:3rem 0}

  /* CARTA */
  .carta-doc{padding:1.5rem}
  .firma-grid{grid-template-columns:1fr}

  /* FOOTER */
  .ft-inner{grid-template-columns:1fr;gap:2rem}
  .ft-bottom{flex-direction:column;gap:0.5rem}

  /* SECCIÓN DARK (corredores/productos) */
  .sec-dark{padding:3rem 1.25rem 4rem}
}

/* ── 600px ── */
@media(max-width:600px){
  /* HERO */
  .hero-h1{font-size:clamp(3.5rem,18vw,5.5rem);white-space:normal}
  .hero-badge{font-size:0.78rem;padding:0.35rem 0.9rem}
  .hero-location{font-size:0.72rem}
  .btn-hero-main,.btn-hero-ghost{padding:0.9rem 1.5rem;font-size:0.72rem;width:100%}
  .hero-btns{flex-direction:column;width:100%;max-width:320px}
  .hero-stats{grid-template-columns:repeat(3,1fr);gap:0;width:100%;max-width:100%}

  /* EVENTO */
  .sec-dark{padding:2.5rem 1rem 3rem}
  .sec-white{padding:3rem 1rem}
  .idet{padding:1rem 1.25rem}

  /* CATEGORÍAS */
  .cats-grid{grid-template-columns:1fr}

  /* FOTO STRIP */
  .strip-grid{grid-template-columns:1fr;max-height:none}
  .sg-item{min-height:220px}
  .strip-label{padding:0 1rem}

  /* TIENDA */
  .tienda-grid{grid-template-columns:1fr 1fr}
  .sec-tienda{padding:2.5rem 1rem}

  /* GALERÍA */
  .gal-grid{grid-template-columns:1fr 1fr;gap:4px}
  .gi{min-height:140px}

  /* REGISTRO */
  .fsec{padding:1rem}
  .fsec-title{font-size:0.78rem}
  .sp-amount{font-size:3rem}
  .fnav{flex-direction:column;gap:0.75rem}
  .fbtn-back,.fbtn-next{width:100%;justify-content:center}

  /* CORREDORES */
  .cor-cat{display:none}
  .cor-nombre{white-space:normal}

  /* PRODUCTOS PAGE */
  .prod-info{padding:1.25rem}
  .prod-titulo{font-size:1.5rem}
  .prod-precio{font-size:2rem}
  .prod-datos-grid{grid-template-columns:1fr}

  /* REGLAMENTO */
  .regl-inner{padding:0 1rem}
  .rule-block{grid-template-columns:40px 1fr;gap:0.75rem;padding:1.5rem 0}
  .rule-num{font-size:2rem}

  /* CARTA */
  .carta-inner{padding:0 1rem}
  .carta-doc{padding:1.25rem}
  .carta-hdr h2{font-size:1.6rem}

  /* FOOTER */
  footer{padding:3rem 1.25rem 1.5rem}
  .ft-inner{gap:1.5rem}
  .ft-logo{font-size:1.4rem}

  /* FICHA */
  .ficha-grid{grid-template-columns:1fr}
  .ficha-field.full{grid-column:span 1}
  .cats-ficha{grid-template-columns:1fr 1fr}
}