/* Mi álbum · estilo moderno (el mismo de la ficha de producto).
   Solo cambia cómo se ve: el acomodo, las pestañas, el índice, los botones y todo lo que hace album.js siguen igual.
   Va DESPUÉS de album.css. Para volver al estilo Mundial 70: quita este <link> de mi-coleccion.html. */

#album-app{
  --m-bg:#f7f6f2;--m-ink:#151515;--m-card:#ffffff;--m-line:#e4e0d4;--m-line2:#cfcabd;
  --m-soft:#f1f0eb;--m-muted:#6f6b63;--m-cta:#ff8346;--m-cta2:#ff965f;--m-green:#2f8f5b;--m-black:#111111;
  --rt-ink:#151515;--rt-cream:#ffffff;--rt-paper:#f7f6f2;--rt-yel:#ff8346;--rt-red:#ff8346;--rt-green:#2f8f5b;--rt-bone:transparent;
  color:var(--m-ink)}
body.collection-page:has(#album-app){background:var(--m-bg)!important}
#album-app :focus-visible{outline:2px solid var(--m-cta);outline-offset:2px}

/* ===== Encabezado: la franja negra de la ficha ===== */
#album-app .album-hero{background:var(--m-black);border:0;border-radius:20px;color:#fff;padding:26px 28px}
#album-app .album-kicker{color:#fff;font:500 .72rem var(--rt-mono);letter-spacing:.16em;display:flex;align-items:center;gap:8px}
#album-app .album-kicker::before{content:"";width:8px;height:8px;background:var(--m-cta);flex:none}
#album-app .album-hero h1{color:#fff;text-shadow:none;font-weight:800;letter-spacing:-.055em}
#album-app .album-hcard{background:#1d1d1b;border:1px solid #2e2d2a;border-radius:16px;color:#fff}
#album-app .album-hcard .lead{font-weight:600;color:#fff}
#album-app .album-sum{color:#a9a59c;font-weight:500;font-size:.72rem;letter-spacing:.12em}
#album-app .album-hbar{height:6px;border:0;background:#33322e}
#album-app .album-hbar i{background:var(--m-cta);border:0}
#album-app .album-pill{background:transparent;border:1px solid #4a4843;color:#fff;font-weight:500;font-size:.72rem;letter-spacing:.12em}
#album-app .album-pill b{color:var(--m-cta)}
#album-app .album-extras .cs-open{background:var(--m-cta)!important;color:var(--m-ink)!important;border:0!important;border-radius:12px!important}
#album-app .album-extras .collection-cloud-nudge{color:#e9e7e1!important}

/* ===== Pestañas: misma carpeta, planas ===== */
#album-app .album-tabs{margin-bottom:-1px}
#album-app .album-tabs button{border:1px solid var(--m-line);border-bottom:0;background:var(--m-soft);margin-right:6px;border-radius:14px 14px 0 0;color:var(--m-muted)}
#album-app .album-tabs button::before{left:16px;right:auto;top:12px;width:7px;height:7px;border-radius:50%}
#album-app .album-tabs button:nth-child(1){--tc:var(--m-cta)}
#album-app .album-tabs button:nth-child(2){--tc:var(--m-green)}
#album-app .album-tabs button:nth-child(3){--tc:#e4572e}
#album-app .album-tabs button:nth-child(4){--tc:#7fb4c9}
#album-app .album-tabs small{color:var(--m-muted);padding-left:14px;font-weight:500;letter-spacing:.14em}
#album-app .album-tabs b{font-weight:800;letter-spacing:-.01em;color:var(--m-muted)}
#album-app .album-tabs button:hover{background:#fff}
#album-app .album-tabs button[aria-selected="true"]{background:var(--m-card);border-color:var(--m-line);border-bottom:1px solid var(--m-card)}
#album-app .album-tabs button[aria-selected="true"] b,
#album-app .album-tabs button[aria-selected="true"] small{color:var(--m-ink)}
#album-app .album-sheet{background:var(--m-card);border:1px solid var(--m-line);border-radius:20px;margin-top:0}

/* ===== Índice ===== */
#album-app .album-index{scrollbar-color:var(--m-line2) transparent}
#album-app .album-index::-webkit-scrollbar-thumb{background:var(--m-line2)}
#album-app .al-ixhead{background:var(--m-card)}
#album-app .al-ixhead>b{font-weight:800;letter-spacing:-.02em}
#album-app .al-ixf{background:var(--m-soft);border:1px solid var(--m-line)}
#album-app .al-ixf button{color:var(--m-muted)}
#album-app .al-ixf button[aria-pressed="true"]{background:var(--m-ink);color:#fff}
#album-app .al-ixgt{border-bottom:1px solid var(--m-line);font-weight:500;letter-spacing:.14em;color:var(--m-muted)}
#album-app .al-ixrow{border:1px solid transparent}
#album-app .al-edge{width:3px;border-radius:3px;margin:4px 0;background:var(--pg)}
#album-app .al-th{border:0;border-radius:10px}
#album-app .al-tx b{font-weight:800;letter-spacing:-.005em}
#album-app .al-dots i{border:0;background:var(--m-line);border-radius:3px;width:8px;height:10px}
#album-app .al-dots i.h{background:var(--m-ink)}
#album-app .al-dots i.w{background:var(--m-cta)}
#album-app .al-mbar{border:0;background:var(--m-line);height:6px}
#album-app .al-mbar i{background:var(--m-ink)}
#album-app .al-pn{font-weight:600}
#album-app .al-pn em{color:var(--m-cta);text-shadow:none}
#album-app .al-ixrow:hover{background:var(--m-soft)}
#album-app .al-ixrow[aria-pressed="true"]{background:var(--m-ink);color:#fff;border-color:var(--m-ink);box-shadow:none}
#album-app .al-ixrow[aria-pressed="true"] .al-dots i{background:#3a3936;border:0}
#album-app .al-ixrow[aria-pressed="true"] .al-dots i.h{background:#fff}
#album-app .al-ixrow[aria-pressed="true"] .al-dots i.w{background:var(--m-cta)}
#album-app .al-ixrow[aria-pressed="true"] .al-mbar{background:#3a3936;border:0}
#album-app .al-ixrow[aria-pressed="true"] .al-mbar i{background:#fff}

/* ===== Hoja de cada colección: el color del equipo solo en el bloque del título ===== */
#album-app .album-page{background:var(--m-card);color:var(--m-ink);border:1px solid var(--m-line);border-radius:18px}
#album-app .al-band{height:auto;min-height:clamp(78px,9vw,104px);display:flex;align-items:center;background:var(--pg);border-bottom:5px solid var(--band)}
#album-app .al-band::before{display:none}
#album-app .al-band h2{color:var(--pgText,#fff);text-shadow:none;font-weight:800;letter-spacing:-.045em;line-height:1;max-width:70%}
#album-app .al-meta,
#album-app .album-page.light .al-meta{color:var(--m-ink)}
#album-app .al-meta p{color:#3b3934}
#album-app .al-bar,
#album-app .album-page.light .al-bar{background:var(--m-soft);height:6px}
#album-app .al-bar i{background:var(--pg)}
#album-app .album-page.light .al-bar i{background:var(--band)}
#album-app .al-prog{min-width:0}
#album-app .al-bar{min-width:0;flex:1 1 0}
#album-app .al-prog b,
#album-app .album-page.light .al-prog b{color:var(--m-ink);font:600 .85rem var(--rt-mono);white-space:nowrap;flex:none}
#album-app .al-say{background:var(--m-card);color:var(--m-ink);border:1px solid var(--m-line);box-shadow:0 6px 18px -10px rgba(0,0,0,.25)}
#album-app .al-say::after{background:var(--m-card);border-color:var(--m-line);border-width:1px}
#album-app .al-seal{background:var(--m-ink);color:#fff;border:0;box-shadow:none}
#album-app .album-page.done .rc-owned .rc-tilt{box-shadow:0 0 0 2px var(--m-ink)}

/* ===== La carta, versión catálogo: jersey sobre gris claro, tira del color del equipo ===== */
#album-app .rc-tilt{background:var(--m-card);padding:0;border-radius:14px;box-shadow:0 0 0 1px var(--m-line)}
#album-app .rc-in{background:#f4f3ef;border-radius:14px;border-top:1.6cqw solid var(--c1);box-shadow:inset 0 1px 0 rgba(0,0,0,.10)}
#album-app .rc-name{color:var(--m-ink);text-shadow:none;font-weight:800;font-size:min(var(--fs,12cqw),8cqw);letter-spacing:-.04em;text-align:left;left:5cqw;right:20cqw;top:5cqw;overflow:hidden;text-overflow:ellipsis}
#album-app .rc-win{inset:17cqw 4cqw 24cqw;background:transparent;border:0;box-shadow:none;border-radius:0}
#album-app .rc-pent{clip-path:none;border-radius:99px;width:auto;height:auto;padding:1.4cqw 2.6cqw;top:5cqw;right:5cqw;background:var(--m-ink);font:600 3.4cqw/1 var(--rt-mono);letter-spacing:.06em}
#album-app .rc-line{color:var(--m-ink);left:5cqw;bottom:5cqw;max-width:90%;font-weight:800;letter-spacing:0;font-size:clamp(9.5px,5.6cqw,13px)!important;line-height:1.12}
#album-app .rc-line small{color:var(--m-muted);opacity:1;font-weight:500;font-size:clamp(7.5px,3.6cqw,9.5px)}
#album-app .rc-ring,
#album-app .rc-holo{display:none}
#album-app .rc-st{border-radius:99px;top:17cqw;left:5cqw}
#album-app .rc-owned .rc-st{background:var(--m-green);color:#fff}
#album-app .rc-wanted .rc-st,
#album-app .rc-reco .rc-st{background:var(--m-cta);color:var(--m-ink)}
#album-app .rc-missing .rc-tilt{filter:none}
#album-app .rc-missing .rc-in{border-top-color:var(--m-line2)}
#album-app .rc-missing .rc-line{color:var(--m-muted)}
#album-app .rc-missing .rc-win img{filter:brightness(0) opacity(.07);transition:filter .3s,opacity .3s}
#album-app .rc-missing .rc-win::after{background:var(--m-ink)}
/* al pasar el mouse (o tocar en celular) se asoma el jersey que te falta */
#album-app .rc-missing:hover .rc-win img,
#album-app .al-dex.peek .rc-missing .rc-win img,
#album-app .is-peek .rc-missing .rc-win img{filter:drop-shadow(0 1.2cqw 1cqw rgba(0,0,0,.22));opacity:1}
#album-app .rc-missing:hover .rc-in,
#album-app .al-dex.peek .rc-missing .rc-in{border-top-color:var(--c1)}
#album-app .rc-missing:hover .rc-line,
#album-app .al-dex.peek .rc-missing .rc-line{color:var(--m-ink)}

/* ===== Placa Lo tengo / Lo quiero: como los botones de talla ===== */
#album-app .al-plate,
#album-app .al-dex.owned .al-plate,
#album-app .al-dex.wanted .al-plate,
#album-app .al-wish .al-dex.wanted .al-plate{background:var(--m-card);border:1px solid var(--m-line);border-top:0;border-radius:0 0 14px 14px;box-shadow:none;margin:-10px 0 0;padding:18px 10px 10px}
#album-app .al-stt{font-weight:600;letter-spacing:.12em}
#album-app .al-stt.own{color:var(--m-green)}
#album-app .al-stt.want{color:#d2602b}
#album-app .al-stt.miss,
#album-app .al-stt.sug{color:var(--m-muted)}
#album-app .al-seg{border:1px solid var(--m-line2);border-radius:10px;background:var(--m-card)}
#album-app .al-seg button{color:var(--m-ink);font-weight:700;letter-spacing:.03em;font-size:.66rem;gap:4px;padding:8px 2px}
#album-app .al-seg button+button{border-left:1px solid var(--m-line2)}
#album-app .al-seg button:hover{background:var(--m-soft)}
#album-app .al-seg button.h[aria-pressed="true"]{background:var(--m-ink);color:#fff}
#album-app .al-seg button.h[aria-pressed="true"] i{color:#fff}
#album-app .al-seg button.w[aria-pressed="true"]{background:var(--m-cta);color:var(--m-ink)}

/* ===== Mi vestidor y En la mira ===== */
#album-app .al-closet,
#album-app .al-wish{background:transparent;padding:clamp(6px,1vw,12px)}
#album-app .al-closet h2,
#album-app .al-wish h2,
#album-app .al-recos>header h3{font-weight:800;letter-spacing:-.035em}
#album-app .al-closet p.s,
#album-app .al-wish p.s,
#album-app .al-recos>header p{color:var(--m-muted)}
#album-app .al-stars button{color:var(--m-cta)}
#album-app .al-acts button{border:1px solid var(--m-line2);border-radius:10px;font-weight:700}
#album-app .al-acts button:hover{background:var(--m-soft)}
#album-app .al-btn{border:0;border-radius:12px;background:var(--m-cta);font-weight:700;letter-spacing:.14em}
#album-app .al-btn:hover{background:var(--m-cta2)}
#album-app .al-sumbar{border:1px solid var(--m-line);box-shadow:none;border-radius:16px;background:var(--m-card)}
#album-app .al-k b{font-weight:800;letter-spacing:-.03em}
#album-app .al-ship .m i{border:0;background:var(--m-soft);height:6px}
#album-app .al-ship .m i.on{background:var(--m-green)}
#album-app .al-size select{border:1px solid var(--m-line2);border-radius:10px}
#album-app .al-cta{border:0;border-radius:12px;background:var(--m-cta);color:var(--m-ink);font-weight:700;letter-spacing:.14em}
#album-app .al-cta:hover{background:var(--m-cta2)}
#album-app .al-cta.done{background:var(--m-green);color:#fff}
#album-app .al-pr{font-weight:800;letter-spacing:-.02em}
#album-app .al-nb{background:var(--m-soft)}
#album-app .al-nb i.add{background:var(--m-cta)}
#album-app .al-buyseg .buy2{background:var(--m-cta)}
#album-app .al-buyseg .buy2:hover{background:var(--m-cta2)}
#album-app .al-buyseg .buy2.added{background:var(--m-green);color:#fff}
#album-app .al-buyseg .quitw:hover,
#album-app .al-buyseg .wantit:hover{background:var(--m-soft)}
#album-app .al-recos{border-top:1px solid var(--m-line)}
#album-app .al-rgroup{border:1px solid var(--m-line);border-radius:18px}
#album-app .al-rh{border-bottom:0;box-shadow:inset 0 -4px 0 rgba(0,0,0,.15)}
#album-app .al-rh b{font-weight:800;letter-spacing:-.02em}
#album-app .al-rh .al-cta{background:#fff;color:var(--m-ink)}

/* ===== Colección completa ===== */
#album-app .al-moment{background:rgba(17,17,17,.78)}
#album-app .al-rays{background:repeating-conic-gradient(from 0deg,rgba(255,131,70,.16) 0 7deg,transparent 7deg 18deg)}
#album-app .al-medal{background:var(--m-card);border:0;border-radius:24px;box-shadow:0 30px 60px -20px rgba(0,0,0,.5)}
#album-app .al-medal .h{color:var(--m-cta);text-shadow:none;font-weight:800}
#album-app .al-medal .n{color:var(--m-ink);text-shadow:none;font-weight:800;letter-spacing:-.05em}
#album-app .al-medal .star{background:var(--m-cta);border:0;box-shadow:none}
#album-app .al-medal .b button{border:1px solid var(--m-line2);border-radius:12px}
#album-app .al-medal .b button.p{background:var(--m-cta);border-color:var(--m-cta)}

@media (max-width:900px){
#album-app .album-hero{background:var(--m-black)}
#album-app .al-ixhead{width:220px}
#album-app .al-ixrow{background:var(--m-card);border-color:var(--m-line)}
#album-app .al-ixrow[aria-pressed="true"]{background:var(--m-ink)}
}
@media (max-width:760px){
#album-app .album-tabs button::before{display:none}
#album-app .album-tabs button{margin-right:4px}
}
@media (max-width:560px){
#album-app .al-seg button{letter-spacing:.01em;gap:3px}
#album-app .al-seg button+button{border-left:0;border-top:1px solid var(--m-line2)}
#album-app .al-ixf button{font-size:.66rem;padding:6px 4px}
}

/* =====================================================================
   Stats (pestaña 04): mismas secciones y cálculos; solo el estilo moderno.
   Lleva el prefijo largo porque collection-modern.css usa !important.
   ===================================================================== */
html body.collection-page #album-app #collection-stats{
  --rt-red:#ff8346;--rt-sky:#7fb4c9;--rt-yel:#ff8346;--rt-pent:#151515;--rt-green:#2f8f5b;--rt-ink:#151515;--rt-cream:#ffffff;--rt-paper:#f7f6f2;
  color:var(--m-ink);background:transparent!important}
