/*
Theme Name: Mano Inicial
Description: Tema de bloques para tienda de cartas coleccionables (cartas, sobres, cajas, accesorios, cambios y torneos). Pensado para WooCommerce.
Version: 0.9.2
Requires at least: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: mano-inicial
*/

/* ============ TOKENS (ver DESIGN.md) ============ */
:root{
  --tinta:var(--wp--preset--color--tinta); --papel:var(--wp--preset--color--papel); --carta:var(--wp--preset--color--carta);
  --cobalto:var(--wp--preset--color--cobalto); --bermellon:var(--wp--preset--color--bermellon); --sello:var(--wp--preset--color--sello);
  --tinta-suave:color-mix(in srgb,var(--tinta) 74%,var(--papel));
  --linea:color-mix(in srgb,var(--tinta) 16%,var(--papel));
  --foil:conic-gradient(from 140deg,var(--cobalto),var(--sello),var(--papel),var(--bermellon),var(--cobalto));

  --f-display:var(--wp--preset--font-family--display);
  --f-body:var(--wp--preset--font-family--body);
  --f-mono:var(--wp--preset--font-family--mono);

  --s1:.25rem; --s2:.5rem; --s3:.75rem; --s4:1rem; --s5:1.5rem; --s6:2rem; --s7:3rem; --s8:5rem;
  --r-sm:6px; --r-md:12px; --r-card:10px;
  --wrap:1200px; --gut:24px;
  --t-ui:200ms cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);font:400 1rem/1.55 var(--f-body);overflow-x:hidden}
img,svg{display:block;max-width:100%}
h1,h2,h3,p{margin:0}
ul{margin:0;padding:0;list-style:none}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--cobalto);outline-offset:2px;border-radius:var(--r-sm)}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mono{font-family:var(--f-mono)}
[hidden]{display:none!important}

/* ============ BOTONES ============ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:44px;padding:0 var(--s5);
  background:var(--cobalto);color:var(--on-color);border:2px solid var(--cobalto);border-radius:var(--r-sm);font-weight:600;text-decoration:none;cursor:pointer;
  transition:background var(--t-ui),color var(--t-ui),border-color var(--t-ui)}
.btn:hover{background:var(--tinta);border-color:var(--tinta)}
.btn-ghost{background:transparent;color:var(--tinta);border-color:var(--tinta)}
.btn-ghost:hover{background:var(--tinta);color:var(--carta)}
.btn-sm{min-height:40px;padding:0 var(--s4);font-size:.9rem}
.icon-btn{position:relative;display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;min-width:44px;justify-content:center;padding:0 var(--s3);
  background:transparent;border:0;border-radius:var(--r-sm);cursor:pointer;font-weight:600;transition:background var(--t-ui)}
.icon-btn:hover{background:color-mix(in srgb,var(--tinta) 8%,transparent)}
.icon-btn svg{width:22px;height:22px;flex:none}
.badge-count{position:absolute;top:2px;right:2px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--bermellon);color:var(--on-color);
  font:500 .72rem/20px var(--f-mono);text-align:center}

/* ============ HEADER ============ */
.strip{background:var(--tinta);color:var(--carta);font-size:.85rem}
.strip .wrap{display:flex;justify-content:space-between;gap:var(--s4);padding-block:var(--s2)}
.strip a{text-decoration:underline;text-underline-offset:3px}
.header{background:var(--carta);border-bottom:1px solid var(--linea)}
.header-main{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--s5);padding-block:var(--s4)}
.logo{font:800 1.6rem/1 var(--f-display);letter-spacing:-.02em;text-decoration:none;display:flex;align-items:center;gap:var(--s2)}
.logo-mark{width:26px;height:34px;border-radius:5px;background:var(--carta);border:3px solid transparent;
  background:linear-gradient(var(--carta),var(--carta)) padding-box,var(--foil) border-box}
.header-actions{display:flex;gap:var(--s1)}
.search{position:relative;max-width:560px;width:100%;justify-self:center}
.search-box{display:flex;align-items:center;gap:var(--s2);height:46px;padding:0 var(--s3);background:var(--papel);border:2px solid transparent;border-radius:var(--r-md);transition:border-color var(--t-ui),background var(--t-ui)}
.search-box:focus-within{border-color:var(--cobalto);background:var(--carta)}
.search-box svg{width:20px;height:20px;flex:none;color:var(--tinta-suave)}
.search input{flex:1;min-width:0;height:100%;border:0;background:transparent;outline:0}
.search input::placeholder{color:var(--tinta-suave)}
.search-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;background:var(--carta);border:1px solid var(--linea);border-radius:var(--r-md);
  box-shadow:0 12px 32px color-mix(in srgb,var(--tinta) 16%,transparent);padding:var(--s2);max-height:min(70vh,420px);overflow:auto}
.search-panel h3{font:500 .78rem var(--f-mono);color:var(--tinta-suave);padding:var(--s2) var(--s3);text-transform:none}
.search-panel button{display:flex;width:100%;justify-content:space-between;gap:var(--s3);min-height:44px;align-items:center;padding:0 var(--s3);background:transparent;border:0;border-radius:var(--r-sm);cursor:pointer;text-align:left}
.search-panel button:hover,.search-panel button:focus-visible{background:var(--papel)}
.search-panel .hint{font:400 .8rem var(--f-mono);color:var(--tinta-suave)}
.search-empty{padding:var(--s3);color:var(--tinta-suave)}

/* Selector de universos */
.universes{background:var(--carta);border-bottom:1px solid var(--linea)}
.universes .wrap{display:flex;align-items:center;gap:var(--s4);padding-block:var(--s3)}
.universes-label{font:500 .8rem var(--f-mono);color:var(--tinta-suave);flex:none}
.chips{display:flex;gap:var(--s2);overflow-x:auto;scrollbar-width:thin;padding:2px;margin:-2px}
.chip{flex:none;min-height:40px;padding:0 var(--s4);background:var(--carta);border:1.5px solid var(--linea);border-radius:999px;font-weight:500;cursor:pointer;white-space:nowrap;
  transition:background var(--t-ui),color var(--t-ui),border-color var(--t-ui)}
.chip:hover{border-color:var(--tinta)}
.chip[aria-pressed="true"]{background:var(--tinta);color:var(--carta);border-color:var(--tinta)}

/* ============ HERO ============ */
.hero{padding-block:var(--s7) var(--s8);overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--s6);align-items:center}
.hero h1{font:800 clamp(2.8rem,7.4vw,6rem)/.94 var(--f-display);letter-spacing:-.035em;max-width:11ch}
.hero p.lead{margin-top:var(--s5);font-size:1.15rem;max-width:46ch;color:var(--tinta-suave)}
.hero-cta{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s6)}
.fan{position:relative;height:420px}
.fan .card{position:absolute;left:50%;top:50%;width:200px;aspect-ratio:63/88;margin:-140px 0 0 -100px;border-radius:var(--r-card);background:var(--carta);
  border:1px solid var(--linea);display:grid;place-items:center;font:500 .8rem var(--f-mono);color:var(--tinta-suave);
  box-shadow:0 14px 30px color-mix(in srgb,var(--tinta) 18%,transparent);transform-origin:50% 120%;animation:fan 750ms cubic-bezier(.2,.7,.2,1) both}
