/* Cartoncito UI refresh — petróleo, coral y menta; foil sólo para valor y rareza. */
:root{
  --ink:#0e3035;
  --surface:#102a32;
  --card:#15464a;
  --card-2:#1e5757;
  --action:#f47c68;
  --action-bright:#ffab99;
  --action-deep:#c85f53;
  --mint:#66c7b8;
  --mint-bright:#8de0d2;
  --foil:#e6c26b;
  /* Alias para los estilos históricos: ahora "gold" significa acción coral. */
  --gold:var(--action);
  --gold-bright:var(--action-bright);
  --gold-deep:var(--action-deep);
  --garnet:#d987a8;
  --garnet-bright:#f1b3ca;
  --garnet-deep:#9e526e;
  --teal:var(--mint);
  --text:#f5efe4;
  --muted:#b8c9c6;
  --border:rgba(245,239,228,.13);
  --border-gold:rgba(244,124,104,.42);
  --shadow-soft:0 20px 55px rgba(4,24,29,.3);
  --shadow-card:0 15px 36px rgba(4,24,29,.24);
}

body{
  background-color:var(--ink);
  background-image:
    radial-gradient(circle at 8% 5%,rgba(103,212,209,.07),transparent 25rem),
    radial-gradient(circle at 94% 10%,rgba(224,184,90,.075),transparent 28rem);
  color:var(--text);
}
.wrap,.nav-inner{max-width:1180px}
.top-line{height:3px;background:linear-gradient(90deg,var(--teal),var(--gold) 48%,var(--garnet))}
nav{background:rgba(9,43,31,.97);box-shadow:0 8px 28px rgba(3,20,13,.16)}
footer{background:#092a1f}
input,select,textarea{color-scheme:dark}

.nav-cta,.btn-primary,.cta-btn,.contact-btn{
  border-radius:9px;
  box-shadow:0 7px 18px rgba(224,184,90,.13);
}
.btn-ghost,.seller-profile-link,.items-copy-btn,.ver-todas-btn{border-radius:9px}
.nav-cta:hover,.btn-primary:hover,.cta-btn:hover,.contact-btn:hover{box-shadow:0 10px 25px rgba(224,184,90,.2)}

/* HOME */
.hero{max-width:1180px;position:relative;padding-top:5.2rem;padding-bottom:4.6rem}
.hero::before{
  content:"";position:absolute;z-index:-1;width:390px;height:390px;right:2%;top:9%;
  border-radius:50%;border:1px solid rgba(224,184,90,.09);
  box-shadow:0 0 0 46px rgba(103,212,209,.025),0 0 0 92px rgba(213,110,124,.018);
}
.eyebrow,.section-eyebrow{color:var(--gold-bright)}
.eyebrow{background:rgba(224,184,90,.06);border-radius:999px}
.h1-main{color:var(--gold-bright);text-shadow:0 5px 30px rgba(224,184,90,.12)}
.hero-desc{color:var(--muted);font-size:1.04rem}
.fan-grid{gap:1rem;perspective:900px}
.fan-tile,.game-tile{
  isolation:isolate;overflow:hidden;background:linear-gradient(145deg,var(--card-2),var(--card));
  border-color:rgba(246,240,227,.13);box-shadow:var(--shadow-card);
}
.fan-tile{min-height:190px;padding:2.2rem 1rem 1.25rem;border-radius:18px}
.fan-tile::after,.game-tile::after{
  content:"";position:absolute;z-index:-1;width:130px;height:130px;right:-45px;bottom:-55px;
  border-radius:50%;background:var(--tcg-glow,rgba(224,184,90,.16));filter:blur(2px);
}
.fan-tile:nth-child(1){transform:rotate(-1.4deg)}
.fan-tile:nth-child(2){transform:rotate(1.2deg) translateY(8px)}
.fan-tile:nth-child(3){transform:rotate(.8deg)}
.fan-tile:nth-child(4){transform:rotate(-1deg) translateY(8px)}
.fan-tile:hover{transform:translateY(-6px) rotate(0)}
.tcg-pkm{--tcg-card:url("../tcg/cards/pokemon-charizard-base.png");--tcg-glow:rgba(255,190,63,.28);--tcg-halo:rgba(245,122,45,.34);--tcg-bg-a:#5d3a22;--tcg-bg-b:#173c2b;--tcg-accent:#ffd45f}
.tcg-ygo{--tcg-card:url("../tcg/cards/yugioh-blue-eyes.jpg");--tcg-glow:rgba(103,212,209,.25);--tcg-halo:rgba(86,178,210,.3);--tcg-bg-a:#1a4f56;--tcg-bg-b:#19352e;--tcg-accent:#87e2e0}
.tcg-mtg{--tcg-card:url("../tcg/cards/magic-black-lotus.jpg");--tcg-glow:rgba(196,132,207,.24);--tcg-halo:rgba(168,105,182,.3);--tcg-bg-a:#51364f;--tcg-bg-b:#193b31;--tcg-accent:#ddb0e6}
.tcg-op{--tcg-card:url("../tcg/cards/one-piece-luffy-tcgplayer.jpg");--tcg-glow:rgba(239,152,165,.25);--tcg-halo:rgba(198,87,115,.31);--tcg-bg-a:#60303e;--tcg-bg-b:#193b31;--tcg-accent:#ffb4be}
.fan-tile,.game-tile{
  background:
    radial-gradient(circle at 50% 38%,var(--tcg-halo,rgba(224,184,90,.2)),transparent 44%),
    repeating-linear-gradient(118deg,rgba(255,255,255,.025) 0 1px,transparent 1px 17px),
    linear-gradient(145deg,var(--tcg-bg-a,var(--card-2)),var(--tcg-bg-b,var(--card)));
}
.tcg-card-stage{position:relative;z-index:2;height:112px;margin:-.55rem auto .3rem;isolation:isolate}
.tcg-card-stage::before,.tcg-card-stage::after{
  content:"";position:absolute;z-index:-1;top:13px;left:50%;width:62px;height:90px;
  border:1px solid rgba(246,240,227,.18);border-radius:5px;background-image:var(--tcg-card);
  background-position:center;background-repeat:no-repeat;background-size:contain;box-shadow:0 15px 23px rgba(2,16,11,.2)
}
.tcg-card-stage::before{opacity:.23;transform:translateX(-82%) rotate(-14deg);filter:saturate(.62) brightness(.7)}
.tcg-card-stage::after{opacity:.18;transform:translateX(-18%) rotate(13deg);filter:hue-rotate(35deg) saturate(.7) brightness(.66)}
.tcg-card-img{
  position:absolute;z-index:2;top:2px;left:50%;width:auto;height:102px;max-width:76px;object-fit:contain;border-radius:4px;
  filter:drop-shadow(0 16px 13px rgba(1,13,9,.5));transform:translateX(-50%) rotate(-2deg);transition:transform .22s ease,filter .22s ease
}
.fan-tile:hover .tcg-card-img,.game-tile:hover .tcg-card-img{transform:translateX(-50%) translateY(-4px) rotate(1deg) scale(1.025);filter:drop-shadow(0 20px 17px rgba(1,13,9,.58))}
.tcg-art{width:74px;height:74px;margin:0 auto .8rem;filter:drop-shadow(0 10px 16px rgba(2,18,12,.26));transition:transform .2s ease}
.fan-tile:hover .tcg-art,.game-tile:hover .tcg-art{transform:translateY(-3px) rotate(3deg) scale(1.04)}
.fan-name{position:relative;z-index:3;font-size:1.02rem;min-height:auto;text-shadow:0 3px 12px rgba(1,14,9,.55)}
.fan-live,.game-live{background:rgba(7,37,27,.72);border:1px solid color-mix(in srgb,var(--tcg-accent) 45%,transparent);color:var(--tcg-accent);border-radius:999px}

.price-promo{
  display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:center;gap:2.5rem;
  margin-top:4rem;margin-bottom:1rem;padding:2.7rem 3rem;border:1px solid var(--border-gold);border-radius:22px;
  background:linear-gradient(120deg,rgba(29,90,64,.94),rgba(12,51,37,.96));box-shadow:var(--shadow-soft);overflow:hidden
}
.price-promo-copy{position:relative;z-index:2}.price-promo h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2rem,4vw,3.35rem);font-weight:900;line-height:.98;text-transform:uppercase;margin-bottom:1rem}.price-promo h2 span{color:var(--gold-bright)}
.price-promo-copy>p:not(.section-eyebrow){max-width:650px;color:var(--muted);line-height:1.7;margin-bottom:1rem}
.price-promo-pills{display:flex;gap:.45rem;flex-wrap:wrap;margin:0 0 1.35rem}.price-promo-pills span{padding:.38rem .66rem;border:1px solid var(--border);border-radius:999px;color:var(--text);background:rgba(8,43,31,.42);font-size:.7rem;font-weight:700}
.price-promo .btn-primary{display:inline-flex;text-decoration:none}
.price-promo-visual{position:relative;min-height:245px;isolation:isolate}
.price-card-stack{position:absolute;width:124px;aspect-ratio:59/86;border-radius:7px;display:grid;place-items:center;filter:drop-shadow(0 20px 20px rgba(2,18,12,.42))}
.price-card-stack img{width:100%;height:100%;object-fit:contain;border-radius:6px}
.price-card-stack--one{left:5%;top:35px;transform:rotate(-10deg)}
.price-card-stack--two{left:31%;top:12px;z-index:2;transform:rotate(1deg)}
.price-card-stack--three{left:58%;top:38px;transform:rotate(11deg)}
.price-promo-coin{position:absolute;z-index:4;right:2%;bottom:4%;width:76px;height:76px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--gold-bright);font-family:'IBM Plex Mono',monospace;font-size:2rem;font-weight:700;box-shadow:0 12px 25px rgba(2,18,12,.3)}

.why-grid{gap:1rem;background:transparent;border:none}
.why-card,.community-item,.seller-card{
  background:linear-gradient(155deg,rgba(29,90,64,.86),rgba(14,57,42,.92));
  border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-card);
}
.why-card{min-height:250px}
.why-card:hover{background:linear-gradient(155deg,rgba(34,101,72,.9),rgba(15,62,45,.95));border-color:var(--border-gold)}
.community{background:rgba(7,38,28,.6)}
.games-grid{gap:1.1rem}
.game-tile{padding:1.6rem 1rem 1.3rem;border-radius:16px;text-align:left}
.game-tile .tcg-card-stage{height:136px;margin:-.15rem auto .75rem}
.game-tile .tcg-card-stage::before,.game-tile .tcg-card-stage::after{top:17px;width:76px;height:108px}
.game-tile .tcg-card-img{height:126px;max-width:92px}
.game-tile .tcg-art{width:68px;height:68px;margin:0 0 1rem}
.game-tile .game-name{position:relative;z-index:3;font-size:1.12rem;min-height:auto;text-shadow:0 3px 12px rgba(1,14,9,.5)}
.game-tile .game-count{position:relative;z-index:3;color:var(--tcg-accent);margin-top:.6rem}
.card-art-note{max-width:720px;margin-top:1.4rem;color:var(--muted);font-size:.68rem;line-height:1.55;opacity:.8}
.how{background:rgba(7,38,28,.68)}
.step-num{box-shadow:0 0 0 7px rgba(224,184,90,.045)}

/* EXPLORE */
.ex-header{
  margin-top:2.2rem;padding:2.35rem 2.5rem 2.15rem;border:1px solid var(--border);
  border-radius:22px;background:
    linear-gradient(115deg,rgba(29,90,64,.86),rgba(12,51,37,.94)),
    var(--card);box-shadow:var(--shadow-soft);position:relative;overflow:hidden;
}
.ex-header::after{
  content:"";position:absolute;width:220px;height:220px;right:-60px;top:-85px;border-radius:50%;
  border:1px solid rgba(103,212,209,.17);box-shadow:0 0 0 34px rgba(224,184,90,.035),0 0 0 68px rgba(213,110,124,.025)
}
.search-box input{min-height:58px;border-radius:14px;background:rgba(22,75,53,.94);box-shadow:var(--shadow-card)}
.filters-panel{border-radius:16px;background:rgba(18,67,48,.95);box-shadow:var(--shadow-card)}
.f-chip,.active-chip,.clear-all-chip{min-height:38px;display:inline-flex;align-items:center}
.result-card{
  position:relative;border-radius:17px;background:linear-gradient(160deg,var(--card-2),var(--card));
  border-color:rgba(246,240,227,.13);box-shadow:var(--shadow-card);
}
.result-card:hover{transform:translateY(-5px);box-shadow:0 22px 42px rgba(2,18,12,.28)}
.result-card::after{
  content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--game-accent,var(--gold));opacity:.9;z-index:5
}
.game-pkm{--game-accent:#f4cc57}.game-ygo{--game-accent:var(--garnet)}.game-mtg{--game-accent:#67d4d1}.game-op{--game-accent:#70c5da}.game-lairen{--game-accent:#d99b5b}.game-dbs_fw{--game-accent:#f28c45}.game-dbs_masters{--game-accent:#cf7ee8}
.rc-visual{aspect-ratio:4/3;background:linear-gradient(145deg,#0b3024,#123e2d);overflow:hidden}
.rc-visual-individual{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--game-accent,var(--gold)) 14%,transparent),transparent 58%),#0c3528}
.rc-visual-individual>img{width:100%!important;height:100%!important;object-fit:contain!important;padding:.75rem;filter:drop-shadow(0 10px 12px rgba(0,0,0,.3))}
.rc-visual-individual:has(.rc-foto-si)>img{padding:0;object-fit:cover!important;filter:none}
.rc-game-badge{font-size:.62rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase;color:var(--game-accent,var(--gold));display:inline-flex;align-items:center;gap:.25rem}
.rc-headline{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}
.rc-body{padding:1rem 1.05rem 1.05rem}
.rc-title{font-size:1.08rem;min-height:2.35em}
.rc-price{font-size:1.18rem;color:var(--gold-bright)}
.rc-seller{line-height:1.45}
.rc-open{display:inline-flex;margin-top:.65rem;color:var(--game-accent,var(--teal));font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.no-results{background:rgba(22,75,53,.55);border:1px dashed var(--border-gold);border-radius:15px}
.results-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.2rem;grid-column:1/-1}
.skeleton-card{height:355px;border-radius:17px;background:linear-gradient(100deg,var(--card) 25%,var(--card-2) 40%,var(--card) 58%);background-size:220% 100%;animation:ctShimmer 1.35s infinite linear;border:1px solid var(--border)}
@keyframes ctShimmer{to{background-position-x:-220%}}

/* DETAIL */
.ficha-layout{grid-template-columns:minmax(0,1fr) 380px;gap:2.5rem}
.ficha-photo{border-radius:20px;border-color:rgba(246,240,227,.15);box-shadow:var(--shadow-soft);background:linear-gradient(145deg,var(--card-2),var(--surface))}
.ficha-photo--catalog.ficha-photo--individual{background:radial-gradient(circle at 50% 45%,rgba(224,184,90,.13),transparent 55%),var(--surface)}
.ficha-photo--catalog.ficha-photo--individual>img{width:100%!important;height:100%!important;object-fit:contain!important;padding:1.25rem;filter:drop-shadow(0 18px 20px rgba(0,0,0,.32))}
.fotos-aviso{border-radius:12px}
.ficha-title{font-size:2.25rem;text-transform:none;line-height:1.02}
.listing-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin-bottom:1.4rem}
.listing-actions .listing-like-btn{margin-bottom:0;min-height:44px}
.share-listing-btn{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;background:var(--card);border:1px solid var(--border);color:var(--text);padding:.5rem 1rem;border-radius:999px;font-size:.82rem;font-weight:700;cursor:pointer}
.share-listing-btn:hover{border-color:var(--teal);color:var(--teal)}
.ficha-section{background:rgba(14,57,42,.45);border:1px solid var(--border);border-radius:16px;padding:1.35rem;margin-top:1rem}
.ficha-section[style]{padding:1.35rem!important;border:1px solid var(--border)!important;margin-top:1rem!important}
.price-card,.seller-card{border-radius:17px;box-shadow:var(--shadow-card)}
.price-card{position:relative;overflow:hidden;padding:1.5rem;background:linear-gradient(150deg,var(--card-2),var(--card))}
.price-card::before{content:"Precio publicado";display:block;color:var(--muted);font-size:.67rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;margin-bottom:.5rem}
.price-main{font-size:2.05rem;color:var(--gold-bright)}
.price-trust{font-size:.72rem;color:var(--muted);line-height:1.45;margin-top:.85rem;padding-top:.8rem;border-top:1px solid var(--border)}
.mobile-action-bar{display:none}
.mobile-action-bar[hidden]{display:none!important}