html body.collection-page #album-app #collection-stats h2,
html body.collection-page #album-app #collection-stats h3{color:var(--m-ink)!important;text-shadow:none!important;font-family:var(--rt-sans)!important;font-weight:800!important;letter-spacing:-.045em!important;text-transform:uppercase}
html body.collection-page #album-app #collection-stats .collection-kicker{display:flex!important;align-items:center;gap:7px;color:var(--m-muted)!important;font:500 .7rem var(--rt-mono)!important;letter-spacing:.16em!important}
html body.collection-page #album-app #collection-stats .stats-section-heading .collection-kicker::before,
html body.collection-page #album-app #collection-stats .stats-page-head .collection-kicker::before{content:"";width:7px;height:7px;background:var(--m-cta);flex:none}
html body.collection-page #album-app #collection-stats .stats-section{border:0!important;border-top:0!important}
html body.collection-page #album-app #collection-stats .stats-page-head h2{font-size:clamp(2.2rem,5vw,3.4rem)!important;line-height:.95!important}
html body.collection-page #album-app #collection-stats .stats-page-head small{color:var(--m-muted)!important}
html body.collection-page #album-app #collection-stats .stats-page-head small b{color:var(--m-ink)!important}
html body.collection-page #album-app #collection-stats .stats-page-head small i{color:var(--m-cta)!important;font-style:normal}
/* tarjetas */
html body.collection-page #album-app #collection-stats .stats-number,
html body.collection-page #album-app #collection-stats .stats-level,
html body.collection-page #album-app #collection-stats .stats-highlight,
html body.collection-page #album-app #collection-stats .stats-decade-block,
html body.collection-page #album-app #collection-stats .stats-shirt,
html body.collection-page #album-app #collection-stats .stats-average,
html body.collection-page #album-app #collection-stats .stats-rating-layout>.stats-bars,
html body.collection-page #album-app #collection-stats .stats-badge,
html body.collection-page #album-app #collection-stats .stats-split>div,
html body.collection-page #album-app #collection-stats .stats-share{background:var(--m-card)!important;color:var(--m-ink)!important;border:1px solid var(--m-line)!important;border-radius:16px!important;box-shadow:none!important}
html body.collection-page #album-app #collection-stats .stats-split>div,
html body.collection-page #album-app #collection-stats .stats-rating-layout>.stats-bars{padding:16px 18px!important}
html body.collection-page #album-app #collection-stats .stats-number strong{color:inherit!important;text-shadow:none!important;font:800 clamp(2.4rem,5vw,3.6rem)/.9 var(--rt-sans)!important;letter-spacing:-.05em!important;-webkit-text-stroke:0!important}
html body.collection-page #album-app #collection-stats .stats-number span{color:var(--m-muted)!important;font-family:var(--rt-mono)!important;letter-spacing:.14em!important}
html body.collection-page #album-app #collection-stats .stats-content>.stats-number-grid .stats-number:first-child{background:var(--m-ink)!important;border-color:var(--m-ink)!important;color:#fff!important}
html body.collection-page #album-app #collection-stats .stats-content>.stats-number-grid .stats-number:first-child span{color:#a9a59c!important}
/* nivel */
html body.collection-page #album-app #collection-stats .stats-level-emblem{background:var(--m-ink)!important;color:#fff!important;border:0!important;border-radius:18px!important;box-shadow:none!important}
html body.collection-page #album-app #collection-stats .stats-level-emblem span{color:#a9a59c!important;font-family:var(--rt-mono)!important;letter-spacing:.18em!important}
html body.collection-page #album-app #collection-stats .stats-level-emblem b{color:var(--m-cta)!important;text-shadow:none!important;font-family:var(--rt-sans)!important;font-weight:800!important}
html body.collection-page #album-app #collection-stats .stats-level-bar{height:6px!important;border:0!important;border-radius:99px!important;background:var(--m-soft)!important;overflow:hidden}
html body.collection-page #album-app #collection-stats .stats-level-bar b{background:var(--m-cta)!important;border:0!important;border-radius:99px!important}
html body.collection-page #album-app #collection-stats .stats-level-note{color:var(--m-muted)!important;font-family:var(--rt-sans)!important}
html body.collection-page #album-app #collection-stats .stats-level-note b{color:var(--m-ink)!important}
html body.collection-page #album-app #collection-stats .stats-level-steps i{height:4px!important;border:0!important;border-radius:99px!important;background:var(--m-soft)!important}
html body.collection-page #album-app #collection-stats .stats-level-steps i.is-on{background:var(--m-ink)!important}
/* siguiente jersey */
html body.collection-page #album-app #collection-stats .stats-next{background:var(--m-card)!important;color:var(--m-ink)!important;border:1px solid var(--m-line)!important;border-radius:16px!important;box-shadow:none!important}
html body.collection-page #album-app #collection-stats .stats-next h3{text-transform:none}
html body.collection-page #album-app #collection-stats .stats-next-copy p:not(.collection-kicker){color:var(--m-muted)!important}
html body.collection-page #album-app #collection-stats .stats-next-photo{background:#f4f3ef!important;border:0!important;border-radius:12px!important}
html body.collection-page #album-app #collection-stats .stats-next-cta,
html body.collection-page #album-app #collection-stats .stats-share-make,
html body.collection-page #album-app #collection-stats .stats-empty-cta{background:var(--m-cta)!important;color:var(--m-ink)!important;border:0!important;border-radius:12px!important;box-shadow:none!important;font:700 .74rem var(--rt-mono)!important;letter-spacing:.14em!important}
html body.collection-page #album-app #collection-stats .stats-next-link{color:var(--m-ink)!important}
/* perfil */
html body.collection-page #album-app #collection-stats .stats-highlight p{color:var(--m-muted)!important;font-family:var(--rt-mono)!important;letter-spacing:.14em!important}
html body.collection-page #album-app #collection-stats .stats-highlight strong{color:var(--m-ink)!important;text-shadow:none!important;font-family:var(--rt-sans)!important;font-weight:800!important;letter-spacing:-.035em!important}
html body.collection-page #album-app #collection-stats .stats-highlight span{color:var(--m-muted)!important}
html body.collection-page #album-app #collection-stats a.stats-highlight:hover,
html body.collection-page #album-app #collection-stats a.stats-shirt:hover{border-color:var(--m-ink)!important}
/* barras */
html body.collection-page #album-app #collection-stats .stats-bar-row{color:var(--m-ink)!important;border-radius:10px}
html body.collection-page #album-app #collection-stats .stats-bar-row i{height:8px!important;border:0!important;border-radius:99px!important;background:var(--m-soft)!important;overflow:hidden}
html body.collection-page #album-app #collection-stats .stats-bar-row i b{background:var(--m-ink)!important;border:0!important;border-radius:99px!important}
html body.collection-page #album-app #collection-stats .stats-bar-row strong{font-family:var(--rt-mono)!important;color:var(--m-ink)!important}
html body.collection-page #album-app #collection-stats .stats-ratings .stats-bar-row span{color:var(--m-cta)!important}
html body.collection-page #album-app #collection-stats .stats-decade-btn{cursor:pointer;background:transparent!important}
html body.collection-page #album-app #collection-stats .stats-decade-btn:hover{background:var(--m-soft)!important}
html body.collection-page #album-app #collection-stats .stats-decade-btn[aria-pressed="true"]{background:var(--m-ink)!important;color:#fff!important}
html body.collection-page #album-app #collection-stats .stats-decade-btn[aria-pressed="true"] *{color:#fff!important}
html body.collection-page #album-app #collection-stats .stats-decade-btn[aria-pressed="true"] i{background:#3a3936!important}
html body.collection-page #album-app #collection-stats .stats-decade-btn[aria-pressed="true"] i b{background:var(--m-cta)!important}
html body.collection-page #album-app #collection-stats .stats-decade-list{border-top:1px solid var(--m-line)!important;color:var(--m-muted)}
/* 5 estrellas y calificaciones */
html body.collection-page #album-app #collection-stats .stats-shirt img{background:#f4f3ef!important;border-radius:10px!important}
html body.collection-page #album-app #collection-stats .stats-shirt span{font-weight:800!important;color:var(--m-ink)!important}
html body.collection-page #album-app #collection-stats .stats-shirt b,
html body.collection-page #album-app #collection-stats .stats-average-stars{color:var(--m-cta)!important;text-shadow:none!important}
html body.collection-page #album-app #collection-stats .stats-average>strong{color:var(--m-ink)!important;text-shadow:none!important;font-family:var(--rt-sans)!important;font-weight:800!important;letter-spacing:-.05em!important}
html body.collection-page #album-app #collection-stats .stats-average small{color:var(--m-muted)!important;font-family:var(--rt-mono)!important}
html body.collection-page #album-app #collection-stats .stats-average button,
html body.collection-page #album-app #collection-stats .stats-inline-empty button{background:var(--m-card)!important;color:var(--m-ink)!important;border:1px solid var(--m-line2)!important;border-radius:10px!important;box-shadow:none!important}
/* logros */
html body.collection-page #album-app #collection-stats .stats-badge-icon{background:var(--m-ink)!important;color:var(--m-cta)!important;border:0!important;border-radius:12px!important;box-shadow:none!important}
html body.collection-page #album-app #collection-stats .stats-badge.is-locked{opacity:1!important}
html body.collection-page #album-app #collection-stats .stats-badge.is-locked .stats-badge-icon{background:var(--m-soft)!important;color:var(--m-muted)!important}
html body.collection-page #album-app #collection-stats .stats-badge strong{color:var(--m-ink)!important}
html body.collection-page #album-app #collection-stats .stats-badge.is-locked strong{color:#55524c!important}
html body.collection-page #album-app #collection-stats .stats-badge span:not(.stats-badge-icon){color:var(--m-muted)!important}
html body.collection-page #album-app #collection-stats .stats-badge small{color:var(--m-muted)!important;font-family:var(--rt-mono)!important}
/* ligas y compartir */
html body.collection-page #album-app #collection-stats .stats-mini-title{color:var(--m-ink)!important;font:600 .72rem var(--rt-mono)!important;letter-spacing:.14em!important;text-transform:uppercase}
html body.collection-page #album-app #collection-stats .stats-share-field label{color:var(--m-muted)!important;font-family:var(--rt-mono)!important}
html body.collection-page #album-app #collection-stats .stats-share-field input{background:#fff!important;color:var(--m-ink)!important;border:1px solid var(--m-line2)!important;border-radius:12px!important;box-shadow:none!important}
html body.collection-page #album-app #collection-stats .stats-share-send{border:1px solid var(--m-line2)!important;border-radius:12px!important;background:#fff!important;color:var(--m-ink)!important}
html body.collection-page #album-app #collection-stats .stats-empty{background:var(--m-card)!important;border:1px dashed var(--m-line2)!important;border-radius:18px!important}