.fan .c1{transform:rotate(-16deg) translateX(-70px)}
.fan .c3{transform:rotate(16deg) translateX(70px);animation-delay:.12s}
.fan .c2{z-index:2;transform:translateY(-14px);border:5px solid transparent;
  background:linear-gradient(var(--carta),var(--carta)) padding-box,var(--foil) border-box;animation-delay:.06s;color:var(--tinta)}
@keyframes fan{from{transform:rotate(0) translateX(0)}}
.fan .c2{animation-name:fan2}
@keyframes fan2{from{transform:translateY(0)}}

/* ============ SECCIONES ============ */
section{padding-block:var(--s8)}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:var(--s5);flex-wrap:wrap;margin-bottom:var(--s6)}
h2{font:800 clamp(1.9rem,4vw,3rem)/1 var(--f-display);letter-spacing:-.025em}
.sec-head p{color:var(--tinta-suave);max-width:48ch;margin-top:var(--s3)}
.showing{font:500 .85rem var(--f-mono);color:var(--tinta-suave)}
.showing b{color:var(--tinta);font-weight:500}

/* Catálogo */
.toolbar{display:flex;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s5)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--s5)}
.p{background:var(--carta);border:1px solid var(--linea);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column}
.p-img{display:grid;place-items:center;aspect-ratio:1/1;background:color-mix(in srgb,var(--cobalto) 7%,var(--papel))}
.ph{display:grid;place-items:center;text-align:center;padding:var(--s2);font:500 .72rem/1.3 var(--f-mono);color:var(--tinta-suave);background:var(--carta);border:1px solid var(--linea)}
.ph.carta{width:46%;aspect-ratio:63/88;border-radius:8px}
.ph.sobre{width:36%;aspect-ratio:1/2.1;border-radius:4px;clip-path:polygon(0 3%,8% 0,16% 3%,24% 0,32% 3%,40% 0,48% 3%,56% 0,64% 3%,72% 0,80% 3%,88% 0,100% 3%,100% 97%,92% 100%,84% 97%,76% 100%,68% 97%,60% 100%,52% 97%,44% 100%,36% 97%,28% 100%,20% 97%,12% 100%,4% 97%,0 100%)}
.ph.caja{width:62%;aspect-ratio:4/3;border-radius:6px}
.ph.acc{width:56%;aspect-ratio:1/1;border-radius:var(--r-md)}
.p-body{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s2);flex:1}
.p-meta{font:500 .78rem var(--f-mono);color:var(--tinta-suave)}
.p h3{font:700 1.1rem/1.2 var(--f-display)}
.p-row{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);margin-top:auto;padding-top:var(--s3)}
.price{font:500 1.1rem var(--f-mono)}
.tag{display:inline-block;padding:2px var(--s2);border-radius:4px;font:500 .74rem/1.5 var(--f-mono);background:var(--bermellon);color:var(--on-color)}
.tag.ok{background:var(--sello)}
.empty{padding:var(--s6);text-align:center;border:2px dashed var(--linea);border-radius:var(--r-md);color:var(--tinta-suave)}
.empty b{display:block;color:var(--tinta);font:700 1.2rem var(--f-display);margin-bottom:var(--s2)}

/* Novedades y preventas */
.news{background:var(--tinta);color:var(--carta)}
.news .sec-head p,.news .showing{color:color-mix(in srgb,var(--carta) 78%,var(--tinta))}
.news .showing b{color:var(--carta)}
.rows{border-top:1px solid color-mix(in srgb,var(--carta) 24%,var(--tinta))}
.row{display:grid;grid-template-columns:150px 1fr auto auto;gap:var(--s5);align-items:center;padding-block:var(--s4);border-bottom:1px solid color-mix(in srgb,var(--carta) 24%,var(--tinta))}
.row .date{font:500 .95rem var(--f-mono)}
.row h3{font:700 1.3rem/1.2 var(--f-display)}
.row .meta{font:400 .85rem var(--f-mono);color:color-mix(in srgb,var(--carta) 78%,var(--tinta))}
.row .btn-ghost{color:var(--carta);border-color:var(--carta)}
.row .btn-ghost:hover{background:var(--carta);color:var(--tinta)}
.news .empty{border-color:color-mix(in srgb,var(--carta) 30%,var(--tinta));color:color-mix(in srgb,var(--carta) 78%,var(--tinta))}
.news .empty b{color:var(--carta)}

/* Accesorios */
.acc-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;gap:var(--s5)}
.acc{background:var(--carta);border:1px solid var(--linea);border-radius:var(--r-md);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s3);justify-content:space-between}
.acc.big{grid-row:span 2;background:color-mix(in srgb,var(--cobalto) 7%,var(--papel))}
.acc h3{font:700 1.3rem/1.15 var(--f-display)}
.acc.big h3{font-size:2rem}
.acc p{color:var(--tinta-suave);max-width:36ch}
.acc .ph{align-self:stretch;min-height:120px}
.acc.big .ph{min-height:240px;flex:1}
.acc .p-row{padding-top:0}

/* Cambios */
.trade{background:var(--carta);border-block:1px solid var(--linea)}
.trade .wrap{display:grid;grid-template-columns:1fr 1fr;gap:var(--s7);align-items:start}
.modes{display:flex;gap:var(--s2);flex-wrap:wrap;margin:var(--s5) 0}
.steps{counter-reset:s;display:grid;gap:var(--s4)}
.steps li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;gap:var(--s4)}
.steps li::before{content:counter(s);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--tinta);color:var(--carta);font:500 1rem var(--f-mono)}
.steps b{display:block;font:700 1.15rem var(--f-display)}
.steps span{color:var(--tinta-suave)}
.panel{background:var(--papel);border:1px solid var(--linea);border-radius:var(--r-md);padding:var(--s6)}
.panel h3{font:800 1.6rem/1.1 var(--f-display);margin-bottom:var(--s2)}
.panel > p{color:var(--tinta-suave);margin-bottom:var(--s5)}
.field{display:grid;gap:var(--s1);margin-bottom:var(--s4)}
.field label{font-weight:600;font-size:.92rem}
.field input,.field select,.field textarea{min-height:46px;padding:0 var(--s3);background:var(--carta);border:1.5px solid var(--tinta-suave);border-radius:var(--r-sm);width:100%}
.field textarea{padding:var(--s3);min-height:96px;font:inherit;resize:vertical}
.field small{color:var(--tinta-suave)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
.status{margin-top:var(--s4);padding:var(--s3) var(--s4);border-radius:var(--r-sm);background:color-mix(in srgb,var(--sello) 12%,var(--carta));color:var(--sello);font-weight:600}

/* Confianza */
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5);margin-bottom:var(--s7)}
.trust-item{border-top:3px solid var(--tinta);padding-top:var(--s4)}
.trust-item h3{font:700 1.3rem var(--f-display);margin-bottom:var(--s2)}
.trust-item p{color:var(--tinta-suave)}
.seal{display:flex;gap:var(--s5);align-items:center;padding:var(--s5);border:5px solid transparent;border-radius:var(--r-md);
  background:linear-gradient(var(--carta),var(--carta)) padding-box,var(--foil) border-box;margin-bottom:var(--s7)}
.seal svg{width:56px;height:56px;flex:none;color:var(--sello)}
.seal h3{font:800 1.5rem var(--f-display)}
.seal p{color:var(--tinta-suave);max-width:70ch}
.faq{max-width:820px}
.faq h3.faq-title{font:800 1.6rem var(--f-display);margin-bottom:var(--s4)}
details{border-bottom:1px solid var(--linea)}
summary{display:flex;justify-content:space-between;gap:var(--s4);align-items:center;min-height:56px;font-weight:600;cursor:pointer;list-style:none;padding-block:var(--s2)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font:400 1.5rem var(--f-mono);transition:transform var(--t-ui)}
details[open] summary::after{transform:rotate(45deg)}
details p{padding-bottom:var(--s4);color:var(--tinta-suave);max-width:62ch}