@media (max-width:980px){
  .hero{padding-top:3rem}
  .hero-right{order:initial}
  .price-promo{grid-template-columns:minmax(0,1fr) 280px;padding:2.3rem}
  .price-card-stack{width:124px}.price-card-stack--one{left:0}.price-card-stack--two{left:27%}.price-card-stack--three{left:54%}
  .ex-header{margin-top:1.35rem}
  .ficha-layout{grid-template-columns:minmax(0,1fr);gap:1.4rem}
  .ficha-sidebar{width:auto}
  .mobile-action-bar{
    display:flex;position:fixed;z-index:180;right:0;bottom:0;left:0;align-items:center;justify-content:space-between;gap:1rem;
    padding:.72rem max(1rem,env(safe-area-inset-left)) calc(.72rem + env(safe-area-inset-bottom));
    background:rgba(9,42,31,.97);border-top:1px solid var(--border-gold);box-shadow:0 -12px 32px rgba(2,18,12,.34)
  }
  .mobile-price-main{font-family:'IBM Plex Mono',monospace;color:var(--gold-bright);font-size:1rem;font-weight:700;line-height:1.2}
  .mobile-price-sub{font-size:.66rem;color:var(--muted);margin-top:.15rem}
  .mobile-contact-btn{min-height:48px;min-width:148px;border:0;border-radius:10px;background:var(--gold);color:var(--ink);font-family:'Barlow Condensed',sans-serif;font-size:.95rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:.7rem 1rem}
  body.page-ficha{padding-bottom:82px}
}
@media (max-width:720px){
  .hero::before{display:none}
  .fan-tile{min-height:165px;padding:1.9rem .8rem 1rem}
  .fan-tile .tcg-card-stage{height:92px;margin:-.45rem auto .2rem}
  .fan-tile .tcg-card-stage::before,.fan-tile .tcg-card-stage::after{top:11px;width:52px;height:75px}
  .fan-tile .tcg-card-img{height:86px;max-width:63px}
  .tcg-art{width:62px;height:62px}
  .price-promo{grid-template-columns:1fr;padding:1.8rem 1.4rem;gap:1.2rem;margin-top:2.7rem}
  .price-promo-visual{min-height:205px;max-width:350px;width:100%;margin:0 auto}.price-card-stack{width:112px}.price-card-stack--one{left:8%;top:27px}.price-card-stack--two{left:34%;top:4px}.price-card-stack--three{left:60%;top:29px}.price-promo-coin{width:62px;height:62px;font-size:1.55rem}
  .ex-header{padding:1.7rem 1.35rem;border-radius:18px}
}
@media (max-width:600px){
  .results-grid{grid-template-columns:1fr;gap:.85rem}
  .result-card{display:grid;grid-template-columns:132px minmax(0,1fr);min-height:180px}
  .rc-visual{aspect-ratio:auto;height:100%;min-height:180px;border-right:1px solid var(--border)}
  .rc-body{padding:.85rem .9rem}
  .rc-title{font-size:1rem;min-height:auto;margin-bottom:.55rem}
  .rc-price{font-size:1rem}.rc-price-fx{margin-bottom:.25rem}
  .rc-seller{font-size:.68rem;margin-top:.35rem;padding-top:.4rem}
  .rc-open{margin-top:.45rem}
  .rc-foto-badge{font-size:.55rem;right:.35rem;left:.35rem;justify-content:center;text-align:center}
  .results-skeleton{grid-template-columns:1fr}.skeleton-card{height:180px}
  .ficha-title{font-size:1.8rem}
  .mobile-contact-btn{min-width:132px}
}
@media (max-width:390px){
  .price-promo-visual{min-height:180px}.price-card-stack{width:96px}.price-card-stack img{width:100%;height:100%}.price-card-stack--one{left:5%}.price-card-stack--two{left:34%}.price-card-stack--three{left:63%}.price-promo-coin{width:54px;height:54px;right:0}
  .result-card{grid-template-columns:116px minmax(0,1fr)}
  .rc-body{padding:.75rem}.rc-badges{margin-bottom:.35rem}.rc-game-badge{font-size:.56rem}
  .mobile-action-bar{gap:.65rem}.mobile-contact-btn{min-width:120px;padding:.65rem .8rem}
}
@media (prefers-reduced-motion:reduce){.skeleton-card{animation:none}}

