@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600;700&display=swap');

:root{
  /* Paleta NIEBLA — gris frío, acento azul */
  --bg:#f2f4f7; --bg-warm:#e9edf2; --card:#ffffff; --surface-2:#f7f9fb;
  --ink:#0f1720; --ink-soft:#48566a; --ink-dim:#7a8798;
  --line:#dde3ea; --line-soft:#e9edf2;
  --brand:#0b6bcb; --brand-deep:#084e96; --brand-soft:rgba(11,107,203,.08);
  --gold:#c9a227;
  --up:#12a150; --down:#e5484d;
  --eu:#0b6bcb; --us:#e5484d;
  --mono:'JetBrains Mono',monospace; --serif:'Fraunces',Georgia,serif;
  --shadow-sm:0 1px 2px rgba(16,30,54,.04),0 2px 8px rgba(16,30,54,.05);
  --shadow-md:0 4px 12px rgba(16,30,54,.06),0 12px 32px rgba(16,30,54,.09);
  --shadow-lg:0 20px 48px rgba(11,107,203,.12),0 8px 20px rgba(16,30,54,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Inter',sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}

.ticker{border-bottom:1px solid var(--line);background:var(--bg-warm);overflow:hidden;white-space:nowrap}
.ticker-track{display:inline-flex;gap:38px;padding:9px 0;animation:scroll 50s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker:empty{display:none}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tick{display:inline-flex;align-items:center;gap:9px;font-size:.8rem}
.tick-name{color:var(--ink-soft);font-weight:500}
.tick-price{font-family:var(--mono);font-weight:600}
.up{color:var(--up)} .down{color:var(--down)}

.wrap{max-width:1120px;margin:0 auto;padding:0 24px}

.navbar{display:flex;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(242,244,247,.86);backdrop-filter:blur(12px);z-index:50}
.navbar .wrap{display:flex;align-items:center;gap:24px;width:100%}
.brand{font-family:var(--serif);font-weight:600;font-size:1.4rem;letter-spacing:-.02em;display:flex;align-items:center;gap:9px;flex-shrink:0;cursor:pointer}
.brand .dot{color:var(--brand)}
.nav-links{display:flex;gap:22px;font-size:.9rem}
.nav-burger{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);background:var(--card);border-radius:10px;color:var(--ink-soft);cursor:pointer;font-size:1.05rem;order:2}
.nav-burger:hover{border-color:var(--brand);color:var(--brand)}
.navbar .wrap{position:relative}
.nav-links a{color:var(--ink-soft);text-decoration:none;transition:color .15s}
.nav-links a:hover{color:var(--brand)}

.searchbar{margin-left:auto;position:relative;width:280px;transition:width .25s cubic-bezier(.2,.8,.2,1)}
.searchbar:focus-within{width:360px}
#busqueda{width:100%;padding:10px 14px 10px 38px;font-size:.9rem;font-family:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:11px;outline:none;box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s}
#busqueda::placeholder{color:var(--ink-dim)}
#busqueda:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(11,107,203,.1)}
.searchbar svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--ink-dim)}

#sugerencias{list-style:none;margin:8px 0 0;padding:6px;position:absolute;left:0;right:0;z-index:60;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-md);max-height:400px;overflow-y:auto}
#sugerencias:empty{display:none}
#sugerencias li{display:flex;align-items:center;gap:11px;padding:7px 9px;border-radius:8px;cursor:pointer;transition:background .12s}
#sugerencias li:hover{background:var(--bg-warm)}
#sugerencias img{width:32px;border-radius:4px;flex-shrink:0}
.sug-sinimg{width:32px;height:45px;background:var(--bg-warm);border:1px dashed var(--line);border-radius:4px;flex-shrink:0}
.sug-nombre{font-weight:600;font-size:.9rem}
.sug-set{color:var(--ink-dim);font-size:.78rem}

.intro{padding:38px 0 30px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;opacity:0;animation:rise .6s .05s cubic-bezier(.2,.8,.2,1) forwards}
.intro-txt h1{font-family:var(--serif);font-size:2.4rem;line-height:1.05;letter-spacing:-.02em;margin:0 0 8px;font-weight:500}
.intro-txt h1 em{font-style:italic;color:var(--brand)}
.intro-txt p{color:var(--ink-soft);font-size:1.02rem;margin:0;max-width:46ch}

.sec{margin-top:14px}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px}
.sec-title{font-family:var(--serif);font-size:1.4rem;font-weight:600;letter-spacing:-.015em;margin:0;display:flex;align-items:center;gap:11px}
.sec-title .pip{width:8px;height:8px;border-radius:50%;background:var(--brand)}
.cargando{color:var(--ink-dim)}

.showcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px;cursor:pointer;box-shadow:var(--shadow-sm);position:relative;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s,border-color .24s;opacity:0;animation:rise .55s cubic-bezier(.2,.8,.2,1) forwards}
.card:nth-child(1){animation-delay:.06s}.card:nth-child(2){animation-delay:.11s}.card:nth-child(3){animation-delay:.16s}.card:nth-child(4){animation-delay:.21s}.card:nth-child(5){animation-delay:.26s}.card:nth-child(6){animation-delay:.31s}.card:nth-child(7){animation-delay:.36s}.card:nth-child(8){animation-delay:.41s}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent}
.card-img{aspect-ratio:245/342;width:100%;border-radius:12px;overflow:hidden;background:var(--bg-warm);margin-bottom:13px;position:relative}
.card-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.card:hover .card-img img{transform:scale(1.05)}
.card-name{font-weight:600;font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-set{color:var(--ink-dim);font-size:.79rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;margin-bottom:12px}
.card-prices{display:flex;gap:8px}
.card-mkt{flex:1;background:var(--bg-warm);border-radius:10px;padding:8px 10px;display:flex;align-items:center;gap:7px}
.card-flag{font-size:1rem;line-height:1}
.card-mktprice{font-family:var(--mono);font-weight:700;font-size:.92rem}

/* Ficha detallada */
#ficha:empty{display:none}
.ficha{margin:38px 0;display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:start;animation:rise .4s ease}
.ficha-img{position:relative}
.ficha-img img{width:100%;border-radius:14px;box-shadow:var(--shadow-lg)}
.ficha-img .sin-imagen{aspect-ratio:245/342;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--ink-dim);background:var(--bg-warm);border:1px dashed var(--line);border-radius:14px;padding:20px}
.volver{background:none;border:none;color:var(--ink-soft);cursor:pointer;font-family:inherit;font-size:.9rem;padding:0;margin-bottom:16px;transition:color .15s}
.volver:hover{color:var(--brand)}
.ficha-nombre{font-family:var(--serif);font-size:2.1rem;font-weight:600;margin:0 0 8px;letter-spacing:-.02em;line-height:1.05}
.ficha-meta{color:var(--ink-soft);margin:0 0 26px;font-size:1rem}
.cotiz-titulo{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-dim);margin:0 0 12px;font-weight:600}
.cotizaciones{display:flex;gap:14px;flex-wrap:wrap}
.cotiza{flex:1;min-width:160px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow-sm)}
.cotiza-cab{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.cotiza-bandera{font-size:1.3rem;line-height:1}
.cotiza-mercado{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft)}
.cotiza-precio{font-family:var(--mono);font-size:1.7rem;font-weight:700;letter-spacing:-.02em;line-height:1}
.cotiza-fuente{color:var(--ink-dim);font-size:.8rem;margin-top:8px}
.sin-precio{color:var(--ink-dim);font-style:italic}

footer{margin-top:70px;padding:32px 0;border-top:1px solid var(--line);color:var(--ink-dim);font-size:.83rem;text-align:center}

@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

@media(max-width:900px){
  .showcase{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* En móvil el menú se despliega con el botón de hamburguesa. */
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--card);border-bottom:1px solid var(--line);box-shadow:var(--shadow-lg);padding:8px;z-index:60}
  .nav-links.abierto{display:flex}
  .nav-links a{padding:13px 16px;border-radius:10px;font-size:1rem}
  .nav-links a:hover{background:var(--surface-2)}
  .nav-burger{display:flex}
  .searchbar{width:180px}
  .searchbar:focus-within{width:200px}
  .intro-txt h1{font-size:1.9rem}
  .ficha{grid-template-columns:1fr;gap:24px}
  .ficha-img{max-width:260px}
}

/* Migas de pan */
.migas{font-size:.84rem;color:var(--ink-dim);margin:26px 0 20px}
.migas a{color:var(--brand);text-decoration:none}
.migas a:hover{text-decoration:underline}

/* Texto descriptivo de la carta */
.texto-carta{max-width:760px;margin:36px 0 0;font-size:1.04rem;line-height:1.75;color:var(--ink-soft)}
.texto-carta p{margin:0 0 18px}
.texto-carta strong{color:var(--ink);font-weight:600}
.texto-carta em{font-style:italic}
.texto-carta a{color:var(--brand);text-decoration:none;font-weight:500}
.texto-carta a:hover{text-decoration:underline}

/* Tabla de atributos */
.atributos{width:100%;border-collapse:collapse;margin-top:26px;font-size:.94rem}
.atributos tr{border-bottom:1px solid var(--line-soft)}
.atributos tr:last-child{border-bottom:none}
.atributos th{text-align:left;font-weight:500;color:var(--ink-soft);padding:11px 0;white-space:nowrap;width:42%}
.atributos td{text-align:right;padding:11px 0;font-weight:600;color:var(--ink)}
.attr-ico{display:inline-block;width:22px;margin-right:6px;text-align:center}
.atributos a{color:var(--brand);text-decoration:none;font-weight:600}
.atributos a:hover{text-decoration:underline}