/* Comunidad */
.events .row{grid-template-columns:150px 1fr auto auto;border-color:var(--linea);color:var(--tinta)}
.events .rows{border-top-color:var(--linea)}
.events .row .meta{color:var(--tinta-suave)}
.events .row .btn-ghost{color:var(--tinta);border-color:var(--tinta)}
.events .row .btn-ghost:hover{background:var(--tinta);color:var(--carta)}
.events .empty{color:var(--tinta-suave)}

/* Footer */
footer{background:var(--tinta);color:var(--carta);padding-block:var(--s7)}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--s6)}
.foot .logo{color:var(--carta)}
.foot h3{font:500 .8rem var(--f-mono);margin-bottom:var(--s3);color:color-mix(in srgb,var(--carta) 78%,var(--tinta))}
.foot li{margin-bottom:var(--s2)}
.foot a{text-decoration:none}
.foot a:hover{text-decoration:underline}
.legal{margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid color-mix(in srgb,var(--carta) 24%,var(--tinta));font-size:.85rem;color:color-mix(in srgb,var(--carta) 78%,var(--tinta))}

/* ============ DIÁLOGOS: acceso y carrito ============ */
dialog{border:0;padding:0;color:var(--tinta);background:var(--carta);max-width:100vw}
dialog::backdrop{background:color-mix(in srgb,var(--tinta) 55%,transparent)}
.modal{width:min(440px,calc(100vw - 32px));border-radius:var(--r-md);margin:auto}
.modal-in{padding:var(--s6)}
.modal h2{font-size:1.9rem;margin-bottom:var(--s2)}
.modal .sub{color:var(--tinta-suave);margin-bottom:var(--s5)}
.close{position:absolute;top:var(--s3);right:var(--s3);width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0;border-radius:var(--r-sm);cursor:pointer;font-size:1.6rem;line-height:1}
.close:hover{background:var(--papel)}
.link-btn{background:none;border:0;padding:0;color:var(--link);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:44px}
.drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(420px,100vw);height:100dvh;max-height:none;border-radius:0;display:none;flex-direction:column}
.drawer[open]{display:flex;animation:slide 220ms cubic-bezier(.2,.7,.2,1)}
@keyframes slide{from{transform:translateX(40px);opacity:.4}}
.drawer header{display:flex;justify-content:space-between;align-items:center;padding:var(--s4) var(--s5);border-bottom:1px solid var(--linea)}
.drawer header h2{font-size:1.5rem}
.drawer header .close{position:static}
.cart-list{flex:1;overflow:auto;padding:var(--s4) var(--s5)}
.cart-item{display:grid;grid-template-columns:1fr auto;gap:var(--s2) var(--s3);padding-block:var(--s4);border-bottom:1px solid var(--linea)}
.cart-item b{font:700 1rem/1.25 var(--f-display)}
.cart-item .m{font:400 .8rem var(--f-mono);color:var(--tinta-suave)}
.qty{display:inline-flex;align-items:center;border:1.5px solid var(--linea);border-radius:var(--r-sm)}
.qty button{width:44px;height:40px;background:transparent;border:0;cursor:pointer;font-size:1.2rem}
.qty button:hover{background:var(--papel)}
.qty span{min-width:28px;text-align:center;font-family:var(--f-mono)}
.cart-foot{padding:var(--s5);border-top:1px solid var(--linea);display:grid;gap:var(--s3)}
.cart-foot .tot{display:flex;justify-content:space-between;font:500 1.1rem var(--f-mono)}
.cart-foot small{color:var(--tinta-suave)}
.cart-empty{text-align:center;padding:var(--s7) var(--s4);color:var(--tinta-suave)}
.cart-empty b{display:block;color:var(--tinta);font:700 1.3rem var(--f-display);margin-bottom:var(--s2)}

/* ============ RESPONSIVE ============ */
@media (max-width:960px){
  .hero .wrap,.trade .wrap{grid-template-columns:1fr}
  .fan{height:300px}
  .fan .card{width:140px;margin:-98px 0 0 -70px}
  .fan .c1{transform:rotate(-14deg) translateX(-56px)}
  .fan .c3{transform:rotate(14deg) translateX(56px)}
  .acc-grid{grid-template-columns:1fr 1fr}
  .acc.big{grid-column:span 2;grid-row:auto}
  .trust-grid{grid-template-columns:1fr}
  .foot{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  :root{--gut:16px}
  section{padding-block:var(--s7)}
  .strip .wrap{justify-content:center}
  .strip .strip-r{display:none}
  .header-main{grid-template-columns:1fr auto;gap:var(--s3)}
  .search{grid-column:1/-1;grid-row:2;max-width:none}
  .icon-btn .lbl{display:none}
  .universes-label{display:none}
  .hero{padding-block:var(--s6) var(--s7)}
  .row{grid-template-columns:1fr auto;gap:var(--s2) var(--s3)}
  .row .date{grid-column:1/-1}
  .row .btn{grid-column:2;grid-row:2}
  .row .tag{display:none}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
  .p-body{padding:var(--s3)}
  .p h3{font-size:.95rem}
  .p-row{flex-wrap:wrap}
  .p-row .btn{width:100%}
  .acc-grid{grid-template-columns:1fr}
  .acc.big{grid-column:auto}
  .two{grid-template-columns:1fr}
  .seal{flex-direction:column;align-items:flex-start}
  .foot{grid-template-columns:1fr}
  .panel{padding:var(--s5)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* ============ ADAPTACION A BLOQUES DE WORDPRESS ============ */
.wp-site-blocks>*{margin-block:0}
.wp-block-heading{margin:0}
.wp-block-site-title.logo{margin:0;font-size:1.6rem}
.logo a{display:flex;align-items:center;gap:var(--s2);text-decoration:none}
.logo a::before{content:"";width:26px;height:34px;border-radius:5px;border:3px solid transparent;flex:none;
  background:linear-gradient(var(--carta),var(--carta)) padding-box,var(--foil) border-box}
.foot .logo a{color:var(--carta)}
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:var(--s3)}
.wp-block-button .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--s5);background:var(--cobalto);color:var(--on-color);
  border:2px solid var(--cobalto);border-radius:var(--r-sm);font-weight:600;font-size:1rem;text-decoration:none;transition:background var(--t-ui),color var(--t-ui),border-color var(--t-ui)}