/* ===== Peyo en Stats (album-stats-peyo.js) ===== */
html body.collection-page #album-app #collection-stats .stats-page-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:end}
html body.collection-page #album-app #collection-stats .stats-page-head>*:not(.st-peyo){grid-column:1}
#album-app .st-peyo{grid-column:2;grid-row:1 / span 4;align-self:end;display:flex;align-items:flex-end;gap:10px;background:none;border:0;padding:0;margin:0;cursor:pointer;color:var(--m-ink);text-align:left;font-family:var(--rt-sans)}
#album-app .st-peyo-w{display:flex;flex-direction:column;align-items:center;gap:2px}
#album-app .st-peyo peyote-logo{display:block;width:92px}
#album-app .st-peyo-w small{font:500 .56rem var(--rt-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--m-muted)}
#album-app .st-say{position:relative;align-self:center;max-width:260px;background:var(--m-card);border:1px solid var(--m-line);border-radius:14px;padding:10px 13px;font:600 .86rem/1.3 var(--rt-sans);box-shadow:0 8px 20px -12px rgba(0,0,0,.3)}
#album-app .st-say::after{content:"";position:absolute;right:-6px;top:50%;margin-top:-5px;width:10px;height:10px;background:var(--m-card);border-right:1px solid var(--m-line);border-top:1px solid var(--m-line);transform:rotate(45deg)}
#album-app .st-peyo:hover .st-say{border-color:var(--m-ink)}
@media (max-width:760px){
html body.collection-page #album-app #collection-stats .stats-page-head{grid-template-columns:minmax(0,1fr)}
#album-app .st-peyo{grid-column:1;grid-row:auto;margin-top:12px;width:100%}
#album-app .st-say{flex:1;max-width:none}
#album-app .st-peyo peyote-logo{width:72px}
}
#album-app .stats-empty peyote-logo{display:block;width:110px;margin-bottom:8px}