/* Cotizaciones más compactas */
.cotizaciones{gap:12px}
.cotiza{min-width:130px;padding:12px 14px;border-radius:12px}
.cotiza-cab{margin-bottom:8px;gap:7px}
.cotiza-bandera{font-size:1.1rem}
.cotiza-mercado{font-size:.74rem}
.cotiza-precio{font-size:1.35rem}
.cotiza-fuente{font-size:.75rem;margin-top:5px}

/* ============ REDISEÑO PÁGINA DE CARTA ============ */
.carta-page{max-width:1000px;margin:0 auto}

/* Cabecera de la ficha: imagen + panel */
.ficha{margin:24px 0 0;display:grid;grid-template-columns:320px 1fr;gap:48px;align-items:start}
.ficha-img{position:relative}
.ficha-img::before{content:'';position:absolute;inset:-24px;background:radial-gradient(circle at 50% 35%,rgba(11,107,203,.10),transparent 68%);z-index:0}
.ficha-img img{position:relative;z-index:1;width:100%;border-radius:16px;box-shadow:var(--shadow-lg)}
.ficha-img .sin-imagen{position:relative;z-index:1;aspect-ratio:245/342;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--ink-dim);background:var(--bg-warm);border:1px dashed var(--line);border-radius:16px;padding:20px}

.ficha-nombre{font-family:var(--serif);font-size:2.4rem;font-weight:600;margin:0 0 10px;letter-spacing:-.02em;line-height:1.03;display:flex;align-items:center;gap:12px}
.ficha-nombre .tipo-ico{color:var(--brand);font-size:1.7rem}
.ficha-meta{color:var(--ink-soft);margin:0 0 28px;font-size:1.05rem}

/* Cotizaciones compactas y elegantes */
.cotiz-titulo{font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-dim);margin:0 0 12px;font-weight:600}
.cotizaciones{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}
.cotiza{flex:1;min-width:150px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}
.cotiza::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px}
.cotiza.eu::before{background:var(--eu)}
.cotiza.us::before{background:var(--us)}
.cotiza-cab{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.cotiza-bandera{font-size:1.15rem;line-height:1}
.cotiza-mercado{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft)}
.cotiza-precio{font-family:var(--mono);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--ink)}
.cotiza-fuente{color:var(--ink-dim);font-size:.76rem;margin-top:6px}

/* Cuadrícula de tarjetas de atributo */
.atributos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:8px}
.attr-card{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:14px;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s,border-color .18s}
.attr-card.enlazable{cursor:pointer}
.attr-card.enlazable:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--brand)}
.attr-card-ico{color:var(--brand);font-size:1.05rem;margin-bottom:9px}
.attr-card-lbl{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim);font-weight:600;margin-bottom:3px}
.attr-card-val{font-size:.98rem;font-weight:600;color:var(--ink)}
.attr-card a,.attr-card.enlazable .attr-card-val{color:var(--ink);text-decoration:none}
.attr-card.enlazable:hover .attr-card-val{color:var(--brand)}

/* Texto descriptivo */
.texto-carta{max-width:780px;margin:44px 0 0;font-size:1.05rem;line-height:1.8;color:var(--ink-soft)}
.texto-carta p{margin:0 0 20px}
.texto-carta strong{color:var(--ink);font-weight:600}
.texto-carta .sec-ico{color:var(--brand);margin-right:6px}

@media(max-width:760px){
  .ficha{grid-template-columns:1fr;gap:28px}
  .ficha-img{max-width:280px;margin:0 auto}
  .ficha-nombre{font-size:2rem}
}

/* Ajustes atributos: iconos oscuros, ilustrador sin subrayado y ancho */
.attr-card-ico{color:var(--ink)}
.attr-card.enlazable:hover .attr-card-ico{color:var(--brand)}
.attr-card a,.attr-card.enlazable .attr-card-val{text-decoration:none}
.atributos-grid a.attr-card .attr-card-val{text-decoration:none}
/* La tarjeta del ilustrador ocupa toda la fila */
.attr-card.ancho{grid-column:1 / -1}