.wp-block-button .wp-block-button__link:hover{background:var(--tinta);border-color:var(--tinta);color:var(--carta)}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--tinta);border-color:var(--tinta)}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--tinta);color:var(--carta)}
.news .wp-block-button.is-style-outline .wp-block-button__link{color:var(--carta);border-color:var(--carta)}
.news .wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--carta);color:var(--tinta)}
.chips p{margin:0;flex:none}
.chips a{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--s4);background:var(--carta);border:1.5px solid var(--linea);border-radius:999px;font-weight:500;text-decoration:none;white-space:nowrap}
.chips a:hover{border-color:var(--tinta)}
.chips .is-active a{background:var(--tinta);color:var(--carta);border-color:var(--tinta)}
.toolbar{margin-bottom:var(--s5)}
.wp-block-search.search .wp-block-search__inside-wrapper{height:46px;padding:0 var(--s2) 0 var(--s3);background:var(--papel);border:2px solid transparent;border-radius:var(--r-md);align-items:center}
.wp-block-search.search .wp-block-search__inside-wrapper:focus-within{border-color:var(--cobalto);background:var(--carta)}
.wp-block-search.search .wp-block-search__input{border:0;background:transparent;min-height:0;height:100%;padding:0;outline:0}
.wp-block-search.search .wp-block-search__button{background:transparent;color:var(--tinta);border:0;padding:0 var(--s2);margin:0;min-height:40px}
.header-actions{display:flex;align-items:center;gap:var(--s1)}
.catalog ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--s5);margin:0;padding:0}
.catalog ul.products::before,.catalog ul.products::after{display:none}
.catalog ul.products li.product{width:auto!important;max-width:none;float:none!important;margin:0!important;background:var(--carta);border:1px solid var(--linea);border-radius:var(--r-md);padding:var(--s3)}
.woocommerce ul.products li.product .price{font-family:var(--f-mono);color:var(--tinta)}
.woocommerce a.button{background:var(--cobalto);color:var(--on-color);border-radius:var(--r-sm);font-weight:600}
.woocommerce a.button:hover{background:var(--tinta);color:var(--carta)}
.wp-block-details{border-bottom:1px solid var(--linea)}
.wp-block-details summary{min-height:56px;display:flex;align-items:center;font-weight:600;cursor:pointer}
.foot ul{list-style:none;margin:0;padding:0}
.foot a{color:inherit}
.trade-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s7);align-items:start}
.steps{padding-left:0}
.steps b{color:var(--tinta)}
.steps .step{display:block}
.acc .price{font:500 1.1rem var(--f-mono)}
.ph{min-height:120px}
/* ===== Mas color en la portada (solo tokens de la marca) ===== */
/* Pie de pagina: el fondo va en su contenedor, no en la etiqueta footer (en algunas plantillas de WooCommerce no existe) */
footer.wp-block-template-part{background:transparent;padding-block:0}
.site-footer{background:var(--tinta);color:var(--carta);padding-block:var(--s7)}
.site-footer .foot h3{color:color-mix(in srgb,var(--carta) 78%,var(--tinta))}
.site-footer a{color:var(--carta)}
/* Pestañas de la ficha (Descripcion, Informacion adicional, Valoraciones): sin borde ni caja, solo el texto */
.woocommerce-Tabs-panel.panel{border:0;border-radius:0;background:transparent;box-shadow:none;padding:var(--s4) 0}
.single-product .woocommerce-Tabs-panel>h2,.single-product .woocommerce-Reviews-title{font-size:1.5rem;line-height:1.2;margin-bottom:var(--s3)}
.single-product .woocommerce-Tabs-panel p{margin-bottom:var(--s3)}
.single-product .wp-block-woocommerce-product-details{margin-bottom:var(--s7)}
.single-product main .wp-block-woocommerce-product-collection.alignwide{padding-bottom:var(--s7)}
.single-product main .wp-block-woocommerce-product-collection.alignwide>h2.wp-block-heading{font-size:clamp(1.4rem,2.4vw,1.8rem);line-height:1.15;margin-bottom:var(--s5)}
/* Ficha de producto: contenido mas estrecho, foto y texto separados */
.single-product main .alignwide{max-width:1040px;margin-inline:auto;padding-inline:var(--s5)}
.single-product .wp-block-columns.alignwide{column-gap:var(--s7);padding-block:var(--s5)}
.single-product .wp-block-columns.alignwide>.wp-block-column:last-child{padding:var(--s5) var(--s6) var(--s5) var(--s4)}
.single-product .wp-block-columns.alignwide>.wp-block-column:last-child>*+*{margin-top:var(--s3)}
.single-product .wp-block-post-title{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.05}
.single-product .wp-block-woocommerce-product-meta,.single-product .wp-block-woocommerce-product-meta>.wp-block-group{display:flex;flex-direction:column;gap:var(--s1)}
.single-product .wp-block-woocommerce-product-meta{margin-top:var(--s5)!important;padding-top:var(--s4);border-top:1px solid var(--linea);font-size:.9rem;color:var(--tinta-suave)}
@media (max-width:781px){
  .single-product main .alignwide{padding-inline:var(--s4)}
  .single-product .wp-block-columns.alignwide{column-gap:var(--s5)}
  .single-product .wp-block-columns.alignwide>.wp-block-column:last-child{padding:var(--s4) 0}
}
/* Logo: abanico de tres cartas con borde foil + nombre */
.single-product form.cart{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:stretch}
.mi-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75em 1.25em;border-radius:var(--r-sm);font-weight:600;text-decoration:none;border:2px solid var(--tinta);line-height:1.2;transition:background 150ms,color 150ms}
.mi-btn-buy{background:var(--tinta);color:var(--carta)}
.mi-btn-buy:hover{background:color-mix(in srgb,var(--tinta) 82%,var(--cobalto));color:var(--carta)}
.mi-btn-swap{background:transparent;color:var(--tinta)}
.mi-btn-swap:hover{background:var(--tinta);color:var(--carta)}
.mi-btn:focus-visible{outline:3px solid var(--cobalto);outline-offset:2px}
.shop-filters-wrap{border:0;padding:0}
.shop-filters-wrap>summary{display:none;min-height:44px;align-items:center;font-weight:700;cursor:pointer;background:var(--carta);border:1px solid var(--linea);border-radius:var(--r-md);padding:0 var(--s4);list-style:none}
.shop-filters-wrap>summary::-webkit-details-marker{display:none}
.shop-filters-wrap[open]>.shop-filters{margin-top:var(--s2)}
@media (max-width:860px){.shop-filters-wrap>summary{display:flex}}
@media (min-width:861px){.shop-filters-wrap>.shop-filters{display:flex}}
.sets-block{margin:0 0 var(--s5)!important;padding:0!important}
.shop-results>p:empty{display:none}
.sets-title{font:700 1.3rem/1.2 var(--f-display);margin-bottom:var(--s3)}
.set-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s3)}
.set-card a{display:flex;flex-direction:column;gap:var(--s1);height:100%;background:var(--carta);border:1px solid var(--linea);border-radius:var(--r-md);padding:var(--s2);text-decoration:none;color:var(--tinta);transition:border-color var(--t-ui)}
.set-card a:hover{border-color:var(--cobalto)}
.set-card a:focus-visible{outline:3px solid var(--cobalto);outline-offset:2px}
.set-media{aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;border-radius:var(--r-sm);background:var(--papel)}
.set-img{width:100%;height:100%;object-fit:contain}
.set-name{font:700 .95rem/1.25 var(--f-display);padding:0 var(--s1)}
.set-meta{font:400 .75rem/1.35 var(--f-mono);color:var(--tinta-suave);padding:0 var(--s1) var(--s1)}
.set-header{display:flex;gap:var(--s5);align-items:center;margin-bottom:var(--s5);background:var(--carta);border:1px solid var(--linea);border-radius:var(--r-md);padding:var(--s4)}
.set-header-media{width:140px;flex:none;aspect-ratio:1/1;border-radius:var(--r-sm);overflow:hidden;background:var(--papel);display:grid;place-items:center}
.set-title{font:800 clamp(1.6rem,3vw,2.4rem)/1.05 var(--f-display)}
.set-crumbs{font:400 .85rem var(--f-mono);color:var(--tinta-suave);margin-bottom:var(--s1)}
.set-facts{font:400 .9rem var(--f-mono);color:var(--tinta-suave);margin-top:var(--s2)}
.set-code{display:inline-block;background:var(--tinta);color:var(--carta);border-radius:4px;padding:1px var(--s2);margin-right:var(--s2)}
.mi-identity{font:400 .9rem/1.5 var(--f-mono);color:var(--tinta-suave);margin:0}
.mi-identity a{color:var(--link)}
.mi-identity .mi-code{background:var(--papel);border-radius:4px;padding:0 var(--s1)}
@media (max-width:560px){.set-header{flex-direction:column;align-items:flex-start}.set-header-media{width:100px}}
.page-wrap{padding-block:var(--s6) var(--s8)}
.page-wrap>h1{margin-bottom:var(--s5)}
.page-wrap .entry-content>:not(section)+*{margin-top:var(--s4)}
.page-wrap .entry-content>h2{font:700 1.6rem/1.2 var(--f-display);margin-top:var(--s6)}
.page-wrap .entry-content>p,.page-wrap .entry-content>ul{max-width:68ch}
.page-wrap .entry-content>ul{padding-left:var(--s5)}
.page-wrap .entry-content>ul li+li{margin-top:var(--s2)}
.site-head .wp-block-search.search{position:relative}
.search-suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:80;background:var(--carta);border:1px solid var(--linea);border-radius:var(--r-md);box-shadow:0 12px 32px color-mix(in srgb,var(--tinta) 16%,transparent);padding:var(--s2);max-height:min(70vh,460px);overflow:auto}
.search-suggest-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:var(--s3);align-items:center;padding:var(--s2);border-radius:var(--r-sm);text-decoration:none;color:var(--tinta)}
.search-suggest-item img{width:44px;height:44px;object-fit:contain;background:var(--papel);border-radius:4px}
.sg-text{display:flex;flex-direction:column;min-width:0}
.sg-text strong{font:600 .92rem/1.25 var(--f-body)}
.sg-text small{font:400 .75rem/1.3 var(--f-mono);color:var(--tinta-suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-price{font:500 .85rem var(--f-mono)}
.search-suggest a:hover,.search-suggest a.is-active{background:var(--papel)}
.search-suggest a:focus-visible{outline:3px solid var(--cobalto);outline-offset:-3px}
.search-suggest-all{display:block;text-align:center;padding:var(--s3);font-weight:600;color:var(--link);text-decoration:none;border-radius:var(--r-sm)}
.search-suggest-label{font:500 .72rem var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-suave);padding:var(--s3) var(--s2) var(--s1)}
.search-suggest-empty{padding:var(--s3);color:var(--tinta-suave)}
#catalogo ul.products{grid-template-columns:repeat(4,1fr)}
#catalogo ul.products li.product img{width:100%;height:auto;aspect-ratio:63/88!important;object-fit:contain!important}
@media (max-width:860px){#catalogo ul.products{grid-template-columns:repeat(2,1fr)}}
/* ===== Jerarquia tipografica =====
   Hero 4.4rem > H1 de pagina 2.6rem > H2 de seccion 2.1rem > H2 de pagina 1.5rem > H3/titulos de tarjeta 1.05rem > cuerpo 1rem */
:root{--t-h1:clamp(2rem,3.4vw,2.6rem);--t-h2-page:1.5rem;--t-card:1.05rem}
h2{font:800 clamp(1.6rem,2.6vw,2.1rem)/1.08 var(--f-display);letter-spacing:-.02em}
main h1.wp-block-post-title,main .wp-block-query-title,.set-title{font:800 var(--t-h1)/1.05 var(--f-display);letter-spacing:-.025em}
main h1.wp-block-post-title,main .wp-block-query-title{margin-bottom:var(--s4)}
.single-product .wp-block-post-title{font-size:var(--t-h1)}
.single-product .woocommerce-Tabs-panel>h2,.single-product .woocommerce-Reviews-title,.single-product main .wp-block-woocommerce-product-collection.alignwide>h2.wp-block-heading,.page-wrap .entry-content>h2{font:700 var(--t-h2-page)/1.2 var(--f-display);letter-spacing:-.01em}
.trade h2{font-size:var(--t-h2-page)}
.trade .panel h3{font:700 1.25rem/1.2 var(--f-display)}
/* Titulo de producto igual en todas las tarjetas (portada, tienda, relacionados) */
ul.products li.product .woocommerce-loop-product__title,.wp-block-woocommerce-product-template .wp-block-post-title,.wp-block-woocommerce-product-template .wp-block-post-title a{font:700 var(--t-card)/1.25 var(--f-display)!important;letter-spacing:0}
/* Carrito, pago y cuenta: titulo con aire y alineado con el resto */
.woocommerce-cart main,.woocommerce-checkout main{padding-block:var(--s6) var(--s8)}
.wc-block-components-title,.wc-block-components-checkout-step__title,.wc-block-cart__totals-title{font-family:var(--f-display);font-weight:700}
.wc-block-components-checkout-step__title{font-size:1.25rem}
.wc-block-checkout h2.wc-block-components-title,.wc-block-checkout .wc-block-components-checkout-step__heading h2{font-family:var(--f-display)!important;font-weight:700!important;font-size:1.25rem!important;line-height:1.2}
.shop-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--s6);align-items:start;padding-bottom:var(--s7)}
.shop-filters{position:sticky;top:var(--s4);display:flex;flex-direction:column;gap:var(--s4);background:var(--carta);border:1px solid var(--linea);border-radius:var(--r-md);padding:var(--s4)}
.shop-filters .filter-title{font:700 .95rem/1.2 var(--f-display);margin:0 0 var(--s2)}
.shop-filters .wc-block-product-filter-checkbox-list{font-size:.9rem}
.shop-filters .wc-block-product-filter-price-slider__content{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}
.shop-filters .wc-block-product-filter-price-slider__range{grid-column:1/-1}
.shop-filters .wc-block-product-filter-price-slider__content .text{min-width:0;margin:0}
.shop-filters .wc-block-product-filter-price-slider__content .text input{width:100%!important;min-width:0;box-sizing:border-box;padding:6px 8px;font-size:.8rem}
.shop-filters .wp-block-woocommerce-product-filter-attribute,.shop-filters .wp-block-woocommerce-product-filter-price{padding-top:var(--s3);border-top:1px solid var(--linea)}
.shop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}
.shop-results .wp-block-woocommerce-product-template{gap:var(--s4)}
@media (max-width:860px){.shop-layout{grid-template-columns:1fr}.shop-filters{position:static}}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tinta);line-height:1}
.brand-name{font:800 1.75rem/1 var(--f-display);letter-spacing:-.035em}
.brand img.brand-mark{height:46px;width:auto;max-width:none;flex:none}
.site-footer .brand{color:var(--carta)}
@media (max-width:720px){.brand-name{font-size:1.45rem}.brand img.brand-mark{height:38px}}
/* Agotado: velo claro sobre la foto y banda con el aviso; el producto se sigue viendo */
.woocommerce ul.products li.product.outofstock a.woocommerce-LoopProduct-link{position:relative;display:block}
.woocommerce ul.products li.product.outofstock a.woocommerce-LoopProduct-link::before{content:"AGOTADO";position:absolute;top:0;left:0;right:0;aspect-ratio:1/1;z-index:2;display:grid;place-items:center;pointer-events:none;
  font:800 1.05rem/1 var(--f-display);letter-spacing:.16em;color:var(--carta);border-radius:var(--r-sm);
  background:linear-gradient(transparent 41%,var(--bermellon-fuerte) 41%,var(--bermellon-fuerte) 59%,transparent 59%),color-mix(in srgb,var(--carta) 50%,transparent)}