/* Sello Original Peyote (Sobre Peyote): pastilla negra en la carta y texto en la placa */
#album-app .rc-og .rc-st{background:var(--m-ink);color:#fff}
#album-app .rc-og .rc-st::first-letter{color:var(--m-cta)}
#album-app .al-stt.own.og{color:var(--m-ink)}

/* ===== Regálame uno (album-regalame.js): tarjeta "Comparte tu lista" en En la mira ===== */
#album-app .rg-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 24px;align-items:center;background:var(--m-black);color:#fff;border-radius:18px;padding:18px 20px}
#album-app .rg-k{display:flex;align-items:center;gap:7px;font:500 .64rem var(--rt-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--m-cta)}
#album-app .rg-k::before{content:"";width:7px;height:7px;background:var(--m-cta)}
#album-app .rg-card h3{margin:6px 0 4px;font:800 clamp(1.3rem,2.8vw,1.8rem)/1 var(--rt-sans);text-transform:uppercase;letter-spacing:-.04em}
#album-app .rg-card p{margin:0;color:#bdb9b0;font-size:.9rem;line-height:1.4}
#album-app .rg-form{display:flex;flex-direction:column;gap:6px}
#album-app .rg-form label{font:500 .62rem var(--rt-mono);letter-spacing:.14em;text-transform:uppercase;color:#a9a59c}
#album-app .rg-form>div{display:flex;gap:8px;flex-wrap:wrap}
#album-app .rg-form input{flex:1 1 160px;min-width:0;border:1px solid #44423d;background:#1d1d1b;color:#fff;border-radius:12px;padding:11px 13px;font:600 1rem var(--rt-sans)}
#album-app .rg-form button,#album-app .rg-link button{border:0;background:var(--m-cta);color:var(--m-ink);border-radius:12px;padding:11px 15px;font:700 .7rem var(--rt-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
#album-app .rg-form button:disabled{opacity:.6}
#album-app .rg-msg{color:#e9e7e1;font-size:.82rem}
#album-app .rg-link{grid-column:2;display:flex;align-items:center;gap:8px;background:#262522;border-radius:12px;padding:6px 6px 6px 12px;font:500 .78rem var(--rt-mono);min-width:0}
#album-app .rg-link span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#album-app .rg-card.on .rg-copy{grid-row:1 / span 3}
#album-app .rg-row{grid-column:2;display:flex;gap:14px;flex-wrap:wrap;align-items:center}
#album-app .rg-wa{background:#fff;color:var(--m-ink);text-decoration:none;border-radius:12px;padding:10px 14px;font:700 .7rem var(--rt-mono);letter-spacing:.12em;text-transform:uppercase}
#album-app .rg-see{color:#fff;font-size:.85rem;text-underline-offset:3px}
#album-app .rg-toggles{grid-column:1 / -1;display:flex;gap:8px 20px;flex-wrap:wrap;font-size:.85rem;color:#e9e7e1;border-top:1px solid #2e2d2a;padding-top:12px}
#album-app .rg-toggles input{accent-color:var(--m-cta);margin-right:6px}
#album-app .rg-foot{grid-column:1 / -1;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
#album-app .rg-off{background:none;border:0;padding:0;color:#a9a59c;font-size:.8rem;text-decoration:underline;cursor:pointer}
@media (max-width:760px){#album-app .rg-card{grid-template-columns:1fr}#album-app .rg-link,#album-app .rg-row{grid-column:1}#album-app .rg-card.on .rg-copy{grid-row:auto}}