/* ============ IDENTIDAD APROBADA — 2026 ============ */
body{
  background-color:var(--ink);
  background-image:
    radial-gradient(circle at 7% 4%,rgba(102,199,184,.11),transparent 25rem),
    radial-gradient(circle at 93% 8%,rgba(244,124,104,.09),transparent 29rem);
}
.top-line,.bottom-line{background:linear-gradient(90deg,var(--mint),var(--action) 52%,var(--garnet))}
nav{
  background:rgba(12,43,48,.96);
  border-bottom-color:rgba(102,199,184,.24);
  box-shadow:0 8px 28px rgba(3,23,28,.2);
}
footer{background:#0a262c}
:focus-visible{outline:3px solid var(--mint-bright);outline-offset:3px}
.logo-accent,.nav-links a.active,.nav-links a[aria-current="page"]{color:var(--action-bright)}
.logo-tag{background:rgba(244,124,104,.12);border-color:rgba(244,124,104,.48);color:var(--action-bright)}

.nav-cta,.btn-primary,.cta-btn,.contact-btn,#priceSearchBtn,.mobile-contact-btn,
.auth-submit,.pub-submit,.comment-form button{
  background:var(--action);
  border-color:var(--action);
  color:var(--ink);
  box-shadow:0 9px 22px rgba(244,124,104,.16);
}
.nav-cta:hover,.btn-primary:hover,.cta-btn:hover,.contact-btn:hover,#priceSearchBtn:hover,
.auth-submit:hover,.pub-submit:hover,.comment-form button:hover{
  background:var(--action-bright);
  box-shadow:0 12px 27px rgba(244,124,104,.24);
}
.eyebrow{background:rgba(244,124,104,.075);border-color:rgba(244,124,104,.38)}
.eyebrow::before{background:var(--action)}
.h1-main,.price-promo h2 span,.price-hero h1 span{color:var(--action-bright);text-shadow:none}
.hero::before{
  border-color:rgba(102,199,184,.11);
  box-shadow:0 0 0 46px rgba(244,124,104,.026),0 0 0 92px rgba(217,135,168,.02);
}
.fan-tile,.game-tile{border-color:rgba(245,239,228,.15);box-shadow:var(--shadow-card)}
.fan-live,.game-live{
  background:rgba(14,48,53,.82);
  border-color:rgba(102,199,184,.48);
  color:var(--mint-bright);
}
.ticker{background:#0a272d;border-color:rgba(102,199,184,.2)}

/* El foil queda reservado para dinero y rarezas altas. */
.ticker-price,.rc-price,.mp-price,.mp-price-currency,.listing-price,.preview-price,
.preview-itemlist-row span:last-child,.catalog-ref,.metric-value,.price-table td:last-child,
.price-main:not(.is-text),.mobile-price-main{
  color:var(--foil);
}
.rarity-super,.rarity-ultra{color:var(--foil)}

.price-promo{
  border-color:rgba(102,199,184,.26);
  background:linear-gradient(120deg,rgba(29,87,87,.95),rgba(14,48,53,.97));
}
.price-promo-pills span{background:rgba(10,38,44,.48)}
.price-promo-coin{border-color:var(--mint);background:var(--surface);color:var(--mint)}
.why-card,.community-item,.seller-card{background:linear-gradient(155deg,rgba(30,87,87,.9),rgba(21,70,74,.94))}
.why-card:hover{background:linear-gradient(155deg,rgba(37,101,98,.94),rgba(24,79,82,.97))}
.community,.how{background:rgba(9,39,45,.68)}

/* Explorar */
.ex-header{background:linear-gradient(115deg,rgba(30,87,87,.9),rgba(14,48,53,.96)),var(--card)}
.ex-header::after{
  border-color:rgba(102,199,184,.2);
  box-shadow:0 0 0 34px rgba(244,124,104,.035),0 0 0 68px rgba(217,135,168,.025);
}
.search-box input{background:rgba(21,70,74,.96)}
.filters-panel{background:rgba(18,61,66,.97)}
.f-chip.active{background:var(--action);border-color:var(--action);color:var(--ink)}
.result-card{background:linear-gradient(160deg,var(--card-2),var(--card))}
.rc-visual{background:linear-gradient(145deg,#0b2b31,#123d43)}
.rc-visual-individual{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--game-accent,var(--mint)) 15%,transparent),transparent 58%),#0b2f35}
.no-results{background:rgba(21,70,74,.58)}

/* Ficha, formularios y estados */
.ficha-section{background:rgba(14,48,53,.5)}
.mobile-action-bar{background:rgba(10,38,44,.97);border-top-color:rgba(102,199,184,.24)}
.form-feedback,.auth-feedback,.save-msg.success,.fotos-aviso.con-fotos,.verified-badge,.staple-badge,
.ct-aviso.is-ok{color:var(--mint-bright);background:rgba(102,199,184,.09);border-color:rgba(102,199,184,.34)}
.save-msg.error,.auth-feedback.is-error,.fotos-aviso.sin-fotos,.ct-aviso.is-error{color:var(--garnet-bright)}
.seller-rating strong,.profile-rating-line strong,.review-stars,.star-picker button.on{color:var(--mint-bright)}
.owner-banner,.legal-disclaimer,.demo-notice{
  background:linear-gradient(135deg,rgba(244,124,104,.12),rgba(102,199,184,.055));
  border-color:rgba(244,124,104,.34);
}

/* Precios */
.price-hero{
  border-color:rgba(102,199,184,.22);
  background:linear-gradient(115deg,rgba(30,87,87,.93),rgba(14,48,53,.97));
}
.price-hero::after{content:"✦";color:rgba(102,199,184,.08);font-size:11rem;top:-1rem}
.game-choice.active,.local-game-choice.active{border-color:var(--action);box-shadow:inset 0 0 0 1px rgba(244,124,104,.62)}
.local-game-picker{background:rgba(10,42,48,.68)}
.price-search{background:rgba(21,70,74,.78)}
.exact-match,.metric,.catalog-data span{background:rgba(10,42,48,.5)}
.status{background:rgba(30,87,87,.58)}
.selected-head{background:rgba(21,70,74,.8)}
.catalog-card,.price-panel{background:linear-gradient(155deg,var(--card-2),var(--card))}
.catalog-image{background:radial-gradient(circle,rgba(102,199,184,.11),transparent 58%),var(--surface)}
.method-note{background:rgba(230,194,107,.055);border-color:rgba(230,194,107,.3)}

/* ============ OPENING ZERO ============ */
.oz-feature{
  display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);
  margin-top:4rem;margin-bottom:4rem;padding:clamp(1.6rem,4vw,3rem);position:relative;overflow:hidden;
  border:1px solid rgba(102,199,184,.3);border-radius:22px;
  background:
    radial-gradient(circle at 12% 50%,rgba(244,124,104,.15),transparent 34%),
    linear-gradient(120deg,rgba(14,48,53,.98),rgba(30,87,87,.9));
  box-shadow:var(--shadow-soft);
}
.oz-feature::after{
  content:"";position:absolute;right:-70px;top:-100px;width:260px;height:260px;border-radius:50%;pointer-events:none;
  border:1px solid rgba(244,124,104,.13);box-shadow:0 0 0 34px rgba(102,199,184,.035),0 0 0 68px rgba(217,135,168,.025);
}
.oz-lockup,.oz-feature-copy{position:relative;z-index:1}
.oz-lockup{display:flex;min-width:0;flex-direction:column;justify-content:center}
.oz-eyebrow{margin:0 0 .8rem;color:var(--mint-bright);font-size:.69rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.oz-logo-link{
  display:block;width:min(100%,320px);aspect-ratio:1;margin:.25rem auto 0;overflow:hidden;border-radius:18px;
  border:1px solid rgba(245,239,228,.48);background:#faeedc;
  box-shadow:0 22px 48px rgba(4,24,29,.34),0 0 0 7px rgba(245,239,228,.055);
  transform:rotate(-1.5deg);transition:transform .18s ease,box-shadow .18s ease;
}
.oz-logo-link:hover{transform:rotate(-.4deg) translateY(-3px);box-shadow:0 27px 56px rgba(4,24,29,.4),0 0 0 7px rgba(245,239,228,.075)}
.oz-logo-link:focus-visible{outline-offset:7px}
.oz-logo{display:block;width:100%;height:100%;object-fit:cover}
.oz-feature-copy h2{margin:0 0 .8rem;font-family:'Barlow Condensed',sans-serif;font-size:clamp(1.7rem,3.5vw,2.55rem);font-weight:900;line-height:1;text-transform:uppercase}
.oz-feature-copy p{max-width:620px;margin:0;color:var(--muted);font-size:.94rem;line-height:1.65}
.oz-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.25rem}
.oz-social-btn{
  min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.68rem 1rem;
  border:1px solid rgba(102,199,184,.42);border-radius:10px;color:var(--text);background:rgba(10,38,44,.52);
  font-size:.78rem;font-weight:800;text-decoration:none;transition:transform .15s,border-color .15s,background .15s;
}
.oz-social-btn svg{width:18px;height:18px;flex:0 0 18px}
.oz-social-btn:hover{transform:translateY(-2px);border-color:var(--mint-bright);background:rgba(10,38,44,.8)}
.oz-social-btn--primary{border-color:var(--action);background:var(--action);color:var(--ink)}
.oz-social-btn--primary:hover{border-color:var(--action-bright);background:var(--action-bright)}
.footer-note--brand{display:grid;gap:.28rem;line-height:1.4}
.oz-footer-line{display:flex;align-items:center;gap:.42rem;flex-wrap:wrap}
.oz-footer-link{color:var(--action-bright);font-weight:800;text-decoration:none}
.oz-footer-social{color:var(--mint-bright);text-decoration:none;font-size:.72rem;font-weight:700}
.oz-footer-social:hover{text-decoration:underline}
.oz-footer-dot{color:rgba(184,201,198,.5)}

@media(max-width:768px){
  nav{background:var(--ink)}
  .oz-feature{grid-template-columns:1fr;margin-top:2.7rem;margin-bottom:2.7rem}
  .oz-lockup{align-items:center;text-align:center}
  .oz-logo-link{width:min(100%,290px)}
}
@media(max-width:560px){
  .f-chip,.active-chip,.clear-all-chip{min-height:44px}
  .oz-feature{margin-left:1.1rem;margin-right:1.1rem;padding:1.5rem 1.25rem;border-radius:17px}
  .oz-logo-link{width:min(100%,236px);border-radius:15px}
  .oz-actions{display:grid;grid-template-columns:1fr}
  .oz-social-btn{width:100%}
  .footer-note--brand{gap:.38rem}
}