.woocommerce ul.products li.product.outofstock img{filter:grayscale(.65)}
.woocommerce ul.products li.product.outofstock .woocommerce-loop-product__title{color:color-mix(in srgb,var(--tinta) 70%,var(--papel))}
.woocommerce div.product.outofstock .woocommerce-product-gallery{position:relative}
.woocommerce div.product.outofstock .woocommerce-product-gallery::before{content:"AGOTADO";position:absolute;inset:0;z-index:5;display:grid;place-items:center;pointer-events:none;
  font:800 1.6rem/1 var(--f-display);letter-spacing:.2em;color:var(--carta);
  background:linear-gradient(transparent 42%,var(--bermellon-fuerte) 42%,var(--bermellon-fuerte) 58%,transparent 58%),color-mix(in srgb,var(--carta) 45%,transparent)}
.woocommerce div.product.outofstock .woocommerce-product-gallery img{filter:grayscale(.65)}
.woocommerce div.product p.stock.out-of-stock{color:var(--bermellon-fuerte);font-weight:700}
/* Mismas reglas para las plantillas de bloques de WooCommerce (categorias, tienda) y la ficha de producto */
li.product.outofstock .wc-block-components-product-image{position:relative}
li.product.outofstock .wc-block-components-product-image::before{content:"AGOTADO";position:absolute;inset:0;z-index:4;display:grid;place-items:center;pointer-events:none;
  font:800 1.05rem/1 var(--f-display);letter-spacing:.16em;color:var(--carta);border-radius:var(--r-sm);
  background:linear-gradient(transparent 41%,var(--bermellon-fuerte) 41%,var(--bermellon-fuerte) 59%,transparent 59%),color-mix(in srgb,var(--carta) 50%,transparent)}
