/* ═══════════════════════════════════════════════════════════════
   AESEDE · MY-PLUGINS — tema sobre Minecraft.css (Jiyath5516F)
   Paleta GRIS PIEDRA del framework + layout de tienda propio.
   minecraft-css.css se carga ANTES (fuentes MinecraftTen/Regular,
   vars, botones .button-*, .form-input, .card, .modal, utilidades).
   Aquí va el tema gris + el layout del storefront. Se cargan después,
   así que estas reglas ganan a las del framework donde se solapan.
   ═══════════════════════════════════════════════════════════════ */
:root{
  /* Grises piedra (base framework: #313233 / #48494a / #c6c6c6) */
  --bg:#3b3c3f;            /* página — gris medio (ya NO negro) */
  --bg-soft:#434548;
  --panel:#313233;        /* piedra oscura (framework primary) */
  --panel-2:#3c3d40;
  --panel-lt:#48494a;     /* framework secondary */
  --slot:#242425;         /* hueco/inset */
  --line:#5a5b5c;         /* bisel claro (framework hr-bottom) */
  --line-dark:#1e1e1f;    /* borde oscuro (framework btn-border) */
  --line-soft:rgba(255,255,255,.10);

  --text:#ffffff;
  --text-soft:#d0d1d4;    /* framework accent */
  --muted:#9fa1a4;
  --dim:#6c6e71;

  /* Acentos (verde Minecraft del framework) */
  --grass:#3c8527; --grass-lt:#5fd36f; --grass-hi:#639d52; --grass-sh:#1d4d13;
  --gold:#ffce4d; --gold-sh:#a9831f;
  --diamond:#3ad6e0;
  --redstone:#e04a4a; --redstone-sh:#8e2a2a;
  --purple:#7345e5;

  --shadow-pix:2.5px 2.5px 0 rgba(0,0,0,.45);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{background:var(--bg);color-scheme:dark;scroll-behavior:smooth}
body{
  font-family:'Inter',system-ui,-apple-system,sans-serif;   /* legible para texto largo */
  background:
    radial-gradient(ellipse at 50% -10%, #4a4c50 0%, transparent 60%),
    var(--bg);
  background-attachment:fixed;
  color:var(--text);line-height:1.55;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;
}
a{color:inherit;text-decoration:none !important}
img,svg{display:block;max-width:100%}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
.mono{font-family:'JetBrains Mono',monospace;letter-spacing:.04em}
.mc{font-family:'MinecraftRegular','JetBrains Mono',monospace}
.title{font-family:'MinecraftTen','Anton',sans-serif;font-weight:400;letter-spacing:.5px;line-height:1.05}
.wrap{max-width:1280px;margin:0 auto;padding:0 2rem}
@media(max-width:680px){.wrap{padding:0 1.1rem}}
.hidden{display:none !important}

/* textura sutil gris */
body::before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.4;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse at 50% 0%,#000,transparent 78%);
  -webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000,transparent 78%);
}
#app{position:relative;z-index:1}

/* ═══════════════ Helpers de panel (bisel piedra) ═══════════════ */
.pix{
  background:var(--panel);
  border:3px solid var(--line-dark);
  box-shadow:inset 3px 3px 0 rgba(255,255,255,.10), inset -3px -6px 0 rgba(0,0,0,.4), 0 4px 0 var(--line-dark);
  image-rendering:pixelated;
}
.slot{
  background:var(--slot);
  border:3px solid var(--line-dark);
  box-shadow:inset 3px 3px 0 rgba(0,0,0,.6), inset -2px -2px 0 rgba(255,255,255,.06);
}