/* Icono gris oscuro + etiqueta al lado del icono */
.attr-card-ico{color:#3a3f3b}
.attr-card.enlazable:hover .attr-card-ico{color:var(--brand)}
.attr-card-cab{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.attr-card-cab .attr-card-ico{margin-bottom:0;font-size:.95rem}
.attr-card-cab .attr-card-lbl{margin-bottom:0}

/* Icono de tipo en el H1 con color según elemento */
.tipo-ico.t-fuego{color:#e8562f}
.tipo-ico.t-agua{color:#3b82f6}
.tipo-ico.t-planta{color:#3faa5a}
.tipo-ico.t-rayo{color:#e8b923}
.tipo-ico.t-psiquico{color:#b455c9}
.tipo-ico.t-lucha{color:#c1442e}
.tipo-ico.t-oscuridad{color:#3a3f4b}
.tipo-ico.t-metal{color:#7d8794}
.tipo-ico.t-hada{color:#e879b9}
.tipo-ico.t-dragon{color:#c88a2e}
.tipo-ico.t-incoloro{color:#9a8f88}
.tipo-ico.t-hielo{color:#4bc0d9}

/* Etiqueta e icono en el mismo gris, arriba juntos */
.attr-card-ico{color:var(--ink-dim)}
.attr-card.enlazable:hover .attr-card-ico{color:var(--brand)}
.attr-card-lbl{color:var(--ink-dim)}

/* Quitar subrayado del enlace del ilustrador */
.attr-card.enlazable,.attr-card.enlazable .attr-card-val,.atributos-grid a{text-decoration:none !important}

/* Cabecera de páginas de listado (ilustrador, tipo, etc.) */
.lista-cab{margin:30px 0 28px}
.lista-eyebrow{color:var(--brand);font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;display:flex;align-items:center;gap:8px}
.lista-titulo{font-family:var(--serif);font-size:2.3rem;font-weight:600;letter-spacing:-.02em;margin:0 0 6px;line-height:1.05}
.lista-sub{color:var(--ink-dim);margin:0;font-size:1rem}

/* Iconos de sección del texto en gris oscuro */
.texto-carta .sec-ico{color:#3a3f3b}

/* Texto a ancho completo */
.texto-carta{max-width:100%}

/* Gráfica de precio */
.grafica-precio{margin:44px 0 0}
.sec-head-carta{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.sec-titulo-carta{font-family:var(--serif);font-size:1.5rem;font-weight:600;letter-spacing:-.015em;margin:0;display:flex;align-items:center;gap:10px}
.sec-titulo-carta i{color:#3a3f3b;font-size:1.1rem}
.grafica-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--gold);background:rgba(184,137,43,.1);padding:4px 10px;border-radius:20px}
.grafica-wrap{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow-sm);height:280px;position:relative}
.grafica-nota{color:var(--ink-dim);font-size:.82rem;margin:10px 0 0;font-style:italic}

/* Las tarjetas de la home son enlaces, pero su contenido no debe verse azul/subrayado */
a.card, a.card:hover, a.card:visited{text-decoration:none;color:inherit}
a.card .card-name,a.card .card-set,a.card .card-mktprice{color:inherit;text-decoration:none}
a.card .card-mkt{text-decoration:none}

/* Hover de tarjetas de atributo: negro en vez de verde */
.attr-card.enlazable:hover{border-color:var(--ink)}
.attr-card.enlazable:hover .attr-card-ico,.attr-card.enlazable:hover .attr-card-val{color:var(--ink)}

/* Tarjetas de listado (tipo, rareza, set, ilustrador): nombre centrado y más grande */
.showcase .card .card-name{text-align:center;font-size:1.05rem;margin-top:4px}

/* Set/colección centrado igual que el nombre en las tarjetas */
.showcase .card .card-set{text-align:center}

/* Icono del H1 en listados */
.lista-ico{font-size:.85em;margin-right:6px}
.lista-ico.t-fuego{color:#e8562f}
.lista-ico.t-agua{color:#3b82f6}
.lista-ico.t-planta{color:#3faa5a}
.lista-ico.t-rayo{color:#e8b923}
.lista-ico.t-psiquico{color:#b455c9}
.lista-ico.t-lucha{color:#c1442e}
.lista-ico.t-oscuridad{color:#3a3f4b}
.lista-ico.t-metal{color:#7d8794}
.lista-ico.t-hada{color:#e879b9}
.lista-ico.t-dragon{color:#c88a2e}
.lista-ico.t-incoloro{color:#9a8f88}
.lista-ico.t-hielo{color:#4bc0d9}

/* ===== Simulador de sobres ===== */
.set-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-top:8px}
.set-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .18s,box-shadow .18s,border-color .18s;font-family:inherit}
.set-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--brand)}
.set-card img{width:100%;height:70px;object-fit:contain}
.set-noimg{height:70px;display:flex;align-items:center;text-align:center;font-weight:600;color:var(--ink-soft)}
.set-nombre{font-size:.85rem;font-weight:600;text-align:center;color:var(--ink)}

.apertura-cab{margin:10px 0 24px}
.apertura-titulo{font-family:var(--serif);font-size:1.8rem;font-weight:600;margin:8px 0 0}

.sobre-cerrado{display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px 0}
.sobre-visual{width:180px;height:240px;border-radius:18px;background:linear-gradient(145deg,var(--brand),var(--brand-deep,#084e96));display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);animation:flotar 3s ease-in-out infinite}
.sobre-visual i{font-size:4rem;color:rgba(255,255,255,.9)}
@keyframes flotar{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

.btn-abrir{background:var(--brand);color:#fff;border:none;border-radius:12px;padding:14px 32px;font-size:1.05rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .18s,transform .1s;box-shadow:var(--shadow-sm)}
.btn-abrir:hover{background:var(--brand-deep,#084e96)}
.btn-abrir:active{transform:scale(.97)}

.carta-revelada{opacity:0;animation:revelar .5s cubic-bezier(.2,.8,.2,1) forwards;position:relative}
@keyframes revelar{from{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:none}}
.card-precio-sobre{font-family:var(--mono);font-weight:700;color:var(--brand);text-align:center;margin-top:6px;font-size:.95rem}
/* Borde según nivel de rareza */
.carta-revelada.nivel-rara{border-color:var(--gold)}
.carta-revelada.nivel-destacada{border-color:var(--brand);box-shadow:0 0 0 2px rgba(11,107,203,.15),var(--shadow-md)}

.resumen-sobre{margin:32px 0 0;padding:24px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm)}
.resumen-total{display:flex;align-items:center;justify-content:space-between;font-size:1.1rem}
.resumen-total strong{font-family:var(--mono);font-size:1.8rem;color:var(--brand)}
.resumen-nota{color:var(--ink-dim);font-size:.82rem;margin:8px 0 0}
.apertura-acciones{margin-top:28px;text-align:center}

/* Control de sobres: desplegable + botón */
.sobre-control{max-width:640px;margin-top:8px}
.sobre-label{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);font-weight:600;margin-bottom:8px}
.sobre-fila{display:flex;gap:12px;flex-wrap:wrap}
.sobre-select{flex:1;min-width:240px;padding:13px 16px;font-size:1rem;font-family:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:12px;outline:none;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .18s,box-shadow .18s}
.sobre-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(11,107,203,.1)}
.btn-abrir[disabled]{opacity:.5;cursor:not-allowed}
.btn-abrir i{margin-right:6px}

/* ===== Cartas de sobre con volteo 3D ===== */
#cartas-reveladas{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}
.sobre-carta{aspect-ratio:245/342;perspective:1000px;cursor:pointer;opacity:0;animation:revelar .4s ease forwards}
.flip-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d}
.sobre-carta.volteada .flip-inner{transform:rotateY(180deg)}
.flip-dorso,.flip-frente{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;overflow:hidden}
.flip-dorso{background:linear-gradient(145deg,var(--brand),#084e96);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);border:2px solid rgba(255,255,255,.1)}
.flip-dorso::before{content:'';position:absolute;inset:8px;border:1px solid rgba(255,255,255,.15);border-radius:8px}
.dorso-logo{font-family:var(--serif);font-size:1.1rem;font-weight:600;color:rgba(255,255,255,.92)}
.dorso-logo b{color:var(--gold);font-weight:600}
.flip-dorso:hover{filter:brightness(1.08)}
.flip-frente{transform:rotateY(180deg);background:var(--card);border:1px solid var(--line);padding:10px;box-shadow:var(--shadow-md)}
.flip-frente a{text-decoration:none;color:inherit;display:block}
.flip-frente .card-img{aspect-ratio:245/342;border-radius:8px;overflow:hidden;margin-bottom:6px}
.flip-frente .card-img img{width:100%;height:100%;object-fit:cover}
.flip-frente .card-name{font-size:.82rem;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flip-frente .card-precio-sobre{font-family:var(--mono);font-weight:700;color:var(--brand);text-align:center;font-size:.85rem;margin-top:2px}
/* Realce por nivel al voltear */
.sobre-carta.nivel-rara.volteada .flip-frente{border-color:var(--gold);box-shadow:0 0 0 2px rgba(184,137,43,.3),var(--shadow-md)}
.sobre-carta.nivel-destacada.volteada .flip-frente{border-color:var(--brand);box-shadow:0 0 0 2px rgba(11,107,203,.3),var(--shadow-lg)}

/* FIX: mostrar precio en la carta volteada */
.sobre-carta{aspect-ratio:auto;height:auto}
.sobre-carta .flip-inner{aspect-ratio:245/342;height:auto}
.flip-frente{padding:8px;display:flex;flex-direction:column}
.flip-frente a{display:flex;flex-direction:column;height:100%}
.flip-frente .card-img{flex:1;min-height:0;margin-bottom:5px}
.flip-frente .card-name{font-size:.8rem;line-height:1.1}
.flip-frente .card-precio-sobre{display:block;font-size:.85rem;margin-top:3px}

/* Precio como etiqueta sobre la imagen (robusto con volteo 3D) */
.sobre-carta{aspect-ratio:245/342;height:auto}
.sobre-carta .flip-inner{aspect-ratio:auto;height:100%}
.flip-frente{padding:8px;display:block}
.flip-frente a{display:block;height:100%}
.flip-frente .card-img{position:relative;height:calc(100% - 22px);margin-bottom:5px}
.precio-badge{position:absolute;top:6px;right:6px;z-index:2;background:rgba(11,107,203,.95);color:#fff;font-family:var(--mono);font-weight:700;font-size:.78rem;padding:3px 8px;border-radius:8px;box-shadow:var(--shadow-sm)}
.flip-frente .card-name{font-size:.8rem;line-height:1.1;height:18px}

/* Mensaje de ranking del sobre */

/* Carta más cara del sobre: destacada en dorado */
.sobre-carta.carta-top.volteada .flip-frente{
  border:2px solid var(--gold);
  box-shadow:0 0 0 3px rgba(184,137,43,.25), 0 8px 28px rgba(184,137,43,.35);
}
.sobre-carta.carta-top .precio-badge{
  background:linear-gradient(135deg,#d4a838,#b8892b);
  box-shadow:0 2px 8px rgba(184,137,43,.5);
}
.sobre-carta.carta-top .flip-dorso{
  border-color:rgba(212,168,56,.5);
}
/* Corona sobre la carta top */
.sobre-carta.carta-top.volteada .flip-frente::before{
  content:'\f521';
  font-family:'Font Awesome 6 Free';font-weight:900;
  position:absolute;top:-10px;left:50%;transform:translateX(-50%);
  color:var(--gold);font-size:1.1rem;z-index:3;
  text-shadow:0 2px 4px rgba(0,0,0,.2);
}

/* Carta top: el marco entero (fondo) en dorado, no solo el borde */
.sobre-carta.carta-top.volteada .flip-frente{
  background:linear-gradient(160deg,#f6e5b8,#e8cf8a);
  border:2px solid var(--gold);
}
.sobre-carta.carta-top.volteada .flip-frente .card-name{
  color:#7a5a15;
  font-weight:700;
}

/* Mensaje de carta en el ranking de cartas */

/* ===== Página de ranking (sobres/top) ===== */
.top-tabs{display:flex;gap:10px;margin:0 0 28px;flex-wrap:wrap}
.top-tab{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 20px;font-size:.95rem;font-weight:600;font-family:inherit;color:var(--ink-soft);cursor:pointer;transition:all .18s;box-shadow:var(--shadow-sm)}
.top-tab i{margin-right:7px}
.top-tab.activa{background:var(--brand);color:#fff;border-color:var(--brand)}
.top-tab:not(.activa):hover{border-color:var(--brand);color:var(--brand)}

/* Lista de sobres */

/* Cartas del ranking con posición */
.carta-rank{position:relative}
.carta-rank-pos{position:absolute;top:8px;left:8px;z-index:2;background:var(--brand);color:#fff;font-family:var(--mono);font-weight:700;font-size:.8rem;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}
.carta-rank.es-primero .carta-rank-pos{background:var(--gold)}
.carta-rank.es-primero{box-shadow:0 0 0 2px var(--gold),var(--shadow-md);border-radius:12px}

/* Logo de colección como fondo decorativo en el ranking de sobres */

/* Logo de fondo más visible en el ranking */

/* Logo de fondo: no tapar el precio */

/* Podio: plata (2º) y bronce (3º) */


/* Cartas del sobre: 5 por fila, un poco más grandes */
#cartas-reveladas{grid-template-columns:repeat(5,1fr);gap:20px}
@media(max-width:900px){#cartas-reveladas{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){#cartas-reveladas{grid-template-columns:repeat(2,1fr)}}

/* Separar las cartas del selector de abrir sobre */
#resultado-sobre{margin-top:36px}

/* Carta destacada en el sobre compartido (ya boca arriba, sin volteo) */
.carta-compartida{position:relative}
.carta-top-static{border:2px solid var(--gold);border-radius:12px;box-shadow:0 0 0 3px rgba(184,137,43,.25),var(--shadow-md);background:linear-gradient(160deg,#f6e5b8,#e8cf8a)}
.carta-top-static .card-name{color:#7a5a15;font-weight:700}
.carta-top-static .precio-badge{background:linear-gradient(135deg,#d4a838,#b8892b)}
.carta-top-static::before{content:'\f521';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;top:-10px;left:50%;transform:translateX(-50%);color:var(--gold);font-size:1.1rem;z-index:3;text-shadow:0 2px 4px rgba(0,0,0,.2)}

/* Botón de compartir sobre */
.btn-compartir{background:var(--card);color:var(--brand);border:1.5px solid var(--brand);border-radius:12px;padding:13px 28px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .18s;box-shadow:var(--shadow-sm)}
.btn-compartir i{margin-right:8px}
.btn-compartir:hover{background:var(--brand);color:#fff}
.btn-compartir:disabled{opacity:.7;cursor:default}

/* Cartas del sobre compartido: tamaño uniforme como en la apertura */
.carta-compartida{display:flex;flex-direction:column}
.carta-compartida .card-img{position:relative;aspect-ratio:245/342;border-radius:10px;overflow:hidden;margin-bottom:8px;background:var(--bg-warm)}
.carta-compartida .card-img img{width:100%;height:100%;object-fit:cover;display:block}
.carta-compartida .card-name{text-align:center;font-size:.9rem;font-weight:600}

/* Refuerzo cartas sobre compartido (más específico) */
.showcase .carta-compartida{display:flex;flex-direction:column;padding:10px}
.showcase .carta-compartida .card-img{position:relative;aspect-ratio:245/342;width:100%;border-radius:10px;overflow:hidden;margin-bottom:8px;background:var(--bg-warm)}
.showcase .carta-compartida .card-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.showcase .carta-compartida .precio-badge{position:absolute;top:6px;right:6px;z-index:2}

/* Dorso propio: fondo azul, Poké-círculo, KARD en amarillo */
.flip-dorso{background:#1e5bb8;border:2px solid rgba(255,255,255,.15)}
.flip-dorso::before{border-color:rgba(255,255,255,.2)}
.dorso-svg{width:82%;height:82%}
.dorso-txt{fill:#f5c518;font-family:var(--serif,serif);font-weight:700;font-size:20px;text-anchor:middle;letter-spacing:1px}

/* Dorso 3D: el fondo lo pone el SVG; letras gruesas amarillas */
.flip-dorso{background:#0a2a5e;border:2px solid rgba(255,255,255,.12);padding:0}
.flip-dorso::before{display:none}
.dorso-svg{width:100%;height:100%}
.dorso-txt{fill:#f5c518;font-family:var(--serif,Georgia,serif);font-weight:800;font-size:15px;text-anchor:middle;letter-spacing:2px;paint-order:stroke;stroke:#0a2a5e;stroke-width:0.5px}

/* Dorso: KARD con fuente Bungee, grande y con contorno */
.dorso-txt{fill:#f5c518;font-family:'Bungee',sans-serif;font-weight:400;font-size:19px;text-anchor:middle;letter-spacing:1px;paint-order:stroke;stroke:#0a2a5e;stroke-width:1px}

/* ===== Galería de sobres (colecciones) ===== */
.sobres-galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:8px}
.sobre-item{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px;transition:transform .18s,box-shadow .18s,border-color .18s;font-family:inherit;box-shadow:var(--shadow-sm)}
.sobre-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--brand)}
.sobre-item-logo{width:100%;height:80px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sobre-item-logo img{max-width:100%;max-height:100%;object-fit:contain}
.sobre-item-noimg{font-weight:600;color:var(--ink-soft);text-align:center;font-size:.85rem}
.sobre-item-nombre{font-size:.85rem;font-weight:600;text-align:center;color:var(--ink);line-height:1.2}

/* Cabecera del sobre elegido */
.sobre-elegido{text-align:center;margin-bottom:10px}
.volver-sobres{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:var(--ink-soft);font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;padding:8px 0;margin-bottom:8px}
.volver-sobres:hover{color:var(--brand)}
.sobre-elegido-logo{height:90px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.sobre-elegido-logo img{max-height:90px;max-width:280px;object-fit:contain}
.sobre-elegido-nombre{font-family:var(--serif);font-size:1.6rem;font-weight:600;margin:0}

/* Placeholder para sobres sin logo */
.sobre-item-noimg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(145deg,var(--bg-warm),#ece8df);border-radius:10px}
.sobre-item-noimg i{font-size:2rem;color:var(--brand);opacity:.55}

/* Poké Ball mini como placeholder */
.pokeball-mini{width:64px;height:64px;display:block}

/* ===== Página 404 ===== */
.pagina-404{text-align:center;max-width:560px;margin:60px auto 80px;padding:0 20px}
.error-404{font-family:var(--mono);font-size:6rem;font-weight:700;color:var(--brand);line-height:1;letter-spacing:-.03em;opacity:.9}
.titulo-404{font-family:var(--serif);font-size:1.8rem;font-weight:600;margin:16px 0 12px;letter-spacing:-.02em}
.texto-404{color:var(--ink-soft);font-size:1.05rem;line-height:1.6;margin:0 0 28px}
.acciones-404{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn-404-primary{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff;text-decoration:none;padding:12px 24px;border-radius:12px;font-weight:600;transition:background .18s}
.btn-404-primary:hover{background:var(--brand-deep,#084e96)}
.btn-404-sec{display:inline-flex;align-items:center;gap:8px;background:var(--card);color:var(--brand);text-decoration:none;padding:12px 24px;border-radius:12px;font-weight:600;border:1.5px solid var(--brand);transition:all .18s}
.btn-404-sec:hover{background:var(--brand);color:#fff}

/* Acciones tras abrir el sobre: dos botones alineados */
#acciones-sobre{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* Acciones arriba: elegir otra colección + abrir otro sobre */
.sobre-acciones-top{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:14px}
.btn-otro{padding:10px 22px;font-size:.95rem}

/* Botón secundario de volver a la galería (coherente con el de abrir) */
.sobre-acciones-top .volver-sobres{background:var(--card);color:var(--ink-soft);border:1.5px solid var(--line);border-radius:12px;padding:10px 22px;font-size:.95rem;font-weight:600;box-shadow:var(--shadow-sm);transition:all .18s;margin-bottom:0}
.sobre-acciones-top .volver-sobres:hover{border-color:var(--brand);color:var(--brand)}

/* Aviso de simulación */
.aviso-simulacion{margin:40px 0 0;padding:18px 22px;background:var(--bg-warm);border:1px solid var(--line);border-radius:14px}
.aviso-simulacion p{margin:0;font-size:.86rem;line-height:1.6;color:var(--ink-soft)}
.aviso-simulacion strong{color:var(--ink);font-weight:600}
.aviso-nooficial{margin-top:10px !important;font-size:.8rem !important;color:var(--ink-dim) !important;padding-top:10px;border-top:1px solid var(--line)}

/* Badge de gráfica con histórico real */
.grafica-badge.grafica-real{color:var(--brand);background:rgba(11,107,203,.1)}

/* Ticker con datos reales: cada carta es un enlace */
a.tick{text-decoration:none;color:inherit;transition:opacity .15s}
a.tick:hover{opacity:.65}
a.tick .tick-name{text-decoration:none}
.tick-chg{font-family:var(--mono);font-weight:700;font-size:.82rem}
.tick-chg.up{color:#0f9d58}
.tick-chg.down{color:#d93025}

/* Ticker más lento */
.ticker-track{animation-duration:110s}

/* ============ HOME (rediseño) ============ */
.nav-spacer{flex:1}
.chip-juego{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--ink-soft);background:var(--card);border:1px solid var(--line);padding:7px 14px;border-radius:999px}
.chip-dot{width:7px;height:7px;border-radius:50%;background:var(--brand)}

/* Hero */
.home-hero{padding:80px 0 60px;text-align:center;background:radial-gradient(1200px 500px at 50% -10%,rgba(11,107,203,.07),transparent 70%)}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);background:var(--brand-soft);padding:6px 14px;border-radius:999px;margin-bottom:24px}
.hero-eyebrow i{font-size:.4rem}
.hero-titulo{font-family:var(--serif);font-weight:600;font-size:clamp(2.4rem,5.4vw,4.1rem);line-height:1.06;letter-spacing:-.03em;margin:0 0 18px}
.hero-titulo em{font-style:italic;color:var(--brand)}
.hero-texto{font-size:1.1rem;color:var(--ink-soft);max-width:560px;margin:0 auto 36px;line-height:1.6}

.hero-buscador{max-width:620px;margin:0 auto;position:relative}
.hero-buscador input{width:100%;font-family:inherit;font-size:1.05rem;padding:19px 24px 19px 54px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:20px;outline:none;box-shadow:var(--shadow-md);transition:border-color .18s,box-shadow .18s}
.hero-buscador input::placeholder{color:var(--ink-dim)}
.hero-buscador input:focus{border-color:var(--brand);box-shadow:var(--shadow-md),0 0 0 4px var(--brand-soft)}
.hero-lupa{position:absolute;left:22px;top:50%;transform:translateY(-50%);color:var(--ink-dim);font-size:1.05rem;z-index:2}
.hero-buscador #sugerencias{left:0;right:0;top:calc(100% + 8px)}
.hero-hint{margin-top:16px;font-size:.88rem;color:var(--ink-dim)}
.hero-hint a{color:var(--brand);text-decoration:none;font-weight:600}
.hero-hint a:hover{text-decoration:underline}

/* Secciones de la home */
.home-sec{padding:56px 0 0}
.home-sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;gap:20px;flex-wrap:wrap}
.home-sec-titulo{font-family:var(--serif);font-weight:600;font-size:1.85rem;letter-spacing:-.02em;line-height:1.1;margin:0}
.home-sec-sub{font-size:.92rem;color:var(--ink-dim);margin:6px 0 0}

/* El mercado hoy */
.mercado{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.mov{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;text-decoration:none;color:inherit;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,border-color .18s}
.mov:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--brand)}
.mov-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}
.mov-nombre{font-size:.92rem;font-weight:600;line-height:1.25}
.mov-set{font-size:.74rem;color:var(--ink-dim);margin-top:3px}
.mov-chg{font-family:var(--mono);font-size:.8rem;font-weight:700;padding:4px 8px;border-radius:7px;white-space:nowrap}
.mov-chg.up{color:var(--up);background:rgba(18,161,80,.10)}
.mov-chg.down{color:var(--down);background:rgba(229,72,77,.10)}
.mov-precio{font-family:var(--mono);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.mov-spark{margin-top:10px;height:36px;width:100%;display:block}
.mov-spark path{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mov-spark .up{stroke:var(--up)} .mov-spark .down{stroke:var(--down)}
.mov-spark .area-up{fill:rgba(18,161,80,.09);stroke:none}
.mov-spark .area-down{fill:rgba(229,72,77,.09);stroke:none}

/* Dos tarjetas grandes */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.big{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:32px;text-decoration:none;color:inherit;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,border-color .2s}
.big:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--brand)}
.big h3{font-family:var(--serif);font-weight:600;font-size:1.65rem;margin:0 0 10px;letter-spacing:-.02em}
.big p{font-size:.94rem;color:var(--ink-soft);line-height:1.55;max-width:34ch;margin:0}
.big-cta{margin-top:20px;font-size:.9rem;font-weight:600;color:var(--brand);display:inline-flex;align-items:center;gap:8px}
.big-cta i{transition:transform .18s;font-size:.8rem}
.big:hover .big-cta i{transform:translateX(3px)}
.big-art{position:absolute;right:-28px;bottom:-28px;width:180px;height:180px;opacity:.10;pointer-events:none;color:var(--ink)}
.big-art-barras{position:absolute;right:24px;bottom:24px;display:flex;gap:5px;align-items:flex-end;opacity:.35;pointer-events:none}
.big-art-barras .bar{width:12px;border-radius:3px 3px 0 0;background:var(--brand)}

/* Destacadas en la home */
.card-precio-home{font-family:var(--mono);font-size:.9rem;font-weight:700;color:var(--brand);text-align:center;margin-top:5px}

/* Pie de la home */
.home-footer{border-top:1px solid var(--line);margin-top:64px;padding:34px 0;font-size:.82rem;color:var(--ink-dim);text-align:center;line-height:1.7}

@media(max-width:820px){
  .duo{grid-template-columns:1fr}
  .home-hero{padding:52px 0 40px}
}

/* ============ TASADOR ============ */
.tasador-page{padding-bottom:40px}

/* Buscador */
.tas-buscador{position:relative;max-width:620px;margin:8px 0 32px}
.tas-buscador input{width:100%;font-family:inherit;font-size:1.02rem;padding:17px 20px 17px 50px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:16px;outline:none;box-shadow:var(--shadow-sm);transition:border-color .18s,box-shadow .18s}
.tas-buscador input::placeholder{color:var(--ink-dim)}
.tas-buscador input:focus{border-color:var(--brand);box-shadow:var(--shadow-sm),0 0 0 4px var(--brand-soft)}
.tas-lupa{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--ink-dim);z-index:2}
#tas-sugerencias{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:40;list-style:none;margin:0;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);max-height:340px;overflow-y:auto}
#tas-sugerencias:empty{display:none}
#tas-sugerencias li{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;cursor:pointer;transition:background .12s}
#tas-sugerencias li:hover{background:var(--bg-warm)}
#tas-sugerencias img{width:34px;height:47px;object-fit:cover;border-radius:5px;flex-shrink:0}
#tas-sugerencias .sug-nombre{font-weight:600;font-size:.92rem}
#tas-sugerencias .sug-set{font-size:.76rem;color:var(--ink-dim)}

/* Resumen */
.tas-resumen{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 26px;box-shadow:var(--shadow-sm);margin-bottom:24px}
.tas-total-label{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-dim);font-weight:600;margin-bottom:6px}
.tas-total{font-family:var(--mono);font-size:2.3rem;font-weight:700;letter-spacing:-.02em;color:var(--brand);display:block;line-height:1}
.tas-detalle{display:block;font-size:.86rem;color:var(--ink-dim);margin-top:6px}
.tas-acciones{display:flex;gap:10px;flex-wrap:wrap}
.btn-vaciar{background:var(--card);color:var(--ink-dim);border:1.5px solid var(--line);border-radius:12px;padding:13px 20px;font-size:.92rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .18s}
.btn-vaciar:hover{border-color:var(--down);color:var(--down)}
.btn-vaciar i{margin-right:7px}

/* Lista de cartas */
.tas-lista{display:flex;flex-direction:column;gap:10px}
.tas-fila{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 16px;box-shadow:var(--shadow-sm)}
.tas-img{flex-shrink:0;width:46px;height:64px;border-radius:6px;overflow:hidden;background:var(--bg-warm);display:block}
.tas-img img{width:100%;height:100%;object-fit:cover;display:block}
.tas-info{flex:1;min-width:0}
.tas-nombre{display:block;font-weight:600;font-size:.98rem;color:var(--ink);text-decoration:none;margin-bottom:2px}
.tas-nombre:hover{color:var(--brand)}
.tas-meta{font-size:.78rem;color:var(--ink-dim);margin-bottom:7px}
.tas-variante{font-family:inherit;font-size:.8rem;padding:5px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--ink-soft);cursor:pointer;outline:none}
.tas-variante:focus{border-color:var(--brand)}

.tas-cantidad{display:flex;align-items:center;gap:4px;flex-shrink:0}
.tas-cantidad button{width:28px;height:28px;border:1px solid var(--line);background:var(--card);border-radius:7px;font-size:1rem;font-weight:600;color:var(--ink-soft);cursor:pointer;line-height:1;transition:all .15s}
.tas-cantidad button:hover{border-color:var(--brand);color:var(--brand)}
.tas-cantidad span{font-family:var(--mono);font-weight:700;min-width:24px;text-align:center;font-size:.95rem}

.tas-precio{font-family:var(--mono);font-weight:700;font-size:1.05rem;text-align:right;min-width:90px;flex-shrink:0;color:var(--ink)}
.tas-subtotal{font-size:.8rem;color:var(--brand);font-weight:600;margin-top:2px}
.tas-sinprecio{font-family:inherit;font-size:.8rem;font-weight:500;color:var(--ink-dim);font-style:italic}
.tas-aviso{color:var(--ink-dim);font-size:.75rem;margin-left:5px;cursor:help}

.tas-quitar{flex-shrink:0;width:30px;height:30px;border:none;background:transparent;color:var(--ink-dim);cursor:pointer;border-radius:8px;transition:all .15s}
.tas-quitar:hover{background:rgba(229,72,77,.1);color:var(--down)}

/* Estado vacío */
.tas-vacio{text-align:center;padding:70px 20px;color:var(--ink-dim)}
.tas-vacio i{font-size:2.6rem;opacity:.35;margin-bottom:16px;display:block}
.tas-vacio p{font-size:1rem;line-height:1.7;margin:0}

@media(max-width:640px){
  .tas-fila{flex-wrap:wrap}
  .tas-precio{min-width:auto}
  .tas-resumen{flex-direction:column;align-items:flex-start}
}

/* Variante única: etiqueta simple en vez de desplegable */
.tas-variante-unica{display:inline-block;font-size:.78rem;padding:5px 11px;border:1px solid var(--line);border-radius:8px;background:var(--bg-warm);color:var(--ink-dim);font-weight:500}

/* Avisos del tasador con tooltip propio (el title de HTML no se ve bien en Safari) */
.tas-aviso{position:relative;display:inline-block;color:var(--ink-dim);font-size:.78rem;margin-left:6px;cursor:help}
.tas-aviso-us{color:var(--brand)}
.tas-aviso::after{
  content:attr(title);
  position:absolute;bottom:calc(100% + 8px);right:0;
  width:230px;padding:9px 12px;
  background:var(--ink);color:#fff;
  font-family:'Inter',sans-serif;font-size:.76rem;font-weight:400;line-height:1.45;
  border-radius:8px;box-shadow:var(--shadow-md);
  opacity:0;visibility:hidden;transform:translateY(4px);
  transition:opacity .16s,transform .16s,visibility .16s;
  pointer-events:none;z-index:60;text-align:left;white-space:normal;
}
.tas-aviso::before{
  content:'';position:absolute;bottom:calc(100% + 3px);right:8px;
  border:5px solid transparent;border-top-color:var(--ink);
  opacity:0;visibility:hidden;transition:opacity .16s,visibility .16s;z-index:60;
}
.tas-aviso:hover::after,.tas-aviso:hover::before{opacity:1;visibility:visible;transform:translateY(0)}

/* ===== Acordeón de cartas en el ranking de sobres ===== */

/* Detalle desplegable, a todo el ancho y debajo */
.rc-mini{position:relative;display:block;border-radius:8px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line);transition:transform .15s,box-shadow .15s;text-decoration:none}
.rc-mini:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.rc-mini img{width:100%;aspect-ratio:245/342;object-fit:cover;display:block}
.rc-precio{display:block;font-family:var(--mono);font-size:.74rem;font-weight:700;text-align:center;padding:5px 2px;color:var(--ink-soft)}
.rc-destacada{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.rc-destacada .rc-precio{color:var(--gold)}

@media(max-width:640px){
}

/* Número de posición del ranking más grande y con presencia */

/* Nombre de la colección en el ranking, más grande */

/* ============ RANKING DE SOBRES (acordeón) ============ */
.ranking-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ranking-item{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:stretch}

/* Cabecera clicable */
.ranking-cab{width:100%;display:flex;align-items:center;gap:16px;padding:16px 20px;background:transparent;border:none;cursor:pointer;font-family:inherit;text-align:left;position:relative;color:inherit}
.ranking-cab:hover,.ranking-item.abierto .ranking-cab{background:var(--surface-2)}
.ranking-pos{font-family:var(--serif);font-size:1.9rem;font-weight:600;min-width:42px;text-align:center;color:var(--ink-dim);position:relative;z-index:2;flex-shrink:0}
.ranking-info{flex:1;min-width:0;position:relative;z-index:2}
.ranking-nombre{font-size:1.08rem;font-weight:600;color:var(--ink)}
.ranking-cartas-num{font-size:.78rem;color:var(--ink-dim);margin-top:3px}
.ranking-valor{font-family:var(--mono);font-weight:700;font-size:1.15rem;color:var(--brand);position:relative;z-index:2;padding:2px 10px;border-radius:8px;background:rgba(255,255,255,.72);backdrop-filter:blur(2px)}
.ranking-flecha{color:var(--ink-dim);transition:transform .25s;flex-shrink:0;font-size:.85rem;position:relative;z-index:2}
.ranking-item.abierto .ranking-flecha{transform:rotate(180deg)}

/* Logo del set de fondo */
.ranking-bg{position:absolute;inset:0;background-image:var(--logo);background-repeat:no-repeat;background-position:right center;background-size:auto 180%;opacity:.14;pointer-events:none;z-index:0}
.ranking-item.es-primero .ranking-bg{opacity:.2}

/* Medallas */
.ranking-item.es-primero{background:linear-gradient(135deg,rgba(201,162,39,.12),rgba(201,162,39,.04));border-color:rgba(201,162,39,.4)}
.ranking-item.es-primero .ranking-pos,.ranking-item.es-primero .ranking-valor{color:var(--gold)}
.ranking-item.es-primero .ranking-valor{background:rgba(246,229,184,.75)}
.ranking-item.es-segundo{background:linear-gradient(135deg,rgba(154,163,173,.14),rgba(154,163,173,.04));border-color:rgba(154,163,173,.45)}
.ranking-item.es-segundo .ranking-pos{color:#9aa3ad}
.ranking-item.es-segundo .ranking-valor{color:#6d6d73;background:rgba(232,232,235,.75)}
.ranking-item.es-tercero{background:linear-gradient(135deg,rgba(184,115,51,.14),rgba(184,115,51,.04));border-color:rgba(184,115,51,.45)}
.ranking-item.es-tercero .ranking-pos{color:#b87333}
.ranking-item.es-tercero .ranking-valor{color:#96682f;background:rgba(238,222,200,.75)}

/* Detalle desplegable con las cartas */
.ranking-detalle{max-height:0;overflow:hidden;transition:max-height .35s ease;border-top:0 solid var(--line)}
.ranking-item.abierto .ranking-detalle{max-height:1200px;border-top-width:1px}
.ranking-cartas-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:18px 20px 22px;position:relative;z-index:2}
.rc-mini{position:relative;display:block;border-radius:8px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line);transition:transform .15s,box-shadow .15s;text-decoration:none}
.rc-mini:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.rc-mini img{width:100%;aspect-ratio:245/342;object-fit:cover;display:block}
.rc-precio{display:block;font-family:var(--mono);font-size:.74rem;font-weight:700;text-align:center;padding:5px 2px;color:var(--ink-soft)}
.rc-destacada{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.rc-destacada .rc-precio{color:var(--gold)}

@media(max-width:640px){
  .ranking-cartas-grid{grid-template-columns:repeat(3,1fr)}
}

/* ============ ÁLBUM DE COLECCIÓN ============ */
.album-page{padding-bottom:40px}

/* Resumen: progreso + valor */
.album-resumen{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 24px;box-shadow:var(--shadow-sm);margin-bottom:22px}
.album-prog{flex:1;min-width:220px}
.album-prog-texto{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:9px}
.album-prog-texto strong{font-family:var(--serif);font-size:1.15rem;font-weight:600}
.album-prog-texto span{font-family:var(--mono);font-size:.9rem;color:var(--ink-soft);font-weight:600}
.album-barra{height:9px;background:var(--bg-warm);border-radius:6px;overflow:hidden}
.album-barra-fill{height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-deep));border-radius:6px;width:0;transition:width .4s cubic-bezier(.2,.8,.2,1)}
.album-valor-bloque{text-align:right}
.album-valor-label{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);font-weight:600;margin-bottom:4px}
.album-valor{font-family:var(--mono);font-size:1.6rem;font-weight:700;color:var(--brand);line-height:1}

/* Cuerpo: cuadrícula + pestañas */
.album-cuerpo{display:grid;grid-template-columns:1fr 230px;gap:22px;align-items:start}

/* Pestañas de colecciones (derecha) */
.album-tabs{display:flex;flex-direction:column;gap:6px;position:sticky;top:80px;max-height:80vh;overflow-y:auto;padding-right:4px}
.album-tab{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:11px 14px;border:1px solid var(--line);border-radius:11px;background:var(--card);cursor:pointer;font-family:inherit;transition:all .15s;width:100%}
.album-tab:hover{border-color:var(--brand);background:var(--surface-2)}
.album-tab.activa{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand)}
.album-tab-nombre{font-size:.9rem;font-weight:600;color:var(--ink);line-height:1.25}
.album-tab-num{font-family:var(--mono);font-size:.78rem;color:var(--ink-dim);font-weight:600}
.album-tab.activa .album-tab-num{color:var(--brand)}

/* Cuadrícula de cartas (izquierda) */
.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}
.album-carta{position:relative;border:none;background:none;padding:0;cursor:pointer;border-radius:9px;overflow:hidden;aspect-ratio:245/342;transition:transform .15s;display:block}
.album-carta:hover{transform:translateY(-3px)}
.album-carta img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) opacity(.45);transition:filter .25s}
.album-carta.tengo img{filter:none}
.album-carta-sinimg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:8px;font-size:.7rem;text-align:center;background:var(--bg-warm);color:var(--ink-dim);filter:grayscale(1)}
.album-carta.tengo .album-carta-sinimg{filter:none;background:var(--surface-2);color:var(--ink-soft)}
/* Check de "la tengo" */
.album-carta-check{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;opacity:0;transform:scale(.5);transition:all .2s}
.album-carta.tengo .album-carta-check{opacity:1;transform:scale(1)}
/* Número de carta */
.album-carta-num{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-family:var(--mono);font-size:.68rem;font-weight:700;text-align:center;padding:10px 2px 3px}

.album-acciones{margin-top:26px}

@media(max-width:760px){
  .album-cuerpo{grid-template-columns:1fr}
  .album-tabs{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;position:static;max-height:none;order:-1;padding-bottom:8px}
  .album-tab{min-width:150px;flex-shrink:0}
  .album-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}
}

/* ============ ÁLBUM v2 (portada + páginas) ============ */
.album2-page{padding-bottom:40px}

/* ---- PORTADA (cubierta del álbum, estilo dorso de carta) ---- */
.album2-portada{display:flex;justify-content:center;padding:40px 0}
.album2-cover{position:relative;width:320px;height:440px;border:none;cursor:pointer;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;font-family:inherit;
  background:linear-gradient(150deg,#1e5bb8,#0b3d82 60%,#08326b);
  box-shadow:var(--shadow-lg);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.album2-cover:hover{transform:translateY(-6px) scale(1.02)}
.album2-cover::before{content:'';position:absolute;inset:10px;border:2px solid rgba(255,255,255,.25);border-radius:14px;pointer-events:none}
.album2-cover.abriendo{animation:coverOpen .55s ease forwards}
@keyframes coverOpen{to{transform:perspective(1200px) rotateY(-105deg);opacity:0}}

/* Poké Ball de la portada (CSS puro, como el dorso) */
.cover-pokeball{position:relative;width:96px;height:96px;border-radius:50%;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.3);overflow:hidden;border:4px solid #111}
.cover-pb-top{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(#ff5a4d,#d62d20)}
.cover-pb-bottom{position:absolute;bottom:0;left:0;right:0;height:50%;background:#fff}
.cover-pokeball::after{content:'';position:absolute;top:50%;left:0;right:0;height:5px;background:#111;transform:translateY(-50%)}
.cover-pb-center{position:absolute;top:50%;left:50%;width:30px;height:30px;border-radius:50%;background:#fff;border:5px solid #111;transform:translate(-50%,-50%);z-index:2}
.cover-titulo{font-family:'Bungee',sans-serif;font-size:2.6rem;line-height:.95;color:#fff;text-align:center;letter-spacing:.02em;text-shadow:0 3px 0 rgba(0,0,0,.25)}
.cover-sub{font-family:var(--serif);font-size:1.05rem;color:rgba(255,255,255,.9);font-style:italic}
.cover-abrir{position:absolute;bottom:26px;font-size:.82rem;font-weight:600;color:rgba(255,255,255,.85);display:flex;align-items:center;gap:7px}
.cover-abrir i{transition:transform .2s}
.album2-cover:hover .cover-abrir i{transform:translateX(4px)}

/* ---- ÁLBUM ABIERTO ---- */
.album2-abierto{animation:fadeIn .5s ease}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

.album2-resumen{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 24px;box-shadow:var(--shadow-sm);margin-bottom:22px}
.album2-prog{flex:1;min-width:220px}
.album2-prog-texto{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:9px}
.album2-prog-texto strong{font-family:var(--serif);font-size:1.2rem;font-weight:600}
.album2-prog-texto span{font-family:var(--mono);font-size:.9rem;color:var(--ink-soft);font-weight:600}
.album2-barra{height:9px;background:var(--bg-warm);border-radius:6px;overflow:hidden}
.album2-barra-fill{height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-deep));border-radius:6px;width:0;transition:width .4s cubic-bezier(.2,.8,.2,1)}
.album2-valor-bloque{text-align:right}
.album2-valor-label{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);font-weight:600;margin-bottom:4px}
.album2-valor{font-family:var(--mono);font-size:1.6rem;font-weight:700;color:var(--brand);line-height:1}

.album2-cuerpo{display:grid;grid-template-columns:1fr 240px;gap:22px;align-items:start}

/* Zona de la hoja con perspectiva (para la animación 3D) */
.album2-hoja-zona{perspective:2000px}
.album2-hoja{transform-origin:left center;transition:none}
.album2-hoja.pasando{animation:pasarPagina .56s ease}
@keyframes pasarPagina{
  0%{transform:rotateY(0);opacity:1}
  45%{transform:rotateY(-18deg);opacity:.35;box-shadow:40px 0 60px rgba(0,0,0,.12)}
  55%{transform:rotateY(-18deg);opacity:.35}
  100%{transform:rotateY(0);opacity:1}
}
.album2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:12px}

/* Cartas */
.album2-carta{position:relative;border:none;background:none;padding:0;cursor:pointer;border-radius:9px;overflow:hidden;aspect-ratio:245/342;transition:transform .15s;display:block}
.album2-carta:hover{transform:translateY(-3px)}
.album2-carta[disabled]{cursor:default}
.album2-carta img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) opacity(.4);transition:filter .3s}
.album2-carta.tengo img{filter:none}
.album2-carta-sinimg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:8px;font-size:.68rem;text-align:center;background:var(--bg-warm);color:var(--ink-dim);filter:grayscale(1)}
.album2-carta.tengo .album2-carta-sinimg{filter:none;background:var(--surface-2);color:var(--ink-soft)}
.album2-carta-check{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;opacity:0;transform:scale(.5);transition:all .2s;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.album2-carta.tengo .album2-carta-check{opacity:1;transform:scale(1)}
.album2-carta-num{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;font-family:var(--mono);font-size:.66rem;font-weight:700;text-align:center;padding:12px 2px 3px}

/* Pestañas con imagen del set (derecha) */
.album2-tabs{display:flex;flex-direction:column;gap:7px;position:sticky;top:80px;max-height:82vh;overflow-y:auto;padding-right:4px}
.album2-tab{display:flex;align-items:center;gap:11px;text-align:left;padding:8px 12px 8px 8px;border:1px solid var(--line);border-radius:12px;background:var(--card);cursor:pointer;font-family:inherit;transition:all .15s;width:100%}
.album2-tab:hover{border-color:var(--brand);background:var(--surface-2)}
.album2-tab.activa{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand)}
.album2-tab-img{width:46px;height:46px;flex-shrink:0;border-radius:8px;background-image:var(--tab-img);background-size:cover;background-position:center;background-color:var(--bg-warm);box-shadow:var(--shadow-sm)}
.album2-tab-info{min-width:0;flex:1}
.album2-tab-nombre{display:block;font-size:.88rem;font-weight:600;color:var(--ink);line-height:1.2}
.album2-tab-num{font-family:var(--mono);font-size:.76rem;color:var(--ink-dim);font-weight:600}
.album2-tab.activa .album2-tab-num{color:var(--brand)}

.album2-acciones{margin-top:26px}

@media(max-width:760px){
  .album2-cuerpo{grid-template-columns:1fr}
  .album2-tabs{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;position:static;max-height:none;order:-1;padding-bottom:8px}
  .album2-tab{min-width:170px;flex-shrink:0}
  .album2-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}
}

/* Valor total del álbum (bajo el valor del set) */
.album2-valor-total{display:block;font-size:.82rem;color:var(--ink-dim);margin-top:6px}
.album2-valor-total strong{font-family:var(--mono);color:var(--ink-soft);font-weight:700}

/* Botones secundarios del álbum (descargar / cargar copia) */
.album2-acciones{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.btn-album-sec{display:inline-flex;align-items:center;gap:8px;background:var(--card);color:var(--ink-soft);border:1.5px solid var(--line);border-radius:12px;padding:12px 18px;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .16s}
.btn-album-sec:hover{border-color:var(--brand);color:var(--brand)}

/* Etiquetas de habilidad de One Piece ([On Play], [Rush], [DON!!]...) */
.op-keyword{display:inline-block;background:var(--brand);color:#fff;font-size:.82em;font-weight:600;padding:1px 8px;border-radius:6px;margin:0 2px;white-space:nowrap}

/* Caja del efecto de carta de One Piece (texto oficial en inglés) */
.op-efecto{background:var(--surface-2);border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:10px;padding:14px 16px;margin-top:4px}
.op-efecto-label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim);font-weight:600;margin-bottom:8px}
.op-efecto-texto{font-size:.95rem;line-height:1.6;color:var(--ink-soft)}
.op-efecto-texto em{color:var(--ink-dim);font-style:italic}

/* Selector de juego en el home */
.chip-juego-wrap{position:relative}
button.chip-juego{cursor:pointer;font-family:inherit;border:1px solid var(--line);background:var(--card)}
.menu-juego{position:absolute;top:calc(100% + 6px);right:0;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;min-width:170px;display:none;z-index:50}
.menu-juego.abierto{display:block}
.menu-juego-item{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:8px;text-decoration:none;color:var(--ink);font-size:.9rem;font-weight:600;transition:background .12s}
.menu-juego-item:hover{background:var(--surface-2)}
.menu-juego-item.activo{color:var(--brand)}

/* Icono de sobre para "Abre un sobre" en juegos sin Poké Ball */
.big-art-icono{position:absolute;right:-10px;bottom:-10px;font-size:150px;opacity:.10;pointer-events:none;color:var(--ink)}

/* Marcador de set sin logo en One Piece: calavera blanca sobre negro */
.sobre-item-calavera{display:flex;align-items:center;justify-content:center;width:auto;aspect-ratio:245/342;height:100%;margin:0 auto;background:#3a4048;border-radius:10px}
.sobre-item-calavera i{font-size:1.7rem;color:#fff;opacity:.7}

/* ============ BLOG ============ */
.blog-page{padding-bottom:40px}

/* Listado */
.blog-lista{display:flex;flex-direction:column;gap:18px}
.blog-item{display:flex;gap:20px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s}
.blog-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.blog-item-img{flex-shrink:0;width:120px;aspect-ratio:245/342;border-radius:10px;overflow:hidden;background:var(--bg-warm);display:block;position:relative}
.blog-item-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.blog-item-txt{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
.blog-item-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:.8rem;color:var(--ink-dim)}
.blog-chip{display:inline-block;padding:3px 10px;border-radius:20px;background:var(--brand-soft);color:var(--brand);font-size:.74rem;font-weight:600}
.blog-chip.op{background:rgba(192,57,43,.12);color:#c0392b}
.blog-item-titulo{font-family:var(--serif);font-size:1.35rem;line-height:1.25;margin:0 0 8px}
.blog-item-titulo a{color:var(--ink);text-decoration:none}
.blog-item-titulo a:hover{color:var(--brand)}
.blog-item-entradilla{color:var(--ink-soft);font-size:.95rem;line-height:1.55;margin:0 0 10px}
.blog-item-leer{font-size:.88rem;font-weight:600;color:var(--brand);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.blog-item-leer i{transition:transform .18s}
.blog-item:hover .blog-item-leer i{transform:translateX(3px)}
.blog-item.destacado .blog-item-img{width:170px}
.blog-item.destacado .blog-item-titulo{font-size:1.7rem}
.blog-lista.compacta .blog-item-img{width:78px}
.blog-lista.compacta .blog-item-titulo{font-size:1.05rem}

/* Artículo */
.art{max-width:760px;margin:0 auto}
.art-cab{margin-bottom:28px}
.art-meta{display:flex;align-items:center;gap:12px;font-size:.85rem;color:var(--ink-dim);margin-bottom:14px}
.art-titulo{font-family:var(--serif);font-size:2.5rem;line-height:1.15;letter-spacing:-.01em;margin:0 0 16px}
.art-entradilla{font-size:1.15rem;line-height:1.6;color:var(--ink-soft);margin:0 0 22px}
.art-firma{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.art-firma-avatar{width:42px;height:42px;border-radius:50%;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.art-firma-nombre{display:block;font-weight:600;color:var(--ink);text-decoration:none;font-size:.98rem}
.art-firma-nombre:hover{color:var(--brand)}
.art-firma-rol{font-size:.8rem;color:var(--ink-dim)}
.art-imagen{margin:28px 0;text-align:center}
.art-imagen img{max-width:280px;width:100%;border-radius:14px;box-shadow:var(--shadow-md)}

/* Cuerpo del artículo */
.art-cuerpo{font-size:1.08rem;line-height:1.75;color:var(--ink-soft)}
.art-cuerpo h2{font-family:var(--serif);font-size:1.6rem;color:var(--ink);margin:34px 0 14px;line-height:1.25}
.art-cuerpo p{margin:0 0 18px}
.art-cuerpo strong{color:var(--ink);font-weight:600}
.art-cuerpo a{color:var(--brand);text-decoration:none;border-bottom:1px solid var(--brand-soft)}
.art-cuerpo a:hover{border-bottom-color:var(--brand)}
.art-cuerpo ul{margin:0 0 18px;padding-left:22px}
.art-cuerpo li{margin-bottom:8px}

.art-relacionados{max-width:760px;margin:48px auto 0}
.art-relacionados .home-sec-titulo{margin-bottom:18px}

/* Página del autor */
.autor-cab{display:flex;align-items:center;gap:20px;margin:10px 0 30px}
.autor-avatar{width:80px;height:80px;border-radius:50%;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}
.autor-rol{color:var(--ink-dim);font-size:.95rem;margin:4px 0 0}
.autor-texto{max-width:760px;font-size:1.05rem;line-height:1.72;color:var(--ink-soft)}
.autor-texto h2{font-family:var(--serif);font-size:1.45rem;color:var(--ink);margin:28px 0 12px}
.autor-texto p{margin:0 0 16px}
.autor-texto ul{padding-left:22px;margin:0 0 18px}
.autor-texto li{margin-bottom:10px}
.autor-texto strong{color:var(--ink);font-weight:600}

.miga{font-size:.85rem;color:var(--ink-dim);margin:18px 0 22px}
.miga a{color:var(--brand);text-decoration:none}

@media(max-width:640px){
  .blog-item{flex-direction:column}
  .blog-item-img,.blog-item.destacado .blog-item-img{width:100%;aspect-ratio:16/9}
  .art-titulo{font-size:1.9rem}
}

/* Firma del autor al final del artículo */
.art-firma-final{margin-top:36px;border-bottom:none}

/* Etiquetas de tipo de artículo del blog */
.tipo-chip{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:600}
.tipo-mercado{background:rgba(11,107,203,.10);color:#0b6bcb}
.tipo-metajuego{background:rgba(126,87,194,.12);color:#7e57c2}
.tipo-mazo{background:rgba(46,125,50,.12);color:#2e7d32}
.tipo-set{background:rgba(230,145,30,.14);color:#c77700}

/* Barra de filtros del blog */
.blog-filtros{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.filtro-btn{padding:7px 15px;border-radius:20px;border:1px solid var(--line);background:var(--card);color:var(--ink-soft);font-size:.88rem;font-weight:600;text-decoration:none;transition:all .15s}
.filtro-btn:hover{border-color:var(--brand);color:var(--brand)}
.filtro-btn.activo{background:var(--brand);color:#fff;border-color:var(--brand)}
a.tipo-chip{text-decoration:none;cursor:pointer;transition:opacity .15s}
a.tipo-chip:hover{opacity:.75}

/* ============ MAZOS DE COMPETICIÓN ============ */
.mazos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:24px}
.mazo-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s}
.mazo-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.mazo-card-img{height:150px;background:var(--bg-warm);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.mazo-card-img img{width:100%;height:100%;object-fit:cover;object-position:center 25%}
.mazo-card-noimg{color:var(--ink-dim);font-size:2.4rem}
.mazo-card-body{padding:14px 16px 16px}
.mazo-card-nombre{font-family:var(--serif);font-size:1.2rem;line-height:1.2;color:var(--ink);margin:0 0 8px}
.mazo-card-coste{font-family:var(--mono,monospace);font-size:1.5rem;font-weight:700;color:var(--brand);margin-bottom:10px}
.mazo-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mazo-badge{display:inline-block;padding:3px 10px;border-radius:20px;background:var(--surface-2,#eef2f7);color:var(--ink-soft);font-size:.74rem;font-weight:600}
.mazo-badge.oro{background:rgba(201,162,39,.15);color:#a5820f}
.mazo-veces{font-size:.78rem;color:var(--ink-dim)}
.mazos-nota,.mazos-cargando{color:var(--ink-dim);font-size:.85rem;line-height:1.6;margin-top:8px}

/* Detalle del mazo */
.mazo-det-cab{display:flex;gap:28px;align-items:flex-start;margin:10px 0 32px;flex-wrap:wrap}
.mazo-det-info{flex:1;min-width:280px}
.mazo-det-titulo{font-family:var(--serif);font-size:2.3rem;line-height:1.15;margin:6px 0 16px;color:var(--ink)}
.mazo-det-coste{display:flex;align-items:baseline;gap:10px;margin-bottom:18px}
.mazo-det-coste-num{font-family:var(--mono,monospace);font-size:2.6rem;font-weight:800;color:var(--brand)}
.mazo-det-coste-txt{color:var(--ink-dim);font-size:.95rem}
.mazo-det-datos{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
.mazo-det-datos li{color:var(--ink-soft);font-size:.95rem}
.mazo-det-datos i{width:20px;color:var(--ink-dim)}
.mazo-det-datos i.oro{color:#c9a227}
.mazo-det-portada{flex-shrink:0;width:200px}
.mazo-det-portada img{width:100%;border-radius:14px;box-shadow:var(--shadow-md)}

.mazo-seccion{margin-bottom:26px}
.mazo-seccion-tit{font-family:var(--serif);font-size:1.3rem;color:var(--ink);margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--line)}
.mazo-seccion-tit span{color:var(--ink-dim);font-size:.9rem;font-weight:400}
.mazo-cartas-lista{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}
.mazo-carta{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;transition:background .12s}
.mazo-carta:hover{background:var(--bg-warm)}
.mazo-carta-cant{font-family:var(--mono,monospace);font-weight:700;color:var(--brand);min-width:32px}
.mazo-carta-nom{color:var(--ink);text-decoration:none;font-weight:500}
a.mazo-carta-nom:hover{color:var(--brand);text-decoration:underline}
.mazo-carta-nom.sin-ficha{color:var(--ink-soft)}
.mazo-carta-set{color:var(--ink-dim);font-size:.82rem;flex:1}
.mazo-carta-nom:not(.sin-ficha)+.mazo-carta-set{flex:1}
.mazo-carta-precio{margin-left:auto;font-family:var(--mono,monospace);font-weight:600;color:var(--ink-soft);white-space:nowrap}
.mazo-carta .sin-precio{color:var(--ink-dim)}

@media(max-width:640px){
  .mazo-det-portada{width:140px;margin:0 auto}
  .mazo-det-titulo{font-size:1.8rem}
  .mazo-carta-set{display:none}
}

/* Logo de la cabecera */
.brand-logo{height:38px;width:auto;display:block}
@media(max-width:640px){.brand-logo{height:32px}}

/* Logo de la cabecera */
.brand-logo{height:38px;width:auto;display:block}
@media(max-width:640px){.brand-logo{height:32px}}

/* Icono de los sets de Lorcana (no tienen logo oficial) */
.sobre-item-gema{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(160deg,#3b2168,#241046)}
.gema-mini{width:56%;height:56%}

/* Pie compartido con enlaces legales */
.pie-kard{max-width:1100px;margin:48px auto 0;padding:24px 20px 36px;border-top:1px solid var(--line);text-align:center;color:var(--ink-dim);font-size:.85rem;line-height:1.7}
.pie-legal{margin-bottom:10px}
.pie-legal a{color:var(--ink-soft);text-decoration:none;margin:0 2px}
.pie-legal a:hover{color:var(--brand);text-decoration:underline}
.pie-legal span{color:var(--line);margin:0 4px}
.pie-nota{max-width:640px;margin:0 auto 8px}
.pie-afiliado{font-size:.78rem;opacity:.8}

/* Bloque de afiliación de Amazon */
.amazon-bloque{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:linear-gradient(135deg,#fff,#f7f9fc);border:1px solid var(--line);border-radius:16px;padding:22px 26px;margin:32px 0 8px;box-shadow:var(--shadow-sm)}
.amazon-bloque-txt h3{font-family:var(--serif);font-size:1.3rem;color:var(--ink);margin:0 0 6px}
.amazon-bloque-txt h3 i{color:#ff9900;margin-right:6px}
.amazon-bloque-txt p{color:var(--ink-soft);margin:0;font-size:.95rem}
.amazon-btn{display:inline-flex;align-items:center;gap:8px;background:#ff9900;color:#0d1b2a;font-weight:700;padding:13px 24px;border-radius:10px;text-decoration:none;white-space:nowrap;transition:background .15s,transform .15s}
.amazon-btn:hover{background:#f08804;transform:translateY(-2px)}
.amazon-aviso{color:var(--ink-dim);font-size:.78rem;text-align:center;margin:4px 0 0;line-height:1.5}

/* Botón de Amazon en la ficha de carta (junto al precio) */
.carta-amazon{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 4px}
.amazon-btn-compacto{font-size:.9rem;padding:10px 18px}
.carta-amazon-aviso{font-size:.72rem;color:var(--ink-dim)}