li.product.outofstock .wc-block-components-product-image img{filter:grayscale(.65)}
li.product.outofstock .wp-block-post-title{color:color-mix(in srgb,var(--tinta) 70%,var(--papel))}
.product.outofstock .wp-block-woocommerce-product-image-gallery{position:relative}
.product.outofstock .wp-block-woocommerce-product-image-gallery::before{content:"AGOTADO";position:absolute;inset:0;z-index:5;display:grid;place-items:center;pointer-events:none;
  font:800 1.6rem/1 var(--f-display);letter-spacing:.2em;color:var(--carta);
  background:linear-gradient(transparent 42%,var(--bermellon-fuerte) 42%,var(--bermellon-fuerte) 58%,transparent 58%),color-mix(in srgb,var(--carta) 45%,transparent)}
.product.outofstock .wp-block-woocommerce-product-image-gallery img{filter:grayscale(.65)}
.fan-random ul.products li.product.outofstock a.woocommerce-LoopProduct-link::before{display:none}
.fan-random ul.products li.product.outofstock img{filter:none}
/* Hero: cielo claro con brillos suaves (texto oscuro) */
.hero{color:var(--tinta);background-color:color-mix(in srgb,var(--cobalto) 24%,var(--carta));
  background-image:
    radial-gradient(circle at 10% 24%,var(--carta) 0 2px,color-mix(in srgb,var(--carta) 45%,transparent) 3px,transparent 9px),
    radial-gradient(circle at 24% 78%,var(--carta) 0 2px,color-mix(in srgb,var(--carta) 45%,transparent) 3px,transparent 9px),
    radial-gradient(circle at 41% 12%,var(--carta) 0 3px,color-mix(in srgb,var(--carta) 45%,transparent) 4px,transparent 12px),
    radial-gradient(circle at 57% 86%,var(--carta) 0 2px,color-mix(in srgb,var(--carta) 45%,transparent) 3px,transparent 9px),
    radial-gradient(circle at 71% 20%,var(--carta) 0 2px,color-mix(in srgb,var(--carta) 45%,transparent) 3px,transparent 9px),
    radial-gradient(circle at 84% 70%,var(--carta) 0 3px,color-mix(in srgb,var(--carta) 45%,transparent) 4px,transparent 12px),
    radial-gradient(circle at 94% 14%,var(--carta) 0 2px,color-mix(in srgb,var(--carta) 45%,transparent) 3px,transparent 9px),
    radial-gradient(ellipse 55% 90% at 85% 10%,color-mix(in srgb,var(--carta) 70%,transparent),transparent 70%),
    radial-gradient(ellipse 50% 70% at 5% 100%,color-mix(in srgb,var(--cobalto) 22%,transparent),transparent 70%),
    linear-gradient(180deg,color-mix(in srgb,var(--cobalto) 34%,var(--carta)) 0%,color-mix(in srgb,var(--cobalto) 12%,var(--papel)) 100%)}
.hero h1{color:var(--tinta)}
.hero p.lead{color:var(--tinta)}
.hero .wp-block-button.is-style-outline .wp-block-button__link{background:var(--carta)}
.hero .wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--tinta);color:var(--carta)}
#catalogo{background:color-mix(in srgb,var(--cobalto) 7%,var(--papel))}
.news{border-top:6px solid var(--bermellon);background-color:color-mix(in srgb,var(--cobalto) 55%,var(--tinta));
  background-image:
    radial-gradient(2px 2px at 8% 20%,var(--carta) 60%,transparent 70%),
    radial-gradient(1.5px 1.5px at 22% 72%,var(--carta) 60%,transparent 70%),
    radial-gradient(2.5px 2.5px at 38% 14%,var(--carta) 60%,transparent 70%),
    radial-gradient(1.5px 1.5px at 52% 82%,var(--carta) 60%,transparent 70%),
    radial-gradient(2px 2px at 67% 26%,var(--carta) 60%,transparent 70%),
    radial-gradient(1.5px 1.5px at 78% 64%,var(--carta) 60%,transparent 70%),
    radial-gradient(2.5px 2.5px at 90% 16%,var(--carta) 60%,transparent 70%),
    radial-gradient(2px 2px at 95% 86%,var(--carta) 60%,transparent 70%),
    radial-gradient(1.5px 1.5px at 40px 60px,color-mix(in srgb,var(--carta) 90%,transparent) 60%,transparent 70%),
    radial-gradient(1.5px 1.5px at 150px 190px,color-mix(in srgb,var(--carta) 80%,transparent) 60%,transparent 70%),
    radial-gradient(1px 1px at 90px 30px,color-mix(in srgb,var(--carta) 80%,transparent) 60%,transparent 70%),
    radial-gradient(1.5px 1.5px at 180px 70px,color-mix(in srgb,var(--carta) 70%,transparent) 60%,transparent 70%),
    radial-gradient(1px 1px at 250px 240px,color-mix(in srgb,var(--carta) 85%,transparent) 60%,transparent 70%),
    radial-gradient(1px 1px at 60px 130px,color-mix(in srgb,var(--carta) 75%,transparent) 60%,transparent 70%),
    radial-gradient(ellipse 60% 90% at 88% 0%,color-mix(in srgb,var(--cobalto) 55%,transparent),transparent 70%),
    linear-gradient(180deg,color-mix(in srgb,var(--cobalto) 42%,var(--tinta)) 0%,color-mix(in srgb,var(--cobalto) 74%,var(--tinta)) 100%);
  background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,190px 190px,270px 270px,150px 150px,230px 230px,310px 310px,170px 170px,100% 100%,100% 100%}
