/* Mi colección: mismo lenguaje visual que el inicio (etiquetas mono, tarjetas blancas, banda oscura con acciones). */
.collection-page-main .collection-kicker{display:flex;align-items:center;gap:10px;font:500 11px/1.3 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:#121212}
.collection-page-main .collection-kicker::before{content:"";width:7px;height:7px;background:#ff8346;flex:none}
.collection-page-main .collection-intro strong{font-size:15px}
.collection-page-main .collection-intro p{margin-top:6px;max-width:52ch;font-size:15px;line-height:1.55;color:#5c5a54}
.collection-page-main .collection-subline strong{font:600 12px/1 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.14em}

/* Pestañas más legibles */
.collection-status-tabs button{min-height:72px}
.collection-status-tabs .collection-tab-kicker{font:500 10px/1.2 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.14em}
.collection-status-tabs strong{font-size:13px;letter-spacing:.08em}
.collection-album-count{font-size:11px}
.collection-album-count b{font-size:13px}

/* Estado vacío: invita a empezar y explica cómo funciona */
.collection-empty{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:clamp(28px,5vw,80px);align-content:center;align-items:center;background:#121212;padding:clamp(40px,5vw,72px)}
.collection-empty>*:not(.collection-empty-marks){grid-column:1}
.collection-empty .collection-empty-label{display:flex;align-items:center;gap:10px;margin:0 0 18px;font:500 11px/1.3 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.16em;text-transform:uppercase}
.collection-empty .collection-empty-label::before{content:"";width:7px;height:7px;background:#ff8346}
.collection-empty h2{font:800 clamp(34px,4.4vw,58px)/.98 Raleway,Arial,sans-serif;letter-spacing:-.06em}
.collection-empty p:not(.collection-empty-label){margin:18px 0 26px;max-width:46ch;color:#bdbbb4;font-size:15px}
.collection-empty a{justify-self:start;background:#ff8346;border-color:#ff8346;color:#121212;padding:15px 24px;letter-spacing:.12em}
.collection-empty a:hover{background:#fff;border-color:#fff;color:#121212}
.collection-empty-marks{grid-column:2;grid-row:1/5;list-style:none;margin:0;padding:0;border-top:1px solid #2f2f2d}
.collection-empty-marks li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:18px;row-gap:3px;padding:20px 0;border-bottom:1px solid #2f2f2d;align-items:center}
.collection-empty-marks i{grid-row:1/3;width:44px;height:44px;border-radius:50%;background:#ff8346 center/22px no-repeat}
.collection-empty-marks b{align-self:end;font:600 12px "IBM Plex Mono","DM Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.collection-empty-marks span{align-self:start;color:#a9a7a0;font:500 14px/1.4 Raleway,Arial,sans-serif}
.collection-empty-marks i.pm-own{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.collection-empty-marks i.pm-want{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M12 20.5S3.5 15 3.5 8.9A4.4 4.4 0 0 1 12 7.2a4.4 4.4 0 0 1 8.5 1.7C20.5 15 12 20.5 12 20.5z'/%3E%3C/svg%3E")}
.collection-empty-marks i.pm-set{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='2.2' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='7' height='7'/%3E%3Crect x='13' y='4' width='7' height='7'/%3E%3Crect x='4' y='13' width='7' height='7'/%3E%3Crect x='13' y='13' width='7' height='7'/%3E%3C/svg%3E")}

/* Sugerencias: título más claro y tarjetas como las del catálogo */
.collection-recommendations-title{text-transform:none;font:800 clamp(24px,2.4vw,32px)/1.1 Raleway,Arial,sans-serif;letter-spacing:-.04em;border-bottom:0;padding-bottom:18px}
.collection-recommendation .collection-card-photo{background:#fff;outline:1px solid #e4e4e0;outline-offset:-1px}
.collection-recommendation .collection-card-index{font:500 10px "IBM Plex Mono","DM Mono",monospace;letter-spacing:.14em}

@media(max-width:820px){
  .collection-empty{grid-template-columns:1fr}
  .collection-empty-marks{grid-column:1;grid-row:auto;margin-top:34px}
}

/* Mis números vacío: invita a empezar y muestra cómo se verá */
.stats-empty{padding:clamp(40px,5vw,64px) 0 clamp(40px,5vw,64px)}
.stats-empty h2{font-size:clamp(34px,4.4vw,58px);line-height:.98;letter-spacing:-.06em}
.stats-empty .stats-empty-copy{margin:18px 0 26px;max-width:46ch;color:#5c5a54;font:500 15px/1.55 Raleway,Arial,sans-serif}
.stats-empty-cta{display:inline-flex;gap:32px;align-items:center;padding:15px 24px;background:#ff8346;border:1px solid #ff8346;color:#121212;text-decoration:none;font:800 12px/1 Raleway,Arial,sans-serif;letter-spacing:.12em}
.stats-empty-cta:hover{background:#121212;border-color:#121212;color:#fff}
.stats-empty-preview{margin-top:clamp(36px,4vw,56px);padding:22px 24px 4px;border:1px dashed #b7b09c;opacity:.55;pointer-events:none;user-select:none}
.stats-empty-preview-label{margin:0 0 4px;font:500 11px/1.3 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#4d4a42}
.stats-empty-preview .stats-number{min-height:130px}
.stats-empty-preview .stats-number-grid{border-bottom:0}

/* Colecciones: textos chicos (8 a 9 px) más legibles */
.sets-group-heading h3 small{font:500 11px/1 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.14em}
.set-listing-copy{gap:9px;padding:16px 16px 12px}
.set-listing-meta{font:500 11px/1.3 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.1em}
.set-listing-progress{padding:12px 16px 16px}
.set-listing-progress-meta{font:500 11px/1.3 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.08em}
.set-listing-cta{font:800 11px/1.2 Raleway,Arial,sans-serif;letter-spacing:.08em}
.set-listing-cta i{font-size:15px}
.set-back{font-size:11px}
.set-detail-progress>div:first-child span{font:500 11px/1.3 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.1em}
.set-detail-counts{font:500 11px/1.3 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.08em}
.set-complete-note{font:600 11px/1 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.1em}
.stats-number span{font:500 11px/1.45 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.1em}
@media(max-width:600px){
  .set-listing-meta,.set-listing-progress-meta{font-size:10.5px}
  .set-listing-progress-meta{gap:6px}
  .stats-number span{font-size:10px}
}

/* ===== Mi colección más atractiva: cabecera oscura, pestañas tipo tarjeta, bloques con imagen ===== */
/* Cabecera: banda oscura a todo lo ancho con imagen de fondo */
.collection-page-main .collection-page-head{position:relative;isolation:isolate;margin-top:0;padding:clamp(36px,5vw,64px) 0 clamp(30px,4vw,48px);border-bottom:0;color:#f7f6f2;clip-path:inset(0 -100vmax)}
.collection-page-main .collection-page-head::before{content:"";position:absolute;z-index:-2;top:0;bottom:0;left:-100vmax;right:-100vmax;background:#121212}
.collection-page-main .collection-page-head::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;right:calc(50% - 50vw);width:min(54vw,780px);background:linear-gradient(90deg,#121212 0%,rgba(18,18,18,.6) 40%,rgba(18,18,18,.2) 100%),url("assets/collection-covers/la-albiceleste-banner.webp") center/cover;opacity:.9}
.collection-page-main .collection-page-head .collection-kicker{color:#f7f6f2}
.collection-page-main .collection-page-head h1{color:#fff}
.collection-page-main .collection-intro strong{color:#fff}
.collection-page-main .collection-intro p{color:#c9c7bf}
.collection-page-main .collection-subline strong{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;background:#ff8346;border:0;color:#121212}
.collection-page-main .collection-cloud-link,.collection-page-head a{color:#f7f6f2}

/* Pestañas: tarjetas con número naranja */
.collection-status-tabs{margin-top:-1px;gap:0;border:0;background:#121212;clip-path:inset(0 -100vmax)}
.collection-status-tabs{position:relative}
.collection-status-tabs::before{content:"";position:absolute;z-index:0;top:0;bottom:0;left:-100vmax;right:-100vmax;background:#121212}
.collection-status-tabs button{position:relative;z-index:1;min-height:84px;padding:16px 20px;background:transparent;color:#a9a7a0;border-left:1px solid #2f2f2d;border-top:3px solid transparent;transition:background-color .18s,color .18s,transform .18s}
.collection-status-tabs .collection-tab-kicker{color:#ff8346}
.collection-status-tabs button strong{font-size:13.5px;color:inherit}
.collection-status-tabs button strong i{color:#6d6b65}
.collection-status-tabs button:hover{background:#1c1c1b;color:#fff}
.collection-status-tabs button[aria-selected="true"]{background:#f7f6f2;color:#121212;border-top-color:#ff8346}
.collection-status-tabs button[aria-selected="true"] .collection-tab-kicker{color:#ff8346}
.collection-status-tabs button[aria-selected="true"] strong i{color:#8a8880}

/* Estado vacío con foto de fondo */
.collection-empty{background:linear-gradient(90deg,#121212 0%,rgba(18,18,18,.97) 45%,rgba(18,18,18,.78) 100%),url("assets/collection-covers/rossoneri.jpg") right center/cover}
.collection-empty-marks{border-top-color:rgba(255,255,255,.18)}
.collection-empty-marks li{border-bottom-color:rgba(255,255,255,.18)}

/* Resumen vacío: tarjeta oscura con números naranja */
.stats-empty-preview{background:#121212;border:0;opacity:1;padding:26px 28px 8px}
.stats-empty-preview-label{color:#f7f6f2}
.stats-empty-preview .stats-number{color:#ff8346;border-color:#2f2f2d}
.stats-empty-preview .stats-number strong{color:#ff8346}
.stats-empty-preview .stats-number span{color:#a9a7a0}
.stats-empty-preview .stats-number-grid{border-color:#2f2f2d}

/* Tarjetas de colecciones y sugerencias: se levantan al pasar el mouse */
.set-listing,.collection-recommendation{transition:transform .2s,box-shadow .2s}
.set-listing:hover,.collection-recommendation:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(18,18,18,.14)}
.set-listing:hover .set-listing-cta{color:#ff8346}

@media(max-width:820px){
  .collection-page-main .collection-page-head::after{width:100%;opacity:.35}
  .collection-status-tabs button{min-height:70px;padding:12px 14px}
}
.collection-page-main{overflow-x:clip}
.collection-page-main{padding-top:0}

/* ===== Colecciones: resumen, títulos más claros, progreso naranja y detalle con portada ===== */
.sets-summary{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;margin-top:28px;padding:26px 32px;background:#121212;color:#f7f6f2}
.sets-summary-numbers{display:flex;gap:clamp(28px,5vw,64px)}
.sets-summary-numbers>div{display:flex;flex-direction:column;gap:8px}
.sets-summary-numbers strong{font:800 clamp(38px,5vw,60px)/.9 Raleway,Arial,sans-serif;letter-spacing:-.06em;color:#ff8346}
.sets-summary-numbers strong small{font:500 clamp(16px,2vw,22px)/1 "IBM Plex Mono","DM Mono",monospace;letter-spacing:0;color:#8f8d86}
.sets-summary-numbers span{font:500 11px/1.45 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.12em;color:#a9a7a0}
.sets-summary-note{margin:0;max-width:34ch;color:#c9c7bf;font:500 15px/1.5 Raleway,Arial,sans-serif}
.sets-summary-note b{color:#fff}

.sets-group{padding-top:44px}
.sets-group-heading{padding-bottom:14px;border-bottom:2px solid #121212}
.sets-group-heading h3{display:flex;align-items:baseline;gap:12px;font:800 clamp(24px,3vw,34px)/1 Raleway,Arial,sans-serif;letter-spacing:-.05em}
.sets-group-heading h3 small{color:#ff8346;font:600 12px/1 "IBM Plex Mono","DM Mono",monospace}
.set-progress-track{height:6px;background:#e2e0d8}
.set-progress-track b,.set-detail-progress>i b{background:#ff8346}
.set-listing.is-complete .set-progress-track b,.set-detail-progress.is-complete>i b{background:#2f8f5b}
.set-listing-progress-meta>b{color:#121212}
.set-listing.is-complete .set-listing-progress-meta>b{color:#2f8f5b}

/* Detalle de una colección: banda oscura con la portada al fondo */
.set-back{display:inline-block;margin-top:24px;font-weight:800;letter-spacing:.1em}
.set-detail-head{position:relative;isolation:isolate;margin-top:16px;padding:clamp(30px,4vw,52px) clamp(24px,4vw,56px);border-bottom:0;color:#f7f6f2;overflow:hidden}
.set-detail-head::before{content:"";position:absolute;z-index:-2;inset:0;background:#121212}
.set-detail-head::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;right:0;width:min(55%,620px);background:linear-gradient(90deg,#121212 0%,rgba(18,18,18,.7) 40%,rgba(18,18,18,.25) 100%),var(--set-cover,none) center/cover}
.set-detail-head .collection-kicker{color:#f7f6f2}
.set-detail-head h2{color:#fff}
.set-detail-head>p:not(.collection-kicker):not(.set-complete-note){color:#c9c7bf;font-size:15px}
.set-detail-progress>div:first-child strong{color:#ff8346}
.set-detail-progress>div:first-child span,.set-detail-counts{color:#c9c7bf}
.set-detail-progress>i{background:rgba(255,255,255,.2);height:7px}
.set-complete-note{color:#7ed3a1}

@media(max-width:820px){
  .sets-summary{padding:22px 20px}
  .set-detail-head::after{width:100%;opacity:.35}
}

/* Filas de jerseys dentro de una colección: textos más legibles */
.set-state-heading h3{font:600 12px/1 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.14em}
.set-state-heading span{min-width:22px;height:22px;background:#121212;color:#fff;font:600 11px/1 "IBM Plex Mono","DM Mono",monospace}
.set-product-state{font:600 10.5px/1 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.1em}
.set-product-row.is-owned .set-product-state{color:#2f8f5b}
.set-product-row.is-wanted .set-product-state{color:#ff8346}
.set-product-actions button,.set-product-actions>a{font-size:11px;letter-spacing:.08em}
.set-product-actions button:hover:not(:disabled),.set-product-actions button[aria-pressed="true"],.set-product-actions>a:hover{color:#ff8346;border-color:#ff8346}

/* ===== Álbum de colección (estilo Pokédex): cada jersey es una carta ===== */
.dex-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 20px}
.dex-toolbar button{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #121212;background:transparent;color:#121212;font:600 11px/1 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.12em;cursor:pointer;transition:background-color .15s,color .15s}
.dex-toolbar button b{font-weight:600;color:#ff8346}
.dex-toolbar button:hover{background:#eeede8}
.dex-toolbar button[aria-pressed="true"]{background:#121212;color:#fff}
.dex-toolbar button[aria-pressed="true"] b{color:#ff8346}
.dex-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-bottom:20px}
.dex-grid[data-dex-filter="missing"] .dex-card:not(.is-missing),
.dex-grid[data-dex-filter="owned"] .dex-card:not(.is-owned),
.dex-grid[data-dex-filter="wanted"] .dex-card:not(.is-wanted){display:none}

.dex-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:14px 14px 16px;background:#fff;border:1px solid #dcd8cb;border-radius:14px;transition:transform .22s cubic-bezier(.2,.8,.3,1.2),box-shadow .22s,border-color .2s}
.dex-card:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 18px 32px rgba(18,18,18,.16)}
.dex-no{position:absolute;z-index:2;top:12px;left:14px;font:600 11px/1 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.1em;color:#8a877e}
.dex-badge{position:absolute;z-index:2;top:10px;right:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2f8f5b;color:#fff;font:800 14px/1 Arial,sans-serif}
.dex-card.is-wanted .dex-badge{background:#ff8346}
.dex-photo{position:relative;display:grid;place-items:center;aspect-ratio:1/1;margin-top:6px;border-radius:10px;background:radial-gradient(circle at 50% 40%,#fff 0%,#f0ede4 70%);overflow:hidden}
.dex-photo img{width:88%;height:88%;object-fit:contain;transition:transform .35s,filter .45s ease}
.dex-card:hover .dex-photo img{transform:scale(1.07)}
.dex-info{display:grid;gap:6px;min-width:0}
.dex-state{font:600 10.5px/1 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.12em;color:#8a877e}
.dex-name{color:#121212;text-decoration:none}
.dex-name strong{font:800 15px/1.2 Raleway,Arial,sans-serif;letter-spacing:-.02em}
.dex-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
.dex-actions button{padding:10px 6px;border:1px solid #cfcabb;border-radius:8px;background:#fff;color:#121212;font:600 10.5px/1 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.06em;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s,transform .15s}
.dex-actions button:hover{border-color:#121212;transform:translateY(-1px)}
.dex-actions button:active{transform:scale(.96)}
.dex-actions button[aria-pressed="true"]{background:#121212;border-color:#121212;color:#fff}
.dex-find{color:#ff8346;text-decoration:none;font:800 11px/1 Raleway,Arial,sans-serif;letter-spacing:.1em}
.dex-find i{font-style:normal;transition:margin .15s}
.dex-find:hover i{margin-left:4px}

/* Por descubrir: silueta, como un Pokédex vacío */
.dex-card.is-missing{background:#f3f0e7;border-style:dashed}
.dex-card.is-missing .dex-photo{background:#e9e5d8}
.dex-card.is-missing .dex-photo img{filter:grayscale(1) brightness(0) opacity(.2)}
.dex-card.is-missing:hover .dex-photo img,.dex-card.is-missing:focus-within .dex-photo img{filter:none}
/* Lo tengo: a todo color, con borde verde */
.dex-card.is-owned{border-color:#2f8f5b;box-shadow:0 0 0 1px #2f8f5b inset}
.dex-card.is-owned .dex-state{color:#2f8f5b}
.dex-card.is-owned .dex-photo{background:radial-gradient(circle at 50% 40%,#fff 0%,#e3f1e8 75%)}
/* Lo quiero: borde naranja */
.dex-card.is-wanted{border-color:#ff8346;box-shadow:0 0 0 1px #ff8346 inset}
.dex-card.is-wanted .dex-state{color:#ff8346}
.dex-card.is-wanted .dex-photo img{filter:saturate(.75)}

/* Al marcar: la carta salta y el sello aparece */
@keyframes dexPop{0%{transform:scale(.94)}45%{transform:scale(1.06) rotate(-1deg)}100%{transform:scale(1)}}
@keyframes dexStamp{0%{transform:scale(2.4) rotate(-20deg);opacity:0}60%{transform:scale(.9);opacity:1}100%{transform:scale(1) rotate(0)}}
.dex-card.is-pop{animation:dexPop .5s cubic-bezier(.2,.8,.3,1.2)}
.dex-card.is-pop .dex-badge{animation:dexStamp .5s .1s both}
@media(prefers-reduced-motion:reduce){.dex-card,.dex-card.is-pop,.dex-card.is-pop .dex-badge{animation:none;transition:none}.dex-card:hover{transform:none}}

@media(max-width:1100px){.dex-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
  .dex-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .dex-card{padding:11px 10px 12px;gap:10px;border-radius:12px}
  .dex-name strong{font-size:13px}
  .dex-actions{grid-template-columns:1fr}
  .dex-toolbar{gap:6px}.dex-toolbar button{padding:9px 10px;font-size:10.5px}
}

/* ===== Los que tengo / Los que quiero: mismas cartas del álbum ===== */
.collection-filters{padding:24px 0 6px;gap:12px 16px;border-bottom:0}
.collection-filter-group{gap:8px}
.collection-filter-group+.collection-filter-group{padding-left:0;border-left:0}
.collection-filter-label{margin-right:4px;font:600 11px/1 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.14em;color:#8a877e}
.collection-filter-group button{padding:10px 14px;border:1px solid #121212;background:transparent;color:#121212;font:600 11px/1 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.12em;transition:background-color .15s,color .15s}
.collection-filter-group button:hover:not([aria-pressed="true"]){background:#eeede8;color:#121212;border-color:#121212}
.collection-filter-group button[aria-pressed="true"]{background:#121212;color:#fff;border-color:#121212}

.collection-grid.collection-archive-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;border:0;background:transparent;margin-top:24px}
.collection-grid.collection-archive-grid .collection-archive-card{position:relative;align-content:start;overflow:hidden;background:#fff;border:1px solid #dcd8cb;border-radius:14px;transition:transform .22s cubic-bezier(.2,.8,.3,1.2),box-shadow .22s}
.collection-grid.collection-archive-grid .collection-archive-card:hover{transform:translateY(-6px) rotate(-.5deg);box-shadow:0 18px 32px rgba(18,18,18,.16)}
.collection-archive-card::after{content:"✓";position:absolute;top:10px;right:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2f8f5b;color:#fff;font:800 14px/1 Arial,sans-serif}
.collection-archive-card:not(:has(.collection-rating))::after{content:"♥";background:#ff8346}
.collection-archive-card:has(.collection-rating){border-color:#2f8f5b;box-shadow:0 0 0 1px #2f8f5b inset}
.collection-archive-card:not(:has(.collection-rating)){border-color:#ff8346;box-shadow:0 0 0 1px #ff8346 inset}
.collection-card-record{min-height:38px;padding:0 50px 0 14px;font:600 11px/1 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.1em;color:#8a877e}
.collection-card-record>span:first-child{color:#121212}
.collection-grid.collection-archive-grid .collection-card-photo{aspect-ratio:1/1;margin:0 12px;border-radius:10px;background:radial-gradient(circle at 50% 40%,#fff 0%,#f0ede4 70%);overflow:hidden}
.collection-archive-card:has(.collection-rating) .collection-card-photo{background:radial-gradient(circle at 50% 40%,#fff 0%,#e3f1e8 75%)!important}
.collection-grid.collection-archive-grid .collection-card-photo img{width:88%;max-width:88%;height:88%;max-height:88%;transition:transform .3s!important}
.collection-grid.collection-archive-grid .collection-card-link:hover .collection-card-photo img{transform:scale(1.07)!important}
.collection-grid.collection-archive-grid .collection-card-info{padding:12px 14px 10px}
.collection-grid.collection-archive-grid .collection-card-index{font:600 10.5px/1 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.1em;color:#8a877e}
.collection-grid.collection-archive-grid .collection-card h2{margin:8px 0 6px;font-size:15px;line-height:1.2;letter-spacing:-.02em;text-transform:none}
.collection-grid.collection-archive-grid .collection-card p{font:500 11px/1.3 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.06em;color:#6d6b65}
.collection-grid.collection-archive-grid .collection-card-state{margin-top:10px;font:600 10.5px/1 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.1em;color:#2f8f5b}
.collection-grid.collection-archive-grid .collection-rating{margin:2px 14px 8px;font:600 10.5px/1 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.1em;color:#8a877e}
.collection-grid.collection-archive-grid .collection-rating-stars button{color:#ff8346}
.collection-grid.collection-archive-grid .collection-rating-status{font-size:10.5px}
.collection-grid.collection-archive-grid .collection-card-status-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 14px 14px}
.collection-grid.collection-archive-grid .collection-card-status-actions button{min-height:38px;border:1px solid #cfcabb;border-radius:8px;background:#fff;color:#121212;font:600 10.5px/1 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.06em;cursor:pointer;transition:border-color .15s,transform .15s}
.collection-grid.collection-archive-grid .collection-card-status-actions button:hover{border-color:#121212;transform:translateY(-1px)}
.collection-grid.collection-archive-grid .collection-card-status-actions button:active{transform:scale(.96)}

/* ===== Stats con datos: bloques con el estilo del inicio ===== */
.stats-page-head>small{font:500 11px/1.4 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.1em}
.stats-number-grid:not(.stats-empty-preview .stats-number-grid){background:#121212;border-bottom:0;margin-top:28px}
.stats-number-grid:not(.stats-empty-preview .stats-number-grid) .stats-number{padding:26px 28px;border-left:1px solid #2f2f2d;color:#f7f6f2}
.stats-number-grid:not(.stats-empty-preview .stats-number-grid) .stats-number:first-child{padding-left:28px}
.stats-number-grid:not(.stats-empty-preview .stats-number-grid) .stats-number strong{color:#ff8346}
.stats-number-grid:not(.stats-empty-preview .stats-number-grid) .stats-number span{color:#a9a7a0}
.stats-section{padding:44px 0}
.stats-section-heading h2{letter-spacing:-.05em}
.stats-highlights{gap:14px}
.stats-highlight,.stats-highlight:first-child{padding:20px 22px;border:1px solid #dcd8cb;border-radius:14px;background:#fff}
.stats-highlight p,.stats-decade-block h3{font:600 11px/1.35 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.12em}
.stats-decade-highlight strong{color:#ff8346}
.stats-highlight>span{font-size:13px}
.stats-oldest strong{font-size:15px}
.stats-decade-block{width:100%;max-width:640px;margin-top:30px}
.stats-bar-row{font:500 12px/1 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.06em}
.stats-bar-row>i{height:10px;border-radius:5px;background:#e6e2d6}
.stats-bar-row>i b{background:#ff8346;border-radius:5px}
.stats-five-grid{gap:14px;border:0}
.stats-shirt{border:1px solid #dcd8cb;border-radius:14px;background:#fff;padding:12px;transition:transform .22s cubic-bezier(.2,.8,.3,1.2),box-shadow .22s}
.stats-shirt:hover{transform:translateY(-5px);box-shadow:0 16px 28px rgba(18,18,18,.14)}
.stats-shirt>small{font:600 11px/1.2 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.1em}
.stats-shirt span{font-size:14px}
.stats-shirt b{color:#ff8346;font-size:13px;letter-spacing:.1em}
.stats-average>span{font:600 11px/1.3 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.12em}
.stats-average>strong{color:#ff8346}
.stats-average-stars{color:#ff8346;font-size:16px}
.stats-average>small{font-size:13px}
.stats-inline-empty button,.stats-average button{font:600 11px/1.3 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.1em;color:#121212;border-bottom-color:#ff8346}

@media(max-width:1100px){.collection-grid.collection-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.collection-grid.collection-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stats-highlights{grid-template-columns:1fr 1fr}.stats-decade-block{max-width:none}}
@media(max-width:560px){
  .collection-grid.collection-archive-grid .collection-card-status-actions{grid-template-columns:1fr}
  .collection-grid.collection-archive-grid .collection-card h2{font-size:13px}
  .collection-card-record{padding-right:44px}
  .collection-grid.collection-archive-grid .collection-card-photo{margin:0 8px}
  .stats-highlights{grid-template-columns:1fr}
  .stats-number-grid:not(.stats-empty-preview .stats-number-grid) .stats-number{padding:18px 16px;min-height:140px}
  .stats-number-grid:not(.stats-empty-preview .stats-number-grid) .stats-number:first-child{padding-left:16px}
}
@media(prefers-reduced-motion:reduce){.collection-archive-card,.stats-shirt{transition:none}.collection-archive-card:hover,.stats-shirt:hover{transform:none}}

/* Celular: textos de las cartas legibles (ganan a las reglas chicas de collection.css) */
@media(max-width:600px){
  .collection-grid.collection-archive-grid .collection-card-record{min-height:34px;padding:0 44px 0 12px;font-size:10.5px}
  .collection-grid.collection-archive-grid .collection-card-record>span:last-child{display:none}
  .collection-grid.collection-archive-grid .collection-card-photo{aspect-ratio:1/1;padding:0;margin:0 8px}
  .collection-grid.collection-archive-grid .collection-card-photo img{width:88%;max-width:88%;height:88%;max-height:88%}
  .collection-grid.collection-archive-grid .collection-card-info{padding:10px 12px 8px}
  .collection-grid.collection-archive-grid .collection-card-index{font-size:10px;letter-spacing:.08em}
  .collection-grid.collection-archive-grid .collection-card h2{font-size:13px}
  .collection-grid.collection-archive-grid .collection-card p{font-size:10.5px}
  .collection-grid.collection-archive-grid .collection-rating{margin:0 12px 6px;font-size:10px}
  .collection-grid.collection-archive-grid .collection-rating-stars button{min-width:22px;font-size:20px}
  .collection-grid.collection-archive-grid .collection-card-status-actions{margin:2px 12px 12px;gap:8px}
  .collection-grid.collection-archive-grid .collection-card-status-actions button{font-size:10.5px}
  .collection-filter-group{gap:6px}
  .collection-filter-label{width:100%;margin:0 0 2px}
  .collection-filter-group button{padding:9px 11px;font-size:10.5px}
}
@media(max-width:600px){
  .collection-grid.collection-archive-grid .collection-rating-stars button{min-width:19px;min-height:24px;font-size:17px}
  .stats-highlight,.stats-highlight:first-child,.stats-highlight:nth-child(n){min-height:0;padding:20px 22px;border:1px solid #dcd8cb;border-radius:14px;background:#fff}
}

/* ===== Colección completa: sello y brillo ===== */
@keyframes stampIn{0%{transform:scale(2.6) rotate(-18deg);opacity:0}55%{transform:scale(.92) rotate(-6deg);opacity:1}100%{transform:scale(1) rotate(-4deg);opacity:1}}
@keyframes shine{0%{background-position:-200% 0}100%{background-position:200% 0}}
.set-detail-head:has(.set-detail-progress.is-complete)::before{background:linear-gradient(100deg,#121212 0%,#121212 40%,#2a2312 50%,#121212 60%,#121212 100%) 0 0/200% 100%,#121212;animation:shine 4.5s linear infinite}
.set-detail-head .set-complete-note{display:inline-block;background:transparent;margin-top:22px;padding:12px 18px;border:2px solid #f2c94c;color:#f2c94c;font:700 13px/1 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.2em;transform:rotate(-4deg);animation:stampIn .6s cubic-bezier(.2,.8,.3,1) both}
.set-detail-progress.is-complete>div:first-child strong{color:#f2c94c}
.set-detail-progress.is-complete>i b{background:#f2c94c}
.set-listing.is-complete{border-color:#f2c94c}
.set-listing.is-complete .set-listing-copy::after{content:"COMPLETA ★";position:absolute;top:14px;right:14px;padding:6px 10px;background:#f2c94c;color:#121212;font:700 10px/1 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.12em}
.set-listing.is-complete .set-progress-track b{background:#f2c94c}
.set-listing.is-complete .set-listing-progress-meta>b{color:#121212}
@media(prefers-reduced-motion:reduce){.set-detail-head:has(.set-detail-progress.is-complete)::before,.set-detail-head .set-complete-note{animation:none}}

/* ===== Stats+: nivel, siguiente jersey, logros, décadas interactivas, ligas y tarjeta ===== */
.stats-plus{margin-top:14px}
.stats-level{display:flex;align-items:center;gap:clamp(20px,3vw,40px);padding:clamp(22px,3vw,34px);background:#fff;border:1px solid #dcd8cb;border-radius:14px}
.stats-level-emblem{flex:none;display:grid;place-content:center;justify-items:center;gap:2px;width:118px;height:118px;border-radius:50%;background:#121212;border:5px solid #ff8346;box-shadow:0 0 0 6px #fff,0 0 0 8px #121212}
.stats-level-emblem span{font:600 10px/1 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.2em;color:#ff8346}
.stats-level-emblem b{font:800 52px/1 Raleway,Arial,sans-serif;letter-spacing:-.05em;color:#fff}
.stats-level-body{flex:1;min-width:0}
.stats-level-body .collection-kicker{margin:0 0 8px}
.stats-level-body h3{margin:0;font:800 clamp(34px,5vw,58px)/.95 Raleway,Arial,sans-serif;letter-spacing:-.06em;text-transform:uppercase}
.stats-level-bar{height:14px;margin-top:16px;border-radius:7px;background:#e6e2d6;overflow:hidden}
.stats-level-bar b{display:block;height:100%;border-radius:7px;background:#ff8346;animation:levelFill 1s cubic-bezier(.2,.8,.3,1) both}
@keyframes levelFill{from{width:0!important}}
.stats-level-note{margin:12px 0 0;font:500 15px/1.4 Raleway,Arial,sans-serif;color:#5c5a54}
.stats-level-note b{color:#121212}
.stats-level-steps{display:flex;gap:6px;margin-top:14px}
.stats-level-steps i{width:28px;height:6px;border-radius:3px;background:#e6e2d6}
.stats-level-steps i.is-on{background:#121212}

.stats-next{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,40px);padding:clamp(18px,2.5vw,28px);background:#121212;color:#f7f6f2;border-radius:14px}
.stats-next-photo{display:grid;place-items:center;aspect-ratio:1/1;border-radius:10px;background:radial-gradient(circle at 50% 40%,#fff 0%,#e9e5d8 75%);overflow:hidden}
.stats-next-photo img{width:88%;height:88%;object-fit:contain;transition:transform .3s}
.stats-next-photo:hover img{transform:scale(1.07) rotate(-2deg)}
.stats-next-copy .collection-kicker{margin:0 0 12px;color:#f7f6f2}
.stats-next-copy h3{margin:0;font:800 clamp(26px,3.6vw,44px)/1 Raleway,Arial,sans-serif;letter-spacing:-.05em;color:#fff}
.stats-next-copy>p:not(.collection-kicker){margin:12px 0 0;max-width:46ch;font:500 15px/1.5 Raleway,Arial,sans-serif;color:#c9c7bf}
.stats-next-actions,.stats-share-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:22px}
.stats-next-cta{display:inline-flex;gap:26px;align-items:center;padding:15px 24px;background:#ff8346;border:1px solid #ff8346;color:#121212;text-decoration:none;font:800 12px/1 Raleway,Arial,sans-serif;letter-spacing:.12em;transition:background-color .15s,color .15s}
.stats-next-cta i{font-style:normal}
.stats-next-cta:hover{background:#fff;border-color:#fff;color:#121212}
.stats-next-link{color:#f7f6f2;font:600 12px/1 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.1em;text-decoration:underline;text-underline-offset:4px}
.stats-next-link:hover{color:#ff8346}

.stats-badge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.stats-badge{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;border:1px solid #dcd8cb;background:#fff}
.stats-badge>div{display:grid;gap:4px;min-width:0}
.stats-badge strong{font:800 15px/1.2 Raleway,Arial,sans-serif;letter-spacing:-.02em}
.stats-badge>div>span{font:500 13px/1.35 Raleway,Arial,sans-serif;color:#5c5a54}
.stats-badge small{font:600 10.5px/1 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.1em;color:#8a877e}
.stats-badge-icon{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#ff8346;color:#121212;font:800 18px/1 "IBM Plex Mono","DM Mono",monospace;box-shadow:0 0 0 3px #fff,0 0 0 5px #ff8346}
.stats-badge-icon svg{width:22px;height:22px;fill:none;stroke:#8a877e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.stats-badge.is-earned small{color:#2f8f5b}
.stats-badge.is-earned{border-color:#ff8346}
.stats-badge.is-locked{background:#f3f0e7;border-style:dashed}
.stats-badge.is-locked .stats-badge-icon{background:#e6e2d6;box-shadow:none;border:2px dashed #b7b09c}
.stats-badge.is-locked strong,.stats-badge.is-locked>div>span{color:#6d6b65}

.stats-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px)}
.stats-mini-title{margin:0 0 14px;font:600 11px/1.3 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.12em;color:#6d6b65}

.stats-decade-btn{width:100%;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#121212;text-align:left;cursor:pointer;font:inherit;transition:background-color .15s}
.stats-decade-btn:hover{background:#eeede8}
.stats-decade-btn[aria-pressed="true"]{background:#121212;color:#fff}
.stats-decade-btn[aria-pressed="true"]>i{background:#3a3a37}
.stats-decade-btn[aria-pressed="true"]>strong{color:#fff}
.stats-decade-btn:focus-visible{outline:2px solid #ff8346;outline-offset:2px}
.stats-decade-list{margin-top:16px}
.stats-decade-list.is-hint p{margin:0;font:500 13px/1.4 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.06em;color:#8a877e}
.stats-decade-title{margin:0 0 12px;font:600 12px/1.3 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.12em;text-transform:uppercase}
.stats-decade-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.stats-decade-cards a{display:grid;gap:8px;padding:10px;border:1px solid #dcd8cb;border-radius:12px;background:#fff;color:#121212;text-decoration:none;font:700 12px/1.25 Raleway,Arial,sans-serif;transition:transform .2s,box-shadow .2s;animation:decadeIn .3s both}
.stats-decade-cards a:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(18,18,18,.14)}
.stats-decade-cards img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:8px;background:radial-gradient(circle at 50% 40%,#fff 0%,#f0ede4 70%)}
@keyframes decadeIn{from{opacity:0;transform:translateY(8px)}}

.stats-share{display:grid;gap:22px}
.stats-share-make,.stats-share-send{justify-self:start;padding:15px 24px;border:1px solid #121212;background:#121212;color:#fff;font:800 12px/1 Raleway,Arial,sans-serif;letter-spacing:.12em;cursor:pointer;transition:background-color .15s,color .15s}
.stats-share-make:hover,.stats-share-send:hover{background:#ff8346;border-color:#ff8346;color:#121212}
.stats-share-make:disabled{opacity:.6;cursor:wait}
.stats-share-result{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px}
.stats-share-result img{width:min(100%,340px);border-radius:12px;box-shadow:0 18px 34px rgba(18,18,18,.22)}
.stats-share-actions{flex-direction:column;align-items:flex-start;margin-top:0}

@media(max-width:1000px){.stats-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .stats-level{flex-direction:column;align-items:flex-start}
  .stats-next{grid-template-columns:1fr}
  .stats-next-photo{max-width:260px}
  .stats-split{grid-template-columns:1fr}
}
@media(max-width:520px){.stats-badge-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.stats-level-bar b,.stats-decade-cards a{animation:none}}
.stats-split .stats-bar-row{grid-template-columns:minmax(110px,170px) minmax(0,1fr) 28px}
.stats-badge-icon{font-size:16px}
@media(max-width:520px){.stats-split .stats-bar-row{grid-template-columns:minmax(96px,130px) minmax(0,1fr) 24px}}
.stats-section-heading h2{line-height:1}
.stats-section-heading .collection-kicker{margin-bottom:8px}
.stats-share-field{display:grid;gap:8px;max-width:360px}
.stats-share-field label{font:600 11px/1.3 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.12em;color:#6d6b65}
.stats-share-field input{padding:14px 16px;border:1px solid #121212;border-radius:0;background:#fff;color:#121212;font:600 16px/1 Raleway,Arial,sans-serif}
.stats-share-field input::placeholder{color:#a19e93;font-weight:500}
.stats-share-field input:focus-visible{outline:2px solid #ff8346;outline-offset:2px}