:root{font-family:Inter,"Segoe UI",Arial,sans-serif;background:#0d0d0d;color:#faf7ef;--gold:#d6a23c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 24%,#262119,#111 65%);min-height:100vh}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid #f4d690;outline-offset:3px}button:disabled{opacity:.3;cursor:default}[hidden]{display:none!important}header{display:flex;align-items:center;justify-content:space-between;padding:20px 4%;border-bottom:1px solid #ffffff18;gap:12px}header button{border:0;background:none;color:#eee;font-weight:700}header nav{display:flex;gap:10px}header nav button{border-radius:25px;padding:11px;background:#28241c}#count{color:var(--gold)}main{max-width:1560px;margin:auto;padding:30px 3%}em{color:var(--gold);font-style:normal}small{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.15em}h1{font-size:clamp(44px,6vw,85px);line-height:1.03;letter-spacing:-.05em}h2{font-size:clamp(29px,3vw,44px);margin:12px 0}p{color:#bfb9ad;line-height:1.6}.hero{min-height:75vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:30px 5%}.hero>div{max-width:650px}.hero p{max-width:460px}.note{font-size:12px;color:#938c81}.gold{background:var(--gold);border:0;border-radius:25px;padding:15px 23px;font-weight:bold}.cover-art{min-height:450px;max-width:330px;width:100%;margin:auto;background:linear-gradient(145deg,#30302b,#070707 70%);color:white;border:2px solid #c49b48;box-shadow:-14px 12px 0 #3c352b,24px 32px 60px #000a;transform:rotateY(-12deg) rotateZ(-2deg);display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;text-align:left;padding:33px;transition:transform .3s}.cover-art:hover{transform:rotateY(-18deg) translateY(-7px)}.cover-art strong{font-size:clamp(26px,3vw,40px);line-height:1.1}.heading,.footrow{display:flex;justify-content:space-between;align-items:center;gap:20px}.heading{flex-wrap:wrap}.toggle{background:#28241c;padding:5px;border-radius:30px}.toggle button,.filters button{background:transparent;border:0;color:#aaa;padding:11px 15px;border-radius:25px;font-weight:bold}.toggle .selected,.filters .selected{background:var(--gold);color:#15110b}#hint{font-size:13px}.book-row{display:flex;align-items:center;justify-content:center;gap:12px}.arrow{background:#28241c;color:#e8bd6a;border:1px solid #6f552f;font-size:35px;border-radius:10px;width:43px;height:53px;flex-shrink:0}.book{display:flex;width:min(100%,1280px);background:#14120f;box-shadow:0 25px 70px #000b;border:2px solid #63461e;position:relative}.book:after{content:"";position:absolute;pointer-events:none;left:50%;top:0;bottom:0;width:12px;transform:translateX(-50%);background:linear-gradient(90deg,#0008,#fff2,#0009)}.sheet{width:50%;flex:0 0 50%;aspect-ratio:1024/1400;position:relative;background:#171717;overflow:visible}.bg{width:100%;height:100%;display:block}.slot{position:absolute;padding:0;border:0;background:transparent;transition:transform .2s,filter .2s;z-index:1}.slot:hover,.slot:focus-visible{transform:translateY(-5%) scale(1.13);filter:drop-shadow(0 13px 10px #000b);z-index:10}.slot img{height:100%;width:100%;object-fit:fill;display:block}.slot.pending{background:#dedad9aa;border:2px solid #d6a23c;color:#493822;font-size:11px;font-weight:800}.placeholder{background:linear-gradient(145deg,#27231a,#101010);border:1px solid #7a602a;display:grid;place-content:center;text-align:center;padding:20px}.placeholder strong{font-size:clamp(22px,3vw,40px);color:var(--gold)}.placeholder p{font-size:13px}.footrow{padding:18px 48px}.footrow button,.heading>button{color:#ddd;background:transparent;border:0}.progress{margin:25px 0;padding:25px;background:#231e16;border:1px solid #624d2c;border-radius:14px}.progress>div:first-child{display:flex;justify-content:space-between}.track{height:10px;background:#514a3c;border-radius:20px;overflow:hidden;margin:20px 0}.track div{height:100%;width:0;background:var(--gold)}.filters{display:flex;gap:8px;margin:20px 0}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tile{background:#1d1b18;border:1px solid #55462d;border-radius:10px;overflow:hidden}.tile img{width:100%;cursor:pointer;display:block}.tile.missing img{filter:grayscale(1);opacity:.5}.tile section{padding:15px}.tile h3{margin:5px 0}.tile button{background:#3b3428;color:#f5e6ca;border:0;border-radius:20px;padding:9px 13px;margin:8px 6px 0 0}.modal{position:fixed;inset:0;z-index:99;display:grid;place-items:center;padding:15px}.shade{position:absolute;inset:0;background:#000d;backdrop-filter:blur(7px)}.dialog{position:relative;max-width:930px;width:100%;background:#211e18;border:1px solid #b28b42;border-radius:15px;max-height:92vh;overflow:auto}.dialog>button{position:absolute;right:10px;top:10px;background:#161616;color:white;border:1px solid #94753f;border-radius:50%;font-size:25px;width:42px;height:42px;z-index:2}.modal-content{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:40px}.modal-content img{width:100%}.modal-content h2{font-size:35px}.fact{border-top:1px solid #5a5140;padding:10px 0}.fact label{color:#b3a68a;font-size:11px;display:block}.modal-content button{background:var(--gold);border:0;border-radius:20px;padding:13px;font-weight:bold}footer{color:#817c73;font-size:11px;text-align:center;padding:40px;border-top:1px solid #ffffff12}@media(max-width:760px){header{padding:12px;font-size:11px}.hero{grid-template-columns:1fr;text-align:center;padding:25px 5%}.hero .cover-art{text-align:left}.book-row{gap:5px}.arrow{width:25px;height:40px;font-size:24px;padding:0}.book{max-width:calc(100vw - 78px)}.book:after{display:none}.sheet{width:100%;flex-basis:100%}.footrow{padding:20px 0;font-size:11px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.modal-content{grid-template-columns:1fr;padding:25px 15px}.modal-content img{max-height:37vh;object-fit:contain}.modal-content h2{font-size:27px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Cromos dobles y sus controles */
.slot-wrap{position:absolute;z-index:1}.slot-wrap:hover,.slot-wrap:focus-within{z-index:20}.slot-wrap .slot{position:absolute;inset:0;width:100%;height:100%}.slot-wrap .slot:hover,.slot-wrap .slot:focus-visible{z-index:3}.stack-switch{position:absolute;bottom:-2px;right:-2px;z-index:5;background:#d6a23c;color:#17110a;border:1px solid #17110a;border-radius:5px;padding:3px 6px;font-size:clamp(8px,.8vw,13px);font-weight:800;box-shadow:0 2px 7px #0008}.slot-wrap .pending{display:grid;place-items:center;width:100%;height:100%;font-size:clamp(7px,.75vw,11px)}

/* Catálogo Grupo 1 */
.league-intro{min-height:350px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 4%;background:linear-gradient(115deg,#1d1b18 15%,#0a0a0a 70%);border:1px solid #443923;border-radius:18px}.league-intro h1{margin:15px 0;font-size:clamp(43px,6.4vw,87px)}.league-intro p{max-width:620px}.league-number{min-width:200px;display:flex;flex-direction:column;align-items:center;line-height:1;color:#cba157}.league-number span{font-size:35px;font-weight:900}.league-number strong{font-size:130px;letter-spacing:-.09em}.league-tools{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;margin:35px 0 22px;gap:20px}.club-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.club-controls input{background:#25221e;color:white;border:1px solid #66502d;border-radius:24px;padding:13px 17px;min-width:245px}.club-filters{margin:0}.clubs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.club-card{min-height:245px;display:flex;flex-direction:column;align-items:stretch;text-align:left;background:linear-gradient(140deg,#24221f,#141413);color:#fff;border:1px solid #55452b;border-radius:12px;padding:20px;transition:transform .2s,border-color .2s}.club-card:hover{transform:translateY(-5px);border-color:#d6a23c}.club-card-top,.club-card-bottom{display:flex;justify-content:space-between;font-size:10px;color:#aba394;letter-spacing:.04em}.club-card.is-ready{border-color:#b88c39}.club-card.is-ready .club-card-top span:last-child{color:#d6a23c}.club-symbol{height:85px;display:flex;align-items:center;font-size:33px;font-weight:900;letter-spacing:-.07em;color:#bc9648}.club-card strong{font-size:18px;line-height:1.3}.club-city{font-size:12px;color:#a5a095;margin:6px 0 17px}.club-card-bottom{margin-top:auto;border-top:1px solid #ffffff17;padding-top:12px;color:#d6a23c}.catalog-note{font-size:12px;margin-top:25px}.club-pending{text-align:center;min-height:75vh}.club-pending>button{display:block;background:none;color:#ccc;border:0}.pending-content{padding:50px 10px;max-width:600px;margin:auto}.pending-monogram{font-size:90px;font-weight:900;color:#bd9650;margin:30px 0}.pending-content h1{font-size:48px}.pending-content .gold{margin-top:15px}@media(max-width:1000px){.clubs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.league-intro{padding:35px 20px;min-height:unset}.league-number{display:none}.clubs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.club-card{padding:13px;min-height:215px}.club-card strong{font-size:15px}.club-card-top{font-size:8px}.club-symbol{height:65px;font-size:26px}.club-controls input{width:100%;min-width:unset}.league-tools{align-items:start}.club-filters{margin:0}}
/* Escudos de los equipos: archivos propios, misma caja visual */
.club-symbol{justify-content:center;align-items:center}.club-crest{display:block;width:100%;height:78px;max-width:125px;object-fit:contain}.club-fallback{color:#bc9648}.club-crest[hidden],.club-fallback[hidden]{display:none!important}@media(max-width:760px){.club-crest{height:61px;max-width:96px}}

/* Selector minimalista: veinte clubes de un vistazo */
.clubs-section{max-width:1050px;margin:0 auto;min-height:calc(100vh - 170px);display:flex;flex-direction:column;justify-content:center}
.clubs-section .league-intro{display:block;min-height:unset;text-align:center;padding:12px 8px 26px;background:none;border:0;border-radius:0}
.clubs-section .league-intro h1{font-size:clamp(32px,4vw,55px);letter-spacing:-.035em;margin:9px 0}
.clubs-section .league-intro p{max-width:none;margin:0;font-size:14px}
.clubs-section .clubs-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 16px;align-items:center}
.club-logo-button{border:0;background:none;color:#e8e4dc;min-height:130px;padding:10px 5px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border-radius:10px;transition:transform .18s ease,background .18s ease}
.club-logo-button:hover,.club-logo-button:focus-visible{transform:translateY(-4px);background:#ffffff0d}
.club-logo-button .club-symbol{height:80px;width:100%;display:flex;justify-content:center;align-items:center}
.club-logo-button .club-crest{max-height:76px;max-width:100px;height:100%;width:100%;object-fit:contain}
.club-logo-button .club-fallback{font-size:30px;letter-spacing:-.05em}
.club-logo-button .club-logo-name{font-size:11px;color:#bdb6aa;font-weight:600;text-align:center;line-height:1.25}
@media(max-width:760px){.clubs-section{min-height:calc(100dvh - 115px)}.clubs-section .league-intro{padding:8px 4px 14px}.clubs-section .league-intro h1{font-size:30px}.clubs-section .league-intro p{font-size:12px}.clubs-section .clubs-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.club-logo-button{min-height:90px;padding:4px 1px;gap:4px}.club-logo-button .club-symbol{height:52px}.club-logo-button .club-crest{max-height:50px;max-width:58px}.club-logo-button .club-fallback{font-size:17px}.club-logo-button .club-logo-name{font-size:8px}}

/* Selector en una sola fila: color = disponible, gris = pendiente */
.clubs-section{max-width:none;width:100%;min-height:calc(100vh - 170px)}
.clubs-section .league-intro{padding-bottom:35px}
.clubs-section .clubs-grid{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));width:100%;gap:clamp(2px,.35vw,7px);overflow:visible}
.clubs-section .club-logo-button{min-width:0;width:100%;min-height:92px;padding:5px 0;gap:0;border-radius:8px;background:transparent;position:relative}
.clubs-section .club-logo-button:hover,.clubs-section .club-logo-button:focus-visible{background:#ffffff12;transform:translateY(-5px);z-index:2}
.clubs-section .club-logo-button .club-symbol{width:100%;height:68px;min-width:0}
.clubs-section .club-logo-button .club-crest{width:100%;height:60px;max-width:100%;max-height:60px;object-fit:contain}
.clubs-section .club-logo-button .club-fallback{font-size:clamp(9px,1.5vw,19px);white-space:nowrap}
.clubs-section .club-logo-button .club-logo-name{font-size:0;line-height:0;max-height:0;overflow:hidden}
.clubs-section .club-logo-button.is-unavailable .club-crest{filter:grayscale(1);opacity:.45}
.clubs-section .club-logo-button.is-ready .club-crest{filter:none;opacity:1}
.clubs-section .club-logo-button.is-unavailable .club-fallback{color:#777;opacity:.6}
.clubs-section .club-logo-button.is-ready .club-fallback{color:#d6a23c}
.clubs-section .club-logo-button.is-unavailable:hover .club-crest{opacity:.75}
@media(max-width:900px){.clubs-section .clubs-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;gap:7px;scrollbar-width:thin;padding:8px 3px 16px}.clubs-section .club-logo-button{flex:0 0 58px;scroll-snap-align:start;min-height:80px}.clubs-section .club-logo-button .club-symbol{height:58px}.clubs-section .club-logo-button .club-crest{height:53px;max-height:53px}.clubs-section .club-logo-button .club-fallback{font-size:15px}.clubs-section .league-intro{padding-bottom:12px}}

/* Revisión de espaciado: centros equidistantes, sin solapamientos */
.clubs-section .clubs-grid{grid-template-columns:repeat(20,minmax(0,1fr));column-gap:clamp(5px,.62vw,12px);padding-inline:clamp(10px,1.5vw,30px)}
.clubs-section .club-logo-button{overflow:visible;box-sizing:border-box}
.clubs-section .club-logo-button .club-symbol{display:grid;place-items:center;width:100%;height:72px}
.clubs-section .club-logo-button .club-crest{display:block;width:100%;height:62px;max-width:100%;max-height:62px;object-fit:contain;object-position:center}
@media(max-width:900px){.clubs-section .clubs-grid{display:flex;gap:10px;padding:8px 8px 16px}.clubs-section .club-logo-button{flex:0 0 62px}.clubs-section .club-logo-button .club-symbol{height:60px}.clubs-section .club-logo-button .club-crest{height:54px;max-height:54px}}

/* Portada diseñada por el usuario: imagen íntegra, sin textos ni rellenos */
.cover-art{padding:0;display:block;min-height:0;aspect-ratio:245/335;overflow:hidden;background:#111}
.cover-art #coverImage{display:block;width:100%;height:100%;object-fit:contain}

/* Cubierta reversible, portada / contraportada */
.cover-view{width:100%;max-width:330px;margin:auto;display:flex;flex-direction:column;align-items:center;gap:20px;perspective:1600px}
.cover-flip{position:relative;width:100%;aspect-ratio:245/335;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.7,.25,1)}
.cover-flip.flipped{transform:rotateY(180deg)}
.cover-flip .cover-art{position:absolute;inset:0;width:100%;max-width:none;height:100%;margin:0;transform:none!important;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.cover-flip .cover-rear{transform:rotateY(180deg)!important}
.cover-flip .cover-art img{width:100%;height:100%;object-fit:contain}
.cover-flip .cover-art{box-shadow:0 20px 38px #0009}
.cover-switch{background:#29251f;color:#e8bd6a;border:1px solid #6f552f;border-radius:24px;padding:10px 18px}
@media(prefers-reduced-motion:reduce){.cover-flip{transition:none}}

/* Pantalla de los equipos pendientes: escudo original a color. */
.pending-crest-wrap{
  display:flex;align-items:center;justify-content:center;
  width:min(80vw,240px);height:210px;margin:38px auto 24px;
}
.pending-crest{
  display:block;max-width:100%;max-height:100%;width:100%;height:100%;
  object-fit:contain;filter:none!important;opacity:1!important;
  transform:none!important;
  filter:drop-shadow(0 12px 20px #0005)!important;
}
.pending-crest-wrap .pending-monogram{margin:0}
@media(max-width:760px){
  .pending-crest-wrap{width:min(75vw,200px);height:180px;margin:30px auto 22px}
  .pending-content{padding:28px 10px}
}

/* Inicio: la colección sigue primero, con jornada y cromo como segundo nivel */
.clubs-section{min-height:0!important;justify-content:flex-start!important;padding-bottom:46px}
.clubs-section .league-intro{padding-top:34px;padding-bottom:25px}
.clubs-section .clubs-grid{margin-bottom:25px}
.home-highlights{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px;max-width:1180px;margin:12px auto 0;align-items:stretch}
.home-live-panel,.home-feature-panel{background:linear-gradient(155deg,#252017 0%,#161512 65%);border:1px solid #59462b;border-radius:17px;min-width:0;overflow:hidden;box-shadow:0 18px 32px #0003}
.home-panel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:23px 23px 15px}
.home-panel-titles{min-width:0}
.home-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#d4af6d}
.home-dot{width:7px;height:7px;background:#ed6e5f;border-radius:100%}
.home-highlights h2{font-size:clamp(21px,2.3vw,29px);line-height:1.14;letter-spacing:-.026em;margin:8px 0}
.home-highlights p{font-size:12px;color:#beb4a6;margin:6px 0;line-height:1.6}
.home-text-action{background:transparent;color:#ddb36b;border:0;padding:9px 0;text-align:right;font-weight:750;font-size:11px;white-space:nowrap}
.home-text-action:hover,.home-text-action:focus-visible{text-decoration:underline}
.home-live-frame{margin:0 15px;border:1px solid #413728;border-radius:11px;overflow:hidden;background:#1b1915}
.home-live-frame iframe{display:block;border:0;width:100%;height:355px;background:#1b1915}
.home-live-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px;padding:14px 23px 17px;color:#948b7d;font-size:10px}
.home-live-footer a{color:#ceb087;text-decoration:underline;text-underline-offset:2px}
.home-feature-panel{padding:23px;display:flex;flex-direction:column}
.home-feature-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:18px;flex:1;padding:18px 0 14px}
.home-feature-image{display:flex;justify-content:center;align-items:center;min-width:0}
.home-feature-image img{display:block;width:100%;height:auto;max-height:235px;object-fit:contain;filter:drop-shadow(0 16px 12px #0007);transform:rotate(-4deg)}
.home-feature-details{min-width:0}
.home-feature-number{font-size:10px;font-weight:850;color:#d9ad5c;letter-spacing:.11em}
.home-feature-details h3{color:#fff5e6;font-size:clamp(21px,2.3vw,28px);line-height:1.12;margin:10px 0 6px}
.home-feature-details p{font-size:13px;color:#d5cab6}
.home-feature-club{display:block;color:#938a7b;font-size:9px;font-weight:750;letter-spacing:.1em;margin-top:20px;line-height:1.6}
.home-feature-button{display:block;width:100%;background:#d6a23c;border:0;border-radius:23px;padding:13px;color:#21190c;font-weight:850;font-size:12px}
.home-feature-button:hover,.home-feature-button:focus-visible{background:#f0bc55}
@media(max-width:980px){
 .home-highlights{grid-template-columns:1fr;max-width:740px;gap:16px}
 .home-feature-body{grid-template-columns:180px minmax(0,1fr);flex:0}
 .home-feature-image img{max-height:175px}
}
@media(max-width:760px){
 .clubs-section .league-intro{padding-top:12px;padding-bottom:14px}
 .clubs-section .clubs-grid{margin-bottom:15px}
 .home-highlights{margin:10px 0 0;gap:13px}
 .home-panel-top{padding:17px 15px 12px;gap:12px;flex-direction:column}
 .home-highlights h2{font-size:24px}
 .home-text-action{align-self:flex-start;padding:3px 0}
 .home-live-frame{margin:0 9px}
 .home-live-frame iframe{height:330px}
 .home-live-footer{padding:12px 14px 15px}
 .home-feature-panel{padding:17px 15px}
 .home-feature-body{grid-template-columns:44% minmax(0,1fr);gap:14px;padding:15px 0}
 .home-feature-image img{max-height:185px}
 .home-feature-details h3{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.home-feature-image img{transform:none}}