#accesorios{background:color-mix(in srgb,var(--cobalto) 13%,var(--carta))}
.trade{background:var(--sello);color:var(--on-color);border-block:0}
.trade h2,.trade>.wrap p,.trade .steps b{color:var(--carta)}
.trade .steps span{color:color-mix(in srgb,var(--carta) 90%,var(--sello))}
.trade .steps li::before{background:var(--carta);color:var(--sello)}
.trade .panel,.trade .panel h3{color:var(--tinta)}
.trade .panel p{color:var(--tinta-suave)}
.trade-grid>div:first-child>p{color:color-mix(in srgb,var(--carta) 90%,var(--sello))}
.trust-item:nth-child(1){border-top-color:var(--cobalto)}
.trust-item:nth-child(2){border-top-color:var(--sello)}
.trust-item:nth-child(3){border-top-color:var(--bermellon)}
.events{background:color-mix(in srgb,var(--bermellon) 9%,var(--papel))}
.chip[aria-pressed="true"],.chips .is-active a{background:var(--cobalto);color:var(--on-color);border-color:var(--cobalto)}
/* Bermellon con texto blanco: version un poco mas oscura para cumplir contraste AA (derivada del token) */
:root{--bermellon-fuerte:color-mix(in srgb,var(--bermellon) 86%,var(--tinta))}
.strip-demo,.tag,.badge-count,.mainnav .menu-descuentos .wp-block-navigation-item__content,
.woocommerce span.onsale,.wc-block-components-product-sale-badge{background:var(--bermellon-fuerte)}
.tag.ok{background:var(--sello)}
.trade .steps span,.trade-grid>div:first-child>p{color:var(--carta)}
/* Descuentos: boton del menu, etiqueta de oferta y precios */
.mainnav .menu-descuentos .wp-block-navigation-item__content{background:var(--bermellon);color:var(--on-color);border-radius:999px;padding:0 14px;min-height:34px;margin-block:7px;border-bottom:0;font-weight:700}
.mainnav .menu-descuentos .wp-block-navigation-item__content:hover{background:var(--tinta);color:var(--carta);border-bottom:0}
.woocommerce span.onsale,.wc-block-components-product-sale-badge{position:absolute;top:var(--s3);left:var(--s3);right:auto;min-width:0;min-height:0;margin:0;padding:2px var(--s2);border-radius:4px;background:var(--bermellon);color:var(--on-color);font:500 .78rem/1.5 var(--f-mono);z-index:3}
.woocommerce ul.products li.product .price del,.wc-block-components-product-price del{opacity:.6;margin-right:var(--s2)}
.woocommerce ul.products li.product .price ins,.wc-block-components-product-price ins{text-decoration:none;color:var(--bermellon-txt);font-weight:500}
.woocommerce div.product p.price ins,.woocommerce div.product span.price ins{text-decoration:none;color:var(--bermellon-txt)}
/* Abanico del hero con 3 productos al azar */
.fan-random>p{display:none}
.fan-random .woocommerce{height:100%}
.fan-random ul.products{position:relative;height:100%;margin:0;padding:0;list-style:none;display:block}
.fan-random ul.products::before,.fan-random ul.products::after{display:none}
.fan-random ul.products li.product{position:absolute!important;left:50%;top:50%;width:200px!important;margin:-140px 0 0 -100px!important;float:none!important;padding:0;aspect-ratio:63/88;
  border-radius:var(--r-card);background:var(--carta);border:1px solid var(--linea);overflow:hidden;
  box-shadow:0 14px 30px color-mix(in srgb,var(--tinta) 18%,transparent);transform-origin:50% 120%;animation:fan 750ms cubic-bezier(.2,.7,.2,1) both}
.fan-random ul.products li.product:nth-child(1){transform:rotate(-16deg) translateX(-70px)}
.fan-random ul.products li.product:nth-child(3){transform:rotate(16deg) translateX(70px);animation-delay:.12s}
.fan-random ul.products li.product:nth-child(2){z-index:2;transform:translateY(-14px);animation-name:fan2;animation-delay:.06s;border:5px solid transparent;
  background:linear-gradient(var(--carta),var(--carta)) padding-box,var(--foil) border-box}