/* ═══════════════ BOTONES (bisel Minecraft.css) ═══════════════ */
/* Base: gris piedra estilo .button-normal/-tertiary del framework */
.mc-btn{
  font-family:'MinecraftRegular',sans-serif;font-size:.95rem;letter-spacing:.5px;
  color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.45);
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.55rem 1.15rem .8rem;
  background:#6b6d70;
  border:3px solid var(--line-dark);
  box-shadow:inset 0 -6px 0 0 #4a4b4e, inset 3px 3px 0 rgba(255,255,255,.28), inset -3px -9px 0 #7c7e81;
  transition:filter .12s, background-color .12s;
  user-select:none;image-rendering:pixelated;
}
.mc-btn:hover{filter:brightness(1.12);text-decoration:none}
.mc-btn:active{position:relative;top:2px;box-shadow:inset 0 0 0 0 #4a4b4e, inset 3px 3px 0 rgba(255,255,255,.2), inset -3px -3px 0 #7c7e81}
.mc-btn.green{background:#3c8527;box-shadow:inset 0 -6px 0 0 var(--grass-sh), inset 3px 3px 0 rgba(255,255,255,.25), inset -3px -9px 0 var(--grass-hi)}
.mc-btn.green:active{box-shadow:inset 0 0 0 0 var(--grass-sh), inset 3px 3px 0 rgba(255,255,255,.25), inset -3px -3px 0 var(--grass-hi)}
.mc-btn.gold{background:#e6a92e;color:#2a1c00;text-shadow:1px 1px 0 rgba(255,255,255,.25);box-shadow:inset 0 -6px 0 0 var(--gold-sh), inset 3px 3px 0 rgba(255,255,255,.4), inset -3px -9px 0 #f6c145}
.mc-btn.gold:active{box-shadow:inset 0 0 0 0 var(--gold-sh), inset 3px 3px 0 rgba(255,255,255,.4), inset -3px -3px 0 #f6c145}
.mc-btn.ghost{background:#54565a;box-shadow:inset 0 -6px 0 0 #3a3b3e, inset 3px 3px 0 rgba(255,255,255,.16), inset -3px -9px 0 #65676b}
.mc-btn.ghost:active{box-shadow:inset 0 0 0 0 #3a3b3e, inset 3px 3px 0 rgba(255,255,255,.16), inset -3px -3px 0 #65676b}
.mc-btn.red{background:#b23b3b;box-shadow:inset 0 -6px 0 0 var(--redstone-sh), inset 3px 3px 0 rgba(255,255,255,.2), inset -3px -9px 0 #c95151}
.mc-btn.sm{font-size:.8rem;padding:.4rem .8rem .6rem}
.mc-btn.block{width:100%}
.mc-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.4)}

.link-btn{font-family:'JetBrains Mono',monospace;font-size:.74rem;letter-spacing:.06em;color:var(--diamond)}
.link-btn:hover{filter:brightness(1.2)}

/* ═══════════════ NAV ═══════════════ */
nav.topnav{
  position:sticky;top:0;z-index:1000;
  display:flex;justify-content:space-between;align-items:center;
  padding:.85rem 2rem;
  background:#2c2d2f;
  border-bottom:3px solid var(--line-dark);
  box-shadow:inset 0 -6px 0 rgba(0,0,0,.25);
}
.brand{display:flex;align-items:center;gap:.6rem}
.brand img{height:30px;width:auto;filter:invert(1) brightness(1.1)}
.brand .tag{font-family:'MinecraftRegular';font-size:.85rem;color:var(--grass-lt);text-shadow:var(--shadow-pix);padding-top:2px}
.nav-right{display:flex;align-items:center;gap:1.3rem}
.nav-links{display:flex;gap:1.4rem;font-family:'MinecraftRegular',monospace;font-size:.82rem;letter-spacing:.05em;color:var(--text-soft)}
.nav-links a:hover{color:#fff}
.nav-links a.active{color:var(--grass-lt)}
@media(max-width:680px){.nav-links{display:none}}
.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px}
.icon-btn svg{width:22px;height:22px;color:var(--text-soft)}
.icon-btn:hover svg{color:#fff}
.cart-count{
  position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 4px;
  background:var(--grass);color:#fff;border:2px solid var(--line-dark);
  font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:700;
  display:flex;align-items:center;justify-content:center;
}
.user-chip{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--text-soft)}
.user-chip img{width:26px;height:26px;border-radius:50%;border:2px solid var(--line-dark)}

/* ═══════════════ HERO ═══════════════ */
.ph-hero{padding:4.5rem 0 2.5rem;position:relative}
.ph-hero .eyebrow{
  font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--muted);display:flex;align-items:center;gap:.7rem;margin-bottom:1.3rem;
}
.ph-hero .eyebrow::before{content:'';width:26px;height:3px;background:var(--grass-lt)}
.ph-hero h1{
  font-family:'MinecraftTen','Anton',sans-serif;font-weight:400;
  font-size:clamp(2rem,5.2vw,4rem);line-height:1.08;letter-spacing:1px;
  text-shadow:4px 4px 0 rgba(0,0,0,.45);
}
.ph-hero h1 .g{color:var(--grass-lt)}
.ph-hero p.lead{margin-top:1.3rem;max-width:620px;color:var(--text-soft);font-size:1.05rem}
.ph-hero p.lead strong{color:#fff;font-weight:700}
.ph-toolbar{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem;align-items:center}

/* chips filtro */
.chip{
  font-family:'MinecraftRegular',monospace;font-size:.78rem;letter-spacing:.04em;
  padding:.45rem .85rem .6rem;color:var(--text-soft);
  background:#4a4b4e;border:3px solid var(--line-dark);
  box-shadow:inset 2px 2px 0 rgba(255,255,255,.1), inset -2px -2px 0 rgba(0,0,0,.35);
  transition:filter .15s;
}
.chip:hover{filter:brightness(1.15);color:#fff}
.chip.active{background:var(--grass);color:#fff;box-shadow:inset 2px 2px 0 rgba(255,255,255,.2), inset -2px -2px 0 var(--grass-sh)}

/* ═══════════════ CATÁLOGO ═══════════════ */
.catalog{padding:1.5rem 0 5rem}
.catalog .grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.6rem;
}
.card{
  position:relative;display:flex;flex-direction:column;padding:0;
  background:var(--panel-2);
  border:3px solid var(--line-dark);
  box-shadow:inset 3px 3px 0 rgba(255,255,255,.09), inset -3px -6px 0 rgba(0,0,0,.4), 0 5px 0 var(--line-dark);
  transition:transform .16s ease, filter .16s ease;
  overflow:hidden;cursor:pointer;
}
.card:hover{transform:translateY(-4px);filter:brightness(1.06)}
.card-media{
  position:relative;aspect-ratio:16/10;
  background:repeating-conic-gradient(#3a3b3d 0% 25%,#313233 0% 50%) 50%/26px 26px;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  border-bottom:3px solid var(--line-dark);
}
.card-media img{width:100%;height:100%;object-fit:cover}
.card-media .placeholder{width:96px;height:96px;image-rendering:pixelated;opacity:.92;object-fit:contain}
.card-disc{
  position:absolute;top:.6rem;right:.6rem;
  font-family:'MinecraftRegular';font-size:.85rem;color:#2a1c00;
  background:var(--gold);padding:.2rem .5rem .3rem;border:2px solid var(--line-dark);
}
.card-feat{
  position:absolute;top:.6rem;left:.6rem;
  font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;
  color:#fff;background:var(--grass);padding:.22rem .45rem;border:2px solid var(--line-dark);
}
.card-body{padding:1rem 1.05rem 1.15rem;display:flex;flex-direction:column;flex:1}
.card-body h3{font-family:'MinecraftRegular';font-size:1.2rem;line-height:1.15;text-shadow:var(--shadow-pix)}
.card-body .tagline{color:var(--muted);font-size:.84rem;margin-top:.4rem;min-height:2.3em}
.badges{display:flex;flex-wrap:wrap;gap:.35rem;margin:.7rem 0}
.badge{
  font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.05em;
  padding:.22rem .5rem;color:var(--diamond);border:1px solid rgba(58,214,224,.4);background:rgba(58,214,224,.08);
}
.card-foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:auto;padding-top:.8rem}
.price{font-family:'MinecraftRegular';display:flex;align-items:baseline;gap:.45rem}
.price .now{font-size:1.4rem;color:var(--grass-lt);text-shadow:var(--shadow-pix)}
.price .was{font-size:.85rem;color:var(--muted);text-decoration:line-through}
.price .free{font-size:1.2rem;color:var(--diamond)}
.price .ext{font-size:.95rem;color:var(--text-soft)}

/* ═══════════════ ESTADOS ═══════════════ */
.state{padding:5rem 0;text-align:center;color:var(--muted)}
.state .mc{font-size:1.1rem;color:var(--text-soft)}
.spinner{
  width:40px;height:40px;margin:0 auto 1.2rem;background:var(--grass-lt);
  animation:spinpix 1s steps(8) infinite;
  clip-path:polygon(0 35%,35% 35%,35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%);
}
@keyframes spinpix{to{transform:rotate(360deg)}}

/* ═══════════════ PÁGINA DE PRODUCTO ═══════════════ */
.pp{padding:2.5rem 0 5rem}
.breadcrumb{font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.1em;color:var(--muted);margin-bottom:1.6rem;display:flex;gap:.5rem;align-items:center}
.breadcrumb a{cursor:pointer}
.breadcrumb a:hover{color:var(--grass-lt)}
.pp-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2.5rem;align-items:start}
@media(max-width:920px){.pp-grid{grid-template-columns:1fr;gap:1.6rem}}
.pp-gallery .main{
  aspect-ratio:16/10;background:repeating-conic-gradient(#3a3b3d 0% 25%,#313233 0% 50%) 50%/30px 30px;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.pp-gallery .main img{width:100%;height:100%;object-fit:cover}
.pp-gallery .main .placeholder{width:140px;height:140px;image-rendering:pixelated;object-fit:contain}
.pp-thumbs{display:flex;gap:.6rem;margin-top:.7rem;flex-wrap:wrap}
.pp-thumbs .t{width:74px;height:54px;object-fit:cover;cursor:pointer;opacity:.55;transition:opacity .15s}
.pp-thumbs .t:hover,.pp-thumbs .t.active{opacity:1}
.pp-info h1{font-family:'MinecraftTen','Anton',sans-serif;font-weight:400;font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.1;letter-spacing:.5px;text-shadow:3px 3px 0 rgba(0,0,0,.45)}
.pp-info .tagline{color:var(--text-soft);margin-top:.6rem;font-size:1rem}
.pp-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.pp-buybox{padding:1.2rem;margin:1.3rem 0}
.pp-buybox .price{margin-bottom:1rem}
.pp-buybox .price .now{font-size:2.1rem}
.pp-actions{display:flex;flex-direction:column;gap:.7rem}
.market-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.4rem}
.market-links a{flex:1 1 auto;min-width:140px}
.pp-detail{margin-top:2.5rem;padding-top:2rem;border-top:3px solid var(--line-dark)}
.pp-detail h2.sec{font-family:'MinecraftRegular';font-size:1.3rem;margin-bottom:1rem;text-shadow:var(--shadow-pix)}

/* Markdown / README */
.md{color:var(--text-soft);font-size:.97rem;line-height:1.75;max-width:820px}
.md h1,.md h2,.md h3,.md h4{font-family:'MinecraftRegular';color:#fff;margin:1.6rem 0 .7rem;line-height:1.2;text-shadow:var(--shadow-pix)}
.md h1{font-size:1.6rem}.md h2{font-size:1.35rem}.md h3{font-size:1.12rem}
.md p{margin:.7rem 0}
.md a{color:var(--diamond) !important}
.md a:hover{text-decoration:underline !important}
.md ul{list-style:disc;margin:.7rem 0 .7rem 1.4rem}
.md ol{list-style:decimal;margin:.7rem 0 .7rem 1.4rem}
.md li{margin:.3rem 0}
.md code{font-family:'JetBrains Mono',monospace;background:#232425;border:1px solid var(--line-dark);padding:.1rem .4rem;font-size:.85em;color:var(--gold)}
.md pre{background:#232425;border:3px solid var(--line-dark);padding:1rem;overflow:auto;margin:1rem 0}
.md pre code{border:0;padding:0;color:var(--text-soft)}
.md blockquote{border-left:4px solid var(--grass);padding:.4rem 0 .4rem 1rem;margin:1rem 0;color:var(--muted)}
/* Imágenes del README: inline por defecto (badges/iconos/emojis fluyen, sin
   recuadro negro); sólo los banners width=100% van a bloque completo. */
.md img{display:inline-block;margin:.25rem .12rem;border:0;max-width:100%;vertical-align:middle}
.md img[width="100%"],.md img.full{display:block;width:100%;margin:.7rem 0}
.md table{border-collapse:collapse;margin:1rem 0;width:100%}
.md th,.md td{border:1px solid var(--line);padding:.5rem .8rem;text-align:left}
.md th{background:var(--panel);font-family:'MinecraftRegular';font-size:.85rem;letter-spacing:.04em}
.md hr{border:0;border-top:3px solid var(--line-dark);margin:1.5rem 0}

/* ═══════════════ DRAWER + MODALES ═══════════════ */
.overlay{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.66);backdrop-filter:blur(4px);display:flex;opacity:0;pointer-events:none;transition:opacity .25s}
.overlay.show{opacity:1;pointer-events:auto}
.drawer{margin-left:auto;width:min(440px,100%);height:100%;background:var(--bg-soft);border-left:3px solid var(--line-dark);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}
.overlay.show .drawer{transform:translateX(0)}
.drawer-head,.modal-head{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.3rem;border-bottom:3px solid var(--line-dark);background:var(--panel)}
.drawer-head h3,.modal-head h3{font-family:'MinecraftRegular';font-size:1.2rem;text-shadow:var(--shadow-pix)}
.x{width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--muted)}
.x:hover{color:#fff}
.drawer-body{flex:1;overflow:auto;padding:1.1rem 1.3rem}
.drawer-foot{padding:1.2rem 1.3rem;border-top:3px solid var(--line-dark)}
.cart-row{display:flex;gap:.9rem;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--line-soft)}
.cart-row .ic{width:54px;height:54px;flex-shrink:0;object-fit:cover}
.cart-row .meta{flex:1;min-width:0}
.cart-row .meta .n{font-family:'MinecraftRegular';font-size:.95rem}
.cart-row .meta .p{color:var(--grass-lt);font-family:'JetBrains Mono',monospace;font-size:.85rem;margin-top:.2rem}
.cart-row .rm{color:var(--muted);font-size:1.1rem;padding:.3rem}
.cart-row .rm:hover{color:var(--redstone)}
.tot-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.tot-row .l{color:var(--text-soft);font-size:.9rem}
.tot-row .v{font-family:'MinecraftRegular';font-size:1.6rem;color:var(--grass-lt);text-shadow:var(--shadow-pix)}

/* modal centrado (override del .modal del framework) */
.modal{display:block;position:relative;margin:auto;width:min(560px,100%);max-height:92vh;overflow:auto;background:var(--bg-soft);border:3px solid var(--line-dark);box-shadow:0 18px 60px rgba(0,0,0,.6);transform:translateY(16px) scale(.98);transition:transform .25s}
.overlay.show .modal{transform:translateY(0) scale(1)}
.modal-body{padding:1.4rem}
.field{margin-bottom:1rem}
.field label{display:block;font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.45rem}
.input{width:100%;padding:.6rem .8rem;background:#313233;border:3px solid var(--line-dark);box-shadow:inset 0 6px #242425;color:#fff;font-family:'JetBrains Mono',monospace;font-size:.9rem}
.input:focus{outline:none;box-shadow:inset 0 6px #242425, 0 0 0 3px var(--grass)}
.row2{display:flex;gap:.7rem}
.row2>*{flex:1}

/* métodos de pago */
.pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:.4rem 0 1.1rem}
.pay-opt{display:flex;align-items:center;gap:.7rem;padding:.8rem;background:var(--panel);border:3px solid var(--line-dark);box-shadow:inset 2px 2px 0 rgba(255,255,255,.07);transition:filter .15s;text-align:left}
.pay-opt:hover{filter:brightness(1.18)}
.pay-opt.sel{box-shadow:inset 2px 2px 0 rgba(255,255,255,.07), 0 0 0 3px var(--grass)}
.pay-opt .pi{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.pay-opt .pn{font-size:.82rem;font-weight:600}
.pay-opt .pd{font-size:.66rem;color:var(--muted)}
.pay-opt.disabled{opacity:.4;pointer-events:none}

.discord-btn{display:inline-flex;align-items:center;gap:.7rem;padding:.7rem 1.3rem .85rem;background:#5865F2;color:#fff;font-family:'MinecraftRegular';font-size:.92rem;border:3px solid var(--line-dark);box-shadow:inset 0 -6px 0 #3b44b3, inset 3px 3px 0 rgba(255,255,255,.22)}
.discord-btn:hover{filter:brightness(1.08);text-decoration:none}
.discord-btn svg{width:22px;height:22px}

.success-box{text-align:center;padding:1rem}
.success-box .big{font-family:'MinecraftTen';font-size:1.5rem;color:var(--grass-lt);text-shadow:var(--shadow-pix);margin:.6rem 0}
.success-box .ord{font-family:'JetBrains Mono',monospace;font-size:.8rem;color:var(--muted);margin-bottom:1.3rem}

#toasts{position:fixed;bottom:1.2rem;left:50%;transform:translateX(-50%);z-index:4000;display:flex;flex-direction:column;gap:.6rem;align-items:center;width:max-content;max-width:92vw}
.toast{padding:.8rem 1.2rem;background:var(--panel);border:3px solid var(--line-dark);box-shadow:0 6px 20px rgba(0,0,0,.5);font-size:.88rem;display:flex;gap:.6rem;align-items:center;animation:toastIn .25s}
.toast.ok{border-left:5px solid var(--grass-lt)}
.toast.err{border-left:5px solid var(--redstone)}
.toast.info{border-left:5px solid var(--diamond)}
@keyframes toastIn{from{opacity:0;transform:translateY(10px)}}

footer.ph-foot{padding:2.5rem 0;border-top:3px solid var(--line-dark);margin-top:3rem;color:var(--muted);font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
footer.ph-foot .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
footer.ph-foot a:hover{color:var(--grass-lt)}

/* ═══════════════ ADMIN ═══════════════ */
.admin-shell{padding:2rem 0 5rem}
.admin-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.6rem}
.admin-head h1{font-family:'MinecraftTen';font-size:1.7rem;text-shadow:3px 3px 0 rgba(0,0,0,.45)}
.admin-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.6rem}
.admin-list{display:flex;flex-direction:column;gap:.7rem}
.admin-row{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;background:var(--panel);border:3px solid var(--line-dark)}
.admin-row .ic{width:46px;height:46px;object-fit:cover;flex-shrink:0;background:var(--slot)}
.admin-row .meta{flex:1;min-width:0}
.admin-row .meta .n{font-family:'MinecraftRegular';font-size:1rem}
.admin-row .meta .s{font-size:.74rem;color:var(--muted);font-family:'JetBrains Mono',monospace}
.admin-row .st{font-family:'JetBrains Mono',monospace;font-size:.66rem;padding:.2rem .5rem;border:1px solid var(--line)}
.admin-row .st.on{color:var(--grass-lt);border-color:rgba(95,211,111,.4)}
.admin-row .st.off{color:var(--muted)}
.admin-grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:760px){.admin-grid2{grid-template-columns:1fr}}
.editor{padding:1.4rem}
.editor h2{font-family:'MinecraftRegular';font-size:1.3rem;margin-bottom:1.2rem;text-shadow:var(--shadow-pix)}
.help{font-size:.72rem;color:var(--muted);margin-top:.3rem}
textarea.input{min-height:120px;resize:vertical;line-height:1.5;box-shadow:inset 0 4px #242425}
.toolbar{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.5rem}
.toolbar .mc-btn{font-size:.72rem;padding:.32rem .6rem .5rem}
.kv{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}
.kv input{flex:1}
.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}
.stat-card{padding:1.1rem}
.stat-card .v{font-family:'MinecraftTen';font-size:1.8rem;color:var(--grass-lt);text-shadow:var(--shadow-pix)}
.stat-card .l{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-family:'JetBrains Mono',monospace;margin-top:.3rem}
.gate{max-width:440px;margin:6rem auto;text-align:center;padding:2.2rem}
.gate h2{font-family:'MinecraftRegular';font-size:1.4rem;margin-bottom:.8rem;text-shadow:var(--shadow-pix)}
.gate p{color:var(--text-soft);font-size:.92rem;margin-bottom:1.5rem}

/* ═══════════════ Toolbar: categorías + ordenado ═══════════════ */
.ph-toolbar{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem;align-items:flex-start;justify-content:space-between}
.cat-chips{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}
.sort-wrap{position:relative;flex-shrink:0}
.sort-menu{position:absolute;right:0;top:calc(100% + .4rem);z-index:50;min-width:195px;background:var(--panel);border:3px solid var(--line-dark);box-shadow:0 12px 32px rgba(0,0,0,.55);padding:.3rem;display:flex;flex-direction:column}
.sort-menu button{text-align:left;font-family:'MinecraftRegular',monospace;font-size:.82rem;color:var(--text-soft);padding:.5rem .7rem;background:none}
.sort-menu button:hover{background:var(--panel-lt);color:#fff}
.sort-menu button.on{color:var(--grass-lt)}
.badge.cat{color:var(--gold);border-color:rgba(255,206,77,.42);background:rgba(255,206,77,.09)}

/* ❤ me gusta (página de producto) */
.like-btn{margin-top:.9rem;display:inline-flex;align-items:center;gap:.45rem;font-family:'MinecraftRegular',monospace;font-size:.85rem;color:var(--muted);padding:.4rem .75rem .5rem;background:var(--panel);border:3px solid var(--line-dark);box-shadow:inset 2px 2px 0 rgba(255,255,255,.06)}
.like-btn:hover{filter:brightness(1.2);color:var(--text-soft)}
.like-btn .heart{color:#6c6e71;font-size:1.05rem;transition:transform .15s,color .15s}
.like-btn.liked{color:#ff8aa0}
.like-btn.liked .heart{color:#ff4d6d;transform:scale(1.18)}

/* Discord FAB de soporte */
.discord-fab{position:fixed;bottom:1.3rem;right:1.3rem;z-index:900;display:flex;align-items:center;gap:.6rem;padding:.7rem 1.1rem .85rem;background:#5865F2;color:#fff;font-family:'MinecraftRegular',sans-serif;font-size:.9rem;border:3px solid var(--line-dark);box-shadow:inset 0 -6px 0 #3b44b3, inset 3px 3px 0 rgba(255,255,255,.2), 0 6px 18px rgba(0,0,0,.45);transition:filter .15s,transform .1s}
.discord-fab:hover{filter:brightness(1.1);text-decoration:none}
.discord-fab:active{transform:translateY(2px)}
.discord-fab svg{width:24px;height:24px}

@media(max-width:680px){
  .ph-hero{padding:3rem 0 2rem}
  .pp-buybox .price .now{font-size:1.7rem}
  .pay-grid{grid-template-columns:1fr}
  .sort-wrap{width:100%}
  .sort-wrap .mc-btn{width:100%}
  .sort-menu{left:0;right:auto;width:100%}
}
@media(max-width:520px){.discord-fab .lbl{display:none}.discord-fab{padding:.75rem}}