.fan-random ul.products li.product a.woocommerce-LoopProduct-link{display:block;width:100%;height:100%}
.fan-random ul.products li.product img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;background:transparent!important;display:block}
.fan-random ul.products li.product .price,.fan-random ul.products li.product .button,.fan-random ul.products li.product .added_to_cart,
.fan-random ul.products li.product .onsale,.fan-random ul.products li.product .star-rating{display:none!important}
.fan-random ul.products li.product .woocommerce-loop-product__title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:960px){
  .fan-random ul.products li.product{width:140px!important;margin:-98px 0 0 -70px!important}
  .fan-random ul.products li.product:nth-child(1){transform:rotate(-14deg) translateX(-56px)}
  .fan-random ul.products li.product:nth-child(3){transform:rotate(14deg) translateX(56px)}
}
.news .catalog ul.products{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.news .catalog ul.products li.product,.news .catalog ul.products li.product a,.news .catalog ul.products li.product .price{color:var(--tinta)}
.news .catalog ul.products li.product .woocommerce-loop-product__title{font:700 1rem/1.25 var(--f-display)}
.catalog ul.products li.product .woocommerce-loop-product__title{font:700 1rem/1.25 var(--f-display);padding-top:var(--s3)}
.mainnav{background:var(--carta);border-bottom:1px solid var(--linea)}
.mainnav .wp-block-navigation__container{gap:var(--s5);padding:0;margin:0}
.mainnav .wp-block-navigation-item__content{display:flex;align-items:center;min-height:48px;padding:0 2px;font-weight:600;font-size:.95rem;text-decoration:none;white-space:nowrap;border-bottom:3px solid transparent;color:var(--tinta);transition:border-color var(--t-ui),color var(--t-ui)}
.mainnav .wp-block-navigation-item__content:hover{border-bottom-color:var(--cobalto);color:var(--link)}
.mainnav .wp-block-navigation-item__content:focus-visible{outline:3px solid var(--cobalto);outline-offset:-3px}
.mainnav .wp-block-navigation-item__content[aria-current="page"]{border-bottom-color:var(--cobalto)}
.mainnav .wp-block-navigation__submenu-container{background:var(--carta);border:1px solid var(--linea);border-radius:var(--r-sm);box-shadow:0 12px 28px color-mix(in srgb,var(--tinta) 14%,transparent);padding:var(--s2);min-width:210px}
.mainnav .wp-block-navigation__submenu-container .wp-block-navigation-item__content{min-height:40px;padding:0 var(--s3);border-bottom:0;border-radius:var(--r-sm)}
.mainnav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{background:var(--papel)}
.mainnav .wp-block-navigation__responsive-container-open{color:var(--tinta);min-height:44px}
header.wp-block-template-part{display:contents}
.site-head{position:sticky;top:0;z-index:60;background:var(--carta)}
.admin-bar .site-head{top:32px}
@media (max-width:782px){.admin-bar .site-head{top:46px}}
.site-head.is-stuck{box-shadow:0 4px 14px color-mix(in srgb,var(--tinta) 10%,transparent)}
.site-head .header-main{padding-block:var(--s2)}
.home .universes{display:none}
/* La barra de universos solo tiene sentido en el catalogo: se oculta en las paginas (Cambios, Vender, Torneos, carrito...) salvo Descuentos */
body.page:not(.page-id-175) .universes{display:none}
.hero h1{font-size:clamp(2.4rem,5.4vw,4.4rem);max-width:15ch}
/* Explora por universo */
.universe-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--s4)}
.universe-card a{display:flex;flex-direction:column;gap:var(--s1);height:100%;background:var(--carta);border:1px solid var(--linea);border-radius:var(--r-md);padding:var(--s3);text-decoration:none;color:var(--tinta);transition:border-color var(--t-ui),transform var(--t-ui)}
.universe-card a:hover{border-color:var(--cobalto)}
.universe-card a:focus-visible{outline:3px solid var(--cobalto);outline-offset:2px}
.universe-media{aspect-ratio:4/3;display:grid;place-items:center;border-radius:var(--r-sm);overflow:hidden;margin-bottom:var(--s2);background:var(--carta)}
.universe-img{width:100%;height:100%;object-fit:contain}
.universe-name{font:700 1.15rem/1.2 var(--f-display)}
.universe-count{font:400 .82rem var(--f-mono);color:var(--tinta-suave)}
@media (prefers-reduced-motion:no-preference){.universe-card a:hover{transform:translateY(-3px)}}
/* Datos reales en las tarjetas de producto */
.mi-meta{font:400 .78rem/1.35 var(--f-mono);color:var(--tinta-suave);margin:0 0 var(--s1)}
.mi-badge{position:absolute;top:var(--s3);left:var(--s3);z-index:3;background:var(--bermellon-fuerte);color:var(--on-color);font:600 .7rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;padding:2px var(--s2);border-radius:4px}
.catalog ul.products li.product{display:flex;flex-direction:column}
.catalog ul.products li.product a.button{margin-top:auto;align-self:flex-start}
.catalog ul.products li.product a.button.product_type_simple{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s4)}
.universe-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
@media (max-width:640px){.universe-grid{grid-template-columns:repeat(2,1fr);gap:var(--s3)}.universe-media{aspect-ratio:3/2}.site-head{position:static}.site-head.is-stuck{box-shadow:none}}
.empty-state{padding:var(--s5);border:1.5px dashed var(--linea);border-radius:var(--r-md);color:var(--tinta-suave);text-align:center}
/* Compra, vende e intercambia */
section.actions{background:var(--papel)}
.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5)}
.action-card{display:flex;flex-direction:column;gap:var(--s3);background:var(--carta);border:1px solid var(--linea);border-top:4px solid var(--cobalto);border-radius:var(--r-md);padding:var(--s5);transition:transform var(--t-ui),box-shadow var(--t-ui)}
.action-card .action-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:var(--link);background:color-mix(in srgb,var(--cobalto) 12%,var(--carta))}
.action-sell{border-top-color:var(--sello)}.action-sell .action-icon{color:var(--sello);background:color-mix(in srgb,var(--sello) 12%,var(--carta))}
.action-swap{border-top-color:var(--bermellon)}.action-swap .action-icon{color:var(--bermellon-fuerte);background:color-mix(in srgb,var(--bermellon) 12%,var(--carta))}
.action-card h3{font:700 1.4rem/1.15 var(--f-display)}
.action-card p{color:var(--tinta-suave)}
.action-card .action-note{font:400 .8rem/1.4 var(--f-mono)}
.action-card .wp-block-buttons{margin-top:auto;padding-top:var(--s2)}
@media (prefers-reduced-motion:no-preference){.action-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px color-mix(in srgb,var(--tinta) 10%,transparent)}}
.trust-note{margin-top:var(--s5);color:var(--tinta-suave);font:400 .9rem var(--f-mono)}
@media (max-width:860px){.actions-grid{grid-template-columns:1fr}}
/* Mostrar las cartas completas (sin recortar a cuadrado) */
.wc-block-components-product-image,.woocommerce ul.products li.product a img{background:var(--papel);border-radius:var(--r-sm)}
.wc-block-product img,.wc-block-components-product-image img,.woocommerce ul.products li.product a img,ul.products li.product img{object-fit:contain!important;aspect-ratio:1/1;background:var(--papel)}
.strip-demo{background:var(--bermellon)}
.strip-demo .wrap{justify-content:center;text-align:center}
.strip-demo p{margin:0;font-size:.9rem;line-height:1.4}
.page-wrap{padding-block:var(--s7)}
.page-wrap>.wp-block-post-title-old{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--s5)}
.trade>.wrap{display:block;grid-template-columns:none}
@media (max-width:960px){.trade-grid{grid-template-columns:1fr}}

/* ===== Modo oscuro =====
   Se activa con html[data-theme="dark"] (boton de la cabecera, se recuerda en el navegador).
   Solo cambia los tokens; las secciones oscuras por diseño (novedades, cambios, pie, barra demo) conservan su paleta. */
:root{--on-color:#fff;--link:var(--cobalto);--bermellon-txt:var(--bermellon)}
html[data-theme="dark"]{color-scheme:dark;
  --wp--preset--color--tinta:#E6EBF5;--wp--preset--color--papel:#0B1322;--wp--preset--color--carta:#141F36;
  --wp--preset--color--cobalto:#4563FF;--wp--preset--color--bermellon:#E5503E;--wp--preset--color--sello:#14946F;
  --link:#93A7FF;--bermellon-txt:#FF7B6A;--bermellon-fuerte:#C23A28}
html[data-theme="dark"] :is(.news,.site-footer,.strip,.trade){
  --tinta:#12203A;--papel:#EEF1F5;--carta:#FFFFFF;--cobalto:#2B4EFF;--bermellon:#D9402F;--sello:#0E7A5F;--link:#2B4EFF;--bermellon-txt:#D9402F;
  --bermellon-fuerte:color-mix(in srgb,#D9402F 86%,#12203A);
  --tinta-suave:color-mix(in srgb,#12203A 74%,#EEF1F5);--linea:color-mix(in srgb,#12203A 16%,#EEF1F5)}
html[data-theme="dark"] :is(input,select,textarea){background-color:var(--carta);color:var(--tinta);border-color:var(--linea)}
html[data-theme="dark"] ::placeholder{color:var(--tinta-suave)}
html[data-theme="dark"] .universe-media,html[data-theme="dark"] .set-media{background:#fff}
html[data-theme="dark"] .woocommerce ul.products li.product.outofstock a.woocommerce-LoopProduct-link::before,
html[data-theme="dark"] li.product.outofstock .wc-block-components-product-image::before{background:linear-gradient(transparent 41%,var(--bermellon-fuerte) 41%,var(--bermellon-fuerte) 59%,transparent 59%),color-mix(in srgb,var(--carta) 55%,transparent)}
/* Boton de modo oscuro */
.theme-toggle{display:grid;place-items:center;width:44px;height:44px;padding:0;background:transparent;border:0;border-radius:50%;color:var(--tinta);cursor:pointer;transition:background var(--t-ui)}
.theme-toggle:hover{background:var(--papel)}
.theme-toggle:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.theme-toggle svg{width:22px;height:22px}
.theme-toggle .i-sun{display:none}
html[data-theme="dark"] .theme-toggle .i-sun{display:block}
html[data-theme="dark"] .theme-toggle .i-moon{display:none}