/* =========================================================================
   BUNKER INDUSTRIAL — hoja de estilo del rediseño (child theme de Blocksy)
   Fuente de verdad: design_handoff_bunker_games (.dc.html). Alta fidelidad.
   Prefijo de clases: bk-
   ========================================================================= */

/* -------------------------------------------------------------------------
   1. TOKENS (variables CSS globales) — copiados del README/design tokens
   ------------------------------------------------------------------------- */
:root{
  --bk-acento:#FFC21A;          /* amarillo hazard, color de marca */
  --bk-acento-osc:#d99a00;      /* amarillo oscuro (degradados/hover) */
  --bk-fondo:#0b0b0d;           /* fondo de página (negro acero) */
  --bk-elevado:#0e0e11;         /* secciones alternas / inputs */
  --bk-superficie:#141417;      /* tarjetas, header, paneles */
  --bk-superficie2:#1c1c21;     /* degradados de tarjeta, chips */
  --bk-borde:#2a2a30;           /* bordes y divisores */
  --bk-borde2:#3a3a42;          /* borde de botones fantasma */
  --bk-texto:#e8e8ea;           /* texto base */
  --bk-texto2:#9a9aa2;          /* párrafos */
  --bk-texto3:#b6b6bd;          /* párrafos claros */
  --bk-tenue:#8a8a92;           /* metadatos / mono labels */
  --bk-verde:#5fd35f;           /* LED en línea / Near Mint */
  --bk-verde2:#1f8a5b;
  --bk-discord:#5865F2;         /* CTA Discord */
  /* tipos */
  --bk-display:'Anton',sans-serif;
  --bk-sub:'Oswald',sans-serif;
  --bk-body:'Barlow Semi Condensed',sans-serif;
  --bk-mono:'JetBrains Mono',monospace;
  /* glow de marca */
  --bk-glow:0 0 24px rgba(255,194,26,.35);
  --bk-glow-fuerte:0 8px 34px rgba(255,194,26,.55);
  --bk-cardshadow:0 18px 40px rgba(0,0,0,.5);
  /* contenedor */
  --bk-max:1280px;
  --bk-pad:24px;
}

/* -------------------------------------------------------------------------
   2. KEYFRAMES (motivos animados del handoff)
   ------------------------------------------------------------------------- */
@keyframes bk-hazardscroll{to{background-position:56px 0}}
@keyframes bk-tickermove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes bk-radspin{to{transform:rotate(360deg)}}
@keyframes bk-radpulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}
@keyframes bk-scan{from{transform:translateY(-100%)}to{transform:translateY(100vh)}}
@keyframes bk-ledblink{0%,100%{opacity:1;box-shadow:0 0 8px #5fd35f}50%{opacity:.3;box-shadow:0 0 2px #5fd35f}}
@keyframes bk-ledblink-soft{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes bk-glitchtop{0%,92%,100%{clip-path:inset(0 0 0 0);transform:translate(0)}93%{clip-path:inset(0 0 60% 0);transform:translate(-3px,-2px)}96%{clip-path:inset(40% 0 20% 0);transform:translate(3px,1px)}}
@keyframes bk-floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes bk-floaty-soft{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* -------------------------------------------------------------------------
   3. OCULTAR HEADER / FOOTER DE BLOCKSY
   (functions.php además intenta remove_action; esto es la red de seguridad)
   ------------------------------------------------------------------------- */
header[data-device].ct-header,
.ct-header,
#site-navigation,
footer.ct-footer,
.ct-footer,
.ct-breadcrumbs{display:none!important}

/* -------------------------------------------------------------------------
   4. BASE
   ------------------------------------------------------------------------- */
html{scroll-behavior:smooth}
body.bk-skin{
  background:var(--bk-fondo);
  color:var(--bk-texto);
  font-family:var(--bk-body);
  overflow-x:hidden;
  margin:0;
}
body.bk-skin *{box-sizing:border-box}
body.bk-skin ::selection{background:var(--bk-acento);color:var(--bk-fondo)}
body.bk-skin a{color:inherit;text-decoration:none}
body.bk-skin img{max-width:100%;display:block}
body.bk-skin input,
body.bk-skin textarea{font-family:var(--bk-body)}
body.bk-skin input:focus,
body.bk-skin textarea:focus{outline:none;border-color:var(--bk-acento)!important}

/* Contenedor de contenido de Blocksy a ancho completo para que los wraps manden */
body.bk-skin #main,
body.bk-skin .ct-container,
body.bk-skin .entry-content{max-width:none!important;padding-left:0;padding-right:0;margin:0}

.bk-wrap{max-width:var(--bk-max);margin:0 auto;padding-left:var(--bk-pad);padding-right:var(--bk-pad)}

/* -------------------------------------------------------------------------
   5. SCANLINES + capa de barrido (overlay fijo a pantalla completa)
   ------------------------------------------------------------------------- */
.bk-scanlines{
  position:fixed;inset:0;z-index:9999;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 2px,rgba(0,0,0,.12) 3px,rgba(0,0,0,0) 4px);
}
.bk-scanbeam{
  position:fixed;left:0;right:0;top:0;height:120px;z-index:9998;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,194,26,.06),transparent);
  animation:bk-scan 7s linear infinite;
}

/* -------------------------------------------------------------------------
   6. TICKER (cinta amarilla superior)
   ------------------------------------------------------------------------- */
.bk-ticker{
  background:var(--bk-acento);color:var(--bk-fondo);overflow:hidden;white-space:nowrap;
  border-bottom:3px solid var(--bk-fondo);position:relative;z-index:50;
}
.bk-ticker__track{
  display:inline-flex;animation:bk-tickermove 22s linear infinite;
  font-family:var(--bk-mono);font-weight:700;font-size:13px;letter-spacing:.08em;padding:7px 0;
}
.bk-ticker__track span{padding:0 22px}

/* -------------------------------------------------------------------------
   7. HEADER sticky + barra hazard animada
   ------------------------------------------------------------------------- */
.bk-header{
  position:sticky;top:0;z-index:60;
  background:rgba(13,13,16,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--bk-borde);
}
.bk-header__hazard{
  height:6px;
  background:repeating-linear-gradient(45deg,var(--bk-acento) 0 14px,var(--bk-fondo) 14px 28px);
  background-size:56px 100%;animation:bk-hazardscroll 1.4s linear infinite;opacity:.85;
}
.bk-header__inner{
  max-width:var(--bk-max);margin:0 auto;padding:12px var(--bk-pad);
  display:flex;align-items:center;gap:20px;
}
.bk-logo{display:flex;align-items:center;gap:12px;flex:none}
.bk-logo__frame{
  width:46px;height:46px;border:2px solid var(--bk-acento);border-radius:8px;overflow:hidden;display:block;
  box-shadow:0 0 14px rgba(255,194,26,.3);
}
.bk-logo__frame img{width:100%;height:100%;object-fit:cover}
.bk-logo__word{font-family:var(--bk-display);font-size:20px;letter-spacing:.04em}
.bk-logo__word .bk-y{color:var(--bk-acento)}

/* NAV desktop (con numeración 01/02 via markup) */
.bk-nav{display:flex;align-items:center;gap:4px;margin-left:8px}
.bk-nav__item{
  position:relative;display:block;padding:10px 14px;
  font-family:var(--bk-mono);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  color:var(--bk-texto);transition:color .2s;
}
.bk-nav__item:hover{color:var(--bk-acento)}
.bk-nav__item.is-current{color:var(--bk-acento)}
.bk-nav__num{color:var(--bk-acento);opacity:.6;margin-right:4px}
.bk-nav__ul{
  position:absolute;left:14px;right:14px;bottom:5px;height:2px;background:var(--bk-acento);
  transform:scaleX(0);transform-origin:left;transition:transform .28s;
}
.bk-nav__item:hover .bk-nav__ul{transform:scaleX(1)}
.bk-nav__caret{font-size:9px}

/* Dropdown "Tienda" */
.bk-nav__drop{position:relative}
.bk-nav__menu{
  position:absolute;top:100%;left:0;min-width:230px;
  background:var(--bk-superficie);border:1px solid var(--bk-borde);border-top:3px solid var(--bk-acento);
  box-shadow:0 24px 50px rgba(0,0,0,.6);padding:8px;
  opacity:0;visibility:hidden;transform:translateY(8px);transition:all .22s;
}
.bk-nav__drop:hover .bk-nav__menu,
.bk-nav__drop.is-open .bk-nav__menu{opacity:1;visibility:visible;transform:translateY(0)}
.bk-nav__menu-label{
  font-family:var(--bk-mono);font-size:9px;letter-spacing:.2em;color:var(--bk-tenue);padding:8px 12px 6px;
}
.bk-nav__sub{
  display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:6px;transition:background .18s;
}
.bk-nav__sub:hover{background:var(--bk-superficie2)}
.bk-nav__sub .bk-ico{color:var(--bk-acento)}
.bk-nav__sub b{display:block;font-weight:600;font-size:15px;font-family:var(--bk-body)}
.bk-nav__sub small{font-size:11px;color:var(--bk-tenue);font-family:var(--bk-mono)}

/* Zona derecha: buscador + carrito + hamburguesa */
.bk-header__right{margin-left:auto;display:flex;align-items:center;gap:10px}
.bk-search{
  display:flex;align-items:center;gap:8px;background:var(--bk-superficie);border:1px solid var(--bk-borde);
  border-radius:8px;padding:8px 12px;min-width:170px;
}
.bk-search span{color:var(--bk-tenue)}
.bk-search input{
  background:transparent;border:none;outline:none;color:var(--bk-texto);
  font-family:var(--bk-mono);font-size:12px;width:100%;
}
.bk-cart{
  position:relative;width:42px;height:42px;display:grid;place-items:center;
  background:var(--bk-acento);color:var(--bk-fondo);border-radius:8px;font-size:18px;
  box-shadow:0 0 16px rgba(255,194,26,.35);
}
.bk-cart__count{
  position:absolute;top:-5px;right:-5px;background:var(--bk-fondo);color:var(--bk-acento);
  font-family:var(--bk-mono);font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;
  display:grid;place-items:center;border:1px solid var(--bk-acento);transition:transform .2s;
}
.bk-cart__count.is-pulse{transform:scale(1.4)}
.bk-account{
  width:42px;height:42px;display:grid;place-items:center;border-radius:8px;flex:none;
  background:var(--bk-superficie);border:1px solid var(--bk-borde2);color:var(--bk-texto2);
  transition:color .18s,border-color .18s,background .18s,transform .12s;
}
.bk-account:hover{color:var(--bk-acento);border-color:var(--bk-acento);transform:translateY(-1px)}
.bk-account.is-in{color:var(--bk-acento);border-color:rgba(255,194,26,.5)}
.bk-account svg{display:block;width:20px;height:20px}
.bk-burger{
  display:none;width:42px;height:42px;background:var(--bk-superficie);border:1px solid var(--bk-borde);
  border-radius:8px;color:var(--bk-acento);font-size:20px;cursor:pointer;
}

/* -------------------------------------------------------------------------
   8. MENÚ MÓVIL (overlay full-screen)
   ------------------------------------------------------------------------- */
.bk-mobile{
  position:fixed;inset:0;z-index:70;background:rgba(11,11,13,.97);backdrop-filter:blur(8px);
  padding:80px 24px 24px;display:none;flex-direction:column;gap:6px;overflow-y:auto;
}
.bk-mobile.is-open{display:flex}
.bk-mobile__close{
  position:absolute;top:22px;right:22px;width:44px;height:44px;
  background:var(--bk-superficie);border:1px solid var(--bk-borde);border-radius:8px;
  color:var(--bk-acento);font-size:22px;cursor:pointer;
}
.bk-mobile a{
  font-family:var(--bk-display);font-size:30px;padding:12px 0;border-bottom:1px solid var(--bk-borde);
}
.bk-mobile a.is-current{color:var(--bk-acento)}

/* -------------------------------------------------------------------------
   9. BOTONES
   ------------------------------------------------------------------------- */
.bk-btn{
  display:inline-flex;align-items:center;gap:10px;font-family:var(--bk-sub);font-weight:600;
  font-size:16px;letter-spacing:.06em;text-transform:uppercase;padding:16px 28px;border-radius:8px;
  border:none;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s,color .2s;
}
.bk-btn--primary{background:var(--bk-acento);color:var(--bk-fondo);box-shadow:var(--bk-glow)}
.bk-btn--primary:hover{transform:translateY(-3px);box-shadow:var(--bk-glow-fuerte)}
.bk-btn--ghost{background:transparent;color:var(--bk-texto);border:1px solid var(--bk-borde2);font-weight:500}
.bk-btn--ghost:hover{border-color:var(--bk-acento);color:var(--bk-acento)}
.bk-btn--discord{background:var(--bk-discord);color:#fff;box-shadow:0 0 28px rgba(88,101,242,.45);font-size:17px;letter-spacing:.05em}
.bk-btn--discord:hover{transform:translateY(-3px)}

/* -------------------------------------------------------------------------
   10. TIPOGRAFÍA DE SECCIÓN
   ------------------------------------------------------------------------- */
.bk-kicker{font-family:var(--bk-mono);font-size:12px;letter-spacing:.2em;color:var(--bk-acento);margin-bottom:10px}
.bk-h1{font-family:var(--bk-display);font-size:clamp(44px,7vw,92px);line-height:.92;letter-spacing:.01em;text-transform:uppercase;margin:0}
.bk-h2{font-family:var(--bk-display);font-size:clamp(32px,4.5vw,56px);text-transform:uppercase;line-height:1;margin:0}
.bk-h3{font-family:var(--bk-sub);font-weight:600;text-transform:uppercase;margin:0}
.bk-breadcrumb{font-family:var(--bk-mono);font-size:11px;letter-spacing:.16em;color:var(--bk-tenue);margin-bottom:14px}
.bk-breadcrumb a{color:var(--bk-tenue)}
.bk-breadcrumb .bk-sep{color:var(--bk-acento)}

/* Reveal helper (estado inicial; el JS lo anima) */
.bk-reveal-init{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.bk-reveal-in{opacity:1!important;transform:none!important}

/* -------------------------------------------------------------------------
   11. HOME — HERO
   ------------------------------------------------------------------------- */
.bk-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--bk-borde)}
.bk-hero__bg{position:absolute;inset:0;background:radial-gradient(circle at 72% 38%,rgba(255,194,26,.12),transparent 55%),var(--bk-fondo)}
.bk-hero__ring1{
  position:absolute;top:-160px;right:-120px;width:620px;height:620px;border-radius:50%;
  background:conic-gradient(from 0deg,#FFC21A22,transparent 25%,#FFC21A11 50%,transparent 75%,#FFC21A22);
  animation:bk-radspin 28s linear infinite;filter:blur(2px);
}
.bk-hero__ring2{
  position:absolute;top:60px;right:90px;width:320px;height:320px;border:2px dashed rgba(255,194,26,.25);
  border-radius:50%;animation:bk-radspin 40s linear infinite reverse;
}
.bk-hero__grid{
  max-width:var(--bk-max);margin:0 auto;padding:90px var(--bk-pad) 110px;position:relative;
  display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;
}
.bk-badge{
  display:inline-flex;align-items:center;gap:9px;background:var(--bk-superficie);border:1px solid var(--bk-borde);
  border-radius:100px;padding:7px 14px;font-family:var(--bk-mono);font-size:11px;letter-spacing:.14em;
  color:var(--bk-tenue);margin-bottom:26px;
}
.bk-led{width:8px;height:8px;border-radius:50%;background:var(--bk-verde);animation:bk-ledblink 1.6s infinite}
.bk-led--discord{background:var(--bk-discord);animation:bk-ledblink-soft 1.6s infinite}
.bk-hero__h1 .bk-glitch{display:block;position:relative;animation:bk-glitchtop 6s infinite}
.bk-hero__h1 .bk-accent{display:block;color:var(--bk-acento);text-shadow:0 0 30px rgba(255,194,26,.4)}
.bk-hero__p{font-size:19px;color:var(--bk-texto3);max-width:480px;margin:24px 0 34px;line-height:1.5}
.bk-hero__ctas{display:flex;gap:14px;flex-wrap:wrap}
.bk-stats{display:flex;gap:30px;margin-top:46px;flex-wrap:wrap}
.bk-stat__num{font-family:var(--bk-display);font-size:40px;color:var(--bk-acento)}
.bk-stat__label{font-family:var(--bk-mono);font-size:11px;letter-spacing:.1em;color:var(--bk-tenue)}
.bk-stats__sep{width:1px;background:var(--bk-borde)}

/* Marco terminal del logo (derecha) */
.bk-terminal{position:relative;justify-self:center}
.bk-terminal__halo{position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(255,194,26,.25),transparent 65%);animation:bk-radpulse 4s ease-in-out infinite}
.bk-terminal__frame{
  position:relative;width:min(380px,80vw);aspect-ratio:1;border:3px solid var(--bk-acento);border-radius:18px;
  overflow:hidden;box-shadow:0 0 50px rgba(255,194,26,.25),inset 0 0 40px rgba(0,0,0,.5);
  animation:bk-floaty 6s ease-in-out infinite;
}
.bk-terminal__frame img{width:100%;height:100%;object-fit:cover}
.bk-terminal__rec{
  position:absolute;top:10px;left:12px;font-family:var(--bk-mono);font-size:10px;letter-spacing:.1em;
  color:var(--bk-acento);background:rgba(0,0,0,.5);padding:3px 8px;border-radius:4px;
}
.bk-terminal__status{
  position:absolute;bottom:-18px;right:-10px;background:var(--bk-superficie);border:1px solid var(--bk-borde);
  border-left:3px solid var(--bk-acento);padding:12px 16px;border-radius:8px;font-family:var(--bk-mono);
  animation:bk-floaty 6s ease-in-out infinite .6s;
}
.bk-terminal__status .lbl{font-size:10px;color:var(--bk-tenue);letter-spacing:.1em}
.bk-terminal__status .on{color:var(--bk-verde);font-weight:700;font-size:13px}

/* -------------------------------------------------------------------------
   12. SECCIONES GENÉRICAS
   ------------------------------------------------------------------------- */
.bk-section{max-width:var(--bk-max);margin:0 auto;padding:96px var(--bk-pad)}
.bk-section--alt{background:var(--bk-elevado);border-top:1px solid var(--bk-borde);border-bottom:1px solid var(--bk-borde);position:relative;overflow:hidden}
.bk-section--alt .bk-section__bg{position:absolute;inset:0;opacity:.4;background:radial-gradient(circle at 20% 50%,rgba(255,194,26,.08),transparent 50%)}
.bk-section__inner{max-width:var(--bk-max);margin:0 auto;padding:96px var(--bk-pad);position:relative}
.bk-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:46px;flex-wrap:wrap}
.bk-sec-head__note{font-family:var(--bk-mono);font-size:13px;color:var(--bk-tenue);max-width:280px}
.bk-sec-head--center{text-align:center;display:block;margin-bottom:50px}
.bk-sec-head--center p{color:var(--bk-texto2);margin-top:12px;max-width:520px;margin-inline:auto}

/* -------------------------------------------------------------------------
   13. TARJETAS "Qué encontrarás" (barra hazard superior)
   ------------------------------------------------------------------------- */
.bk-cardgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bk-card{
  position:relative;background:var(--bk-superficie);border:1px solid var(--bk-borde);border-radius:14px;
  padding:26px;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s;display:block;
}
.bk-card:hover{transform:translateY(-6px);border-color:var(--bk-acento);box-shadow:var(--bk-cardshadow),0 0 0 1px rgba(255,194,26,.4)}
.bk-card__hazard{position:absolute;top:0;left:0;right:0;height:4px;background:repeating-linear-gradient(45deg,var(--bk-acento) 0 10px,var(--bk-fondo) 10px 20px);opacity:.7}
.bk-card__ico{font-size:34px;margin:12px 0 18px}
.bk-card__num{font-family:var(--bk-mono);font-size:10px;letter-spacing:.2em;color:var(--bk-acento);margin-bottom:6px}
.bk-card__title{font-family:var(--bk-sub);font-weight:600;font-size:23px;text-transform:uppercase;margin-bottom:8px}
.bk-card__desc{font-size:14px;color:var(--bk-texto2);line-height:1.5;margin-bottom:18px}
.bk-card__link{font-family:var(--bk-mono);font-size:12px;color:var(--bk-acento)}

/* -------------------------------------------------------------------------
   14. TILES "Explora por edición"
   ------------------------------------------------------------------------- */
.bk-editiongrid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.bk-edition{
  aspect-ratio:3/4;background:linear-gradient(160deg,var(--bk-superficie2),var(--bk-superficie));
  border:1px solid var(--bk-borde);border-radius:12px;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:14px;text-align:center;padding:16px;transition:transform .3s,border-color .3s;
}
.bk-edition:hover{transform:translateY(-6px) scale(1.02);border-color:var(--bk-acento)}
.bk-edition__sym{width:54px;height:54px;border-radius:50%;border:2px solid var(--bk-acento);display:grid;place-items:center;font-size:24px;color:var(--bk-acento)}
.bk-edition__name{font-family:var(--bk-sub);font-weight:600;font-size:15px;text-transform:uppercase}
.bk-edition--solid{background:linear-gradient(160deg,var(--bk-acento),var(--bk-acento-osc));border-color:var(--bk-acento);color:var(--bk-fondo)}
.bk-edition--solid:hover{transform:translateY(-6px) scale(1.02)}
.bk-edition--solid .bk-edition__name{font-weight:700}
.bk-edition__arrow{font-size:30px}

/* -------------------------------------------------------------------------
   15. PANEL CTA (barra hazard animada arriba)
   ------------------------------------------------------------------------- */
.bk-cta{
  position:relative;overflow:hidden;background:linear-gradient(120deg,var(--bk-superficie),var(--bk-superficie2));
  border:1px solid var(--bk-borde);border-radius:20px;padding:64px 48px;text-align:center;
}
.bk-cta__hazard{
  position:absolute;top:0;left:0;right:0;height:5px;
  background:repeating-linear-gradient(45deg,var(--bk-acento) 0 14px,var(--bk-fondo) 14px 28px);
  background-size:56px 100%;animation:bk-hazardscroll 1.6s linear infinite;
}
.bk-cta__glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,194,26,.12),transparent 60%)}
.bk-cta__inner{position:relative}
.bk-cta__ico{font-size:46px;margin-bottom:16px;animation:bk-floaty-soft 5s ease-in-out infinite}
.bk-cta h2{font-family:var(--bk-display);font-size:clamp(30px,4vw,52px);text-transform:uppercase;margin-bottom:14px}
.bk-cta p{color:var(--bk-texto3);max-width:520px;margin:0 auto 30px;font-size:17px}

/* -------------------------------------------------------------------------
   16. TESTIMONIOS (home + reseñas)
   ------------------------------------------------------------------------- */
.bk-reviewgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bk-review{background:var(--bk-superficie);border:1px solid var(--bk-borde);border-radius:14px;padding:28px;transition:transform .3s,border-color .3s}
.bk-review:hover{transform:translateY(-6px);border-color:var(--bk-acento)}
.bk-review__stars{color:var(--bk-acento);font-size:16px;letter-spacing:3px;margin-bottom:14px}
.bk-review__text{font-size:15px;line-height:1.6;color:#d6d6da;margin-bottom:20px}
.bk-review__who{font-family:var(--bk-mono);font-size:12px;color:var(--bk-tenue)}
.bk-review__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.bk-review__date{font-family:var(--bk-mono);font-size:11px;color:var(--bk-tenue)}
.bk-review__foot{display:flex;align-items:center;gap:10px}
.bk-review__avatar{width:34px;height:34px;border-radius:50%;background:var(--bk-acento);color:var(--bk-fondo);display:grid;place-items:center;font-family:var(--bk-display);font-size:15px}
.bk-review__name{font-weight:600;font-size:14px}
.bk-review__verif{font-family:var(--bk-mono);font-size:10px;color:var(--bk-verde)}

/* -------------------------------------------------------------------------
   17. FOOTER (4 columnas, borde superior amarillo 3px)
   ------------------------------------------------------------------------- */
.bk-footer{background:var(--bk-fondo);border-top:3px solid var(--bk-acento)}
.bk-footer__grid{
  max-width:var(--bk-max);margin:0 auto;padding:56px var(--bk-pad) 32px;
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;
}
.bk-footer__brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.bk-footer__brand .bk-logo__frame{width:44px;height:44px;box-shadow:none}
.bk-footer__about{color:var(--bk-tenue);font-size:14px;line-height:1.6;max-width:280px}
.bk-footer__col-h{font-family:var(--bk-mono);font-size:11px;letter-spacing:.18em;color:var(--bk-acento);margin-bottom:16px}
.bk-footer__links{display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--bk-texto3)}
.bk-footer__links a:hover{color:var(--bk-acento)}
.bk-footer__bar{border-top:1px solid var(--bk-borde)}
.bk-footer__bar-in{
  max-width:var(--bk-max);margin:0 auto;padding:20px var(--bk-pad);display:flex;justify-content:space-between;
  flex-wrap:wrap;gap:10px;font-family:var(--bk-mono);font-size:11px;color:var(--bk-tenue);
}
.bk-footer__bar-in .on{color:var(--bk-verde)}

/* -------------------------------------------------------------------------
   18. COMUNIDAD — hero centrado + beneficios + agenda
   ------------------------------------------------------------------------- */
.bk-hero--center{position:relative;overflow:hidden;border-bottom:1px solid var(--bk-borde)}
.bk-hero--center .bk-hero__bg-discord{position:absolute;inset:0;background:radial-gradient(circle at 78% 30%,rgba(88,101,242,.16),transparent 55%),var(--bk-fondo)}
.bk-hero--center .bk-hero__wrap{max-width:1100px;margin:0 auto;padding:80px var(--bk-pad);position:relative;text-align:center}
.bk-hero--center h1{font-family:var(--bk-display);font-size:clamp(40px,6.5vw,86px);text-transform:uppercase;line-height:.94}
.bk-hero--center .bk-hero__p{max-width:560px;margin:22px auto 34px;line-height:1.55}
.bk-stats--center{justify-content:center;gap:40px;margin-top:50px}
.bk-benefitgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bk-benefit{background:var(--bk-superficie);border:1px solid var(--bk-borde);border-radius:14px;padding:26px;transition:transform .3s,border-color .3s,box-shadow .3s}
.bk-benefit:hover{transform:translateY(-6px);border-color:var(--bk-acento);box-shadow:0 16px 36px rgba(0,0,0,.5)}
.bk-benefit__ico{font-size:32px;margin-bottom:14px}
.bk-benefit h3{font-family:var(--bk-sub);font-weight:600;font-size:20px;text-transform:uppercase;margin-bottom:8px}
.bk-benefit p{font-size:14px;color:var(--bk-texto2);line-height:1.5}

.bk-events{display:flex;flex-direction:column;gap:12px}
.bk-event{
  display:flex;align-items:center;gap:22px;background:var(--bk-superficie);border:1px solid var(--bk-borde);
  border-left:3px solid var(--bk-acento);border-radius:12px;padding:20px 24px;transition:transform .25s,border-color .25s;
}
.bk-event:hover{transform:translateX(6px);border-color:var(--bk-acento)}
.bk-event__date{font-family:var(--bk-display);text-align:center;flex:none;width:64px}
.bk-event__day{font-size:30px;color:var(--bk-acento);line-height:1}
.bk-event__mon{font-family:var(--bk-mono);font-size:11px;color:var(--bk-tenue)}
.bk-event__body{flex:1}
.bk-event__body h3{font-family:var(--bk-sub);font-weight:600;font-size:20px}
.bk-event__body .meta{font-size:13px;color:var(--bk-tenue);font-family:var(--bk-mono)}
.bk-event__tag{font-family:var(--bk-mono);font-size:11px;border:1px solid var(--bk-borde);border-radius:100px;padding:5px 12px}
.bk-event__tag--green{color:var(--bk-verde)}
.bk-event__tag--yellow{color:var(--bk-acento)}

/* -------------------------------------------------------------------------
   19. CONTACTO — métodos + formulario + mapa
   ------------------------------------------------------------------------- */
.bk-hero--page{position:relative;border-bottom:1px solid var(--bk-borde);overflow:hidden}
.bk-hero--page .bk-hero__bg-green{position:absolute;inset:0;background:radial-gradient(circle at 80% 25%,rgba(37,211,102,.12),transparent 55%)}
.bk-hero--page .bk-hero__wrap{max-width:var(--bk-max);margin:0 auto;padding:64px var(--bk-pad) 50px;position:relative}
.bk-hero--page h1{font-family:var(--bk-display);font-size:clamp(38px,6vw,76px);text-transform:uppercase;line-height:.95}
.bk-hero--page p{color:var(--bk-texto2);margin-top:14px;max-width:520px;font-size:16px}

.bk-methodgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.bk-method{background:var(--bk-superficie);border:1px solid var(--bk-borde);border-radius:14px;padding:24px;transition:transform .3s,border-color .3s;display:block}
.bk-method:hover{transform:translateY(-6px);border-color:var(--bk-acento)}
.bk-method__ico{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:24px;margin-bottom:16px}
.bk-method__ico--green{background:rgba(37,211,102,.15)}
.bk-method__ico--discord{background:rgba(88,101,242,.15)}
.bk-method__ico--yellow{background:rgba(255,194,26,.15)}
.bk-method h3{font-family:var(--bk-sub);font-weight:600;font-size:19px;text-transform:uppercase;margin-bottom:4px}
.bk-method p{font-size:13px;color:var(--bk-tenue);margin-bottom:8px}
.bk-method__cta{font-family:var(--bk-mono);font-size:12px}
.bk-method__cta--green{color:var(--bk-verde)}
.bk-method__cta--discord{color:var(--bk-discord)}
.bk-method__cta--yellow{color:var(--bk-acento)}

.bk-formlayout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.bk-form-aside h2{font-family:var(--bk-display);font-size:clamp(28px,3.6vw,46px);text-transform:uppercase;line-height:1;margin-bottom:14px}
.bk-form-aside p{color:var(--bk-texto2);font-size:15px;line-height:1.6;max-width:380px}
.bk-perks{margin-top:28px;display:flex;flex-direction:column;gap:14px}
.bk-perk{display:flex;align-items:center;gap:12px;font-size:14px;color:#c6c6cc}
.bk-perk__ico{width:34px;height:34px;border-radius:8px;background:var(--bk-superficie2);display:grid;place-items:center;color:var(--bk-acento)}

.bk-form{background:var(--bk-superficie);border:1px solid var(--bk-borde);border-radius:16px;padding:28px;position:relative;overflow:hidden}
.bk-form__hazard{position:absolute;top:0;left:0;right:0;height:4px;background:repeating-linear-gradient(45deg,var(--bk-acento) 0 12px,var(--bk-fondo) 12px 24px);opacity:.7}
.bk-form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.bk-field{margin-bottom:14px}
.bk-field--last{margin-bottom:18px}
.bk-label{display:block;font-family:var(--bk-mono);font-size:11px;letter-spacing:.1em;color:var(--bk-tenue);margin-bottom:7px}
.bk-input,.bk-textarea{
  width:100%;background:var(--bk-elevado);border:1px solid var(--bk-borde);border-radius:8px;
  color:var(--bk-texto);font-size:15px;padding:12px 14px;transition:border-color .2s;
}
.bk-textarea{resize:vertical}
.bk-form__submit{
  width:100%;background:var(--bk-acento);color:var(--bk-fondo);border:none;border-radius:10px;
  font-family:var(--bk-sub);font-weight:600;font-size:16px;letter-spacing:.05em;text-transform:uppercase;
  padding:15px;cursor:pointer;box-shadow:0 0 24px rgba(255,194,26,.3);transition:transform .15s,background .2s;
}
.bk-form__submit:hover{transform:translateY(-2px)}
/* Estilizado de Contact Form 7 / WPForms si el cliente los usa dentro de .bk-form */
.bk-form .wpcf7-form-control,
.bk-form input[type=text],
.bk-form input[type=email],
.bk-form input[type=tel],
.bk-form textarea{
  width:100%;background:var(--bk-elevado);border:1px solid var(--bk-borde);border-radius:8px;
  color:var(--bk-texto);font-size:15px;padding:12px 14px;
}
.bk-form input[type=submit],
.bk-form .wpforms-submit{
  width:100%;background:var(--bk-acento);color:var(--bk-fondo);border:none;border-radius:10px;
  font-family:var(--bk-sub);font-weight:600;font-size:16px;letter-spacing:.05em;text-transform:uppercase;
  padding:15px;cursor:pointer;box-shadow:0 0 24px rgba(255,194,26,.3);
}

.bk-map{margin-top:40px;border:1px solid var(--bk-borde);border-radius:16px;overflow:hidden;position:relative}
.bk-map__hazard{position:absolute;top:0;left:0;right:0;height:4px;z-index:2;background:repeating-linear-gradient(45deg,var(--bk-acento) 0 12px,var(--bk-fondo) 12px 24px);opacity:.7}
.bk-map iframe{display:block;width:100%;height:360px;border:0;filter:grayscale(.4) contrast(1.05)}

/* -------------------------------------------------------------------------
   20. RESEÑAS — resumen + barras
   ------------------------------------------------------------------------- */
.bk-sumlayout{display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:center}
.bk-rating{text-align:center;background:var(--bk-superficie);border:1px solid var(--bk-borde);border-radius:18px;padding:34px 44px}
.bk-rating__num{font-family:var(--bk-display);font-size:80px;line-height:.9;color:var(--bk-acento)}
.bk-rating__stars{color:var(--bk-acento);letter-spacing:4px;font-size:18px;margin:8px 0}
.bk-rating__count{font-family:var(--bk-mono);font-size:12px;color:var(--bk-tenue)}
.bk-bars{display:flex;flex-direction:column;gap:9px;max-width:440px}
.bk-bar-row{display:flex;align-items:center;gap:12px}
.bk-bar-row__star{font-family:var(--bk-mono);font-size:12px;color:var(--bk-tenue);width:22px}
.bk-bar-row__track{flex:1;height:8px;background:var(--bk-superficie2);border-radius:4px;overflow:hidden}
.bk-bar-row__fill{width:0;height:100%;background:var(--bk-acento);border-radius:4px;transition:width 1.1s cubic-bezier(.2,.7,.2,1)}
.bk-bar-row__pct{font-family:var(--bk-mono);font-size:11px;color:var(--bk-tenue);width:34px}

/* -------------------------------------------------------------------------
   21. TOAST (añadir al carrito)
   ------------------------------------------------------------------------- */
.bk-toast{
  position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);
  background:var(--bk-superficie);border:1px solid var(--bk-acento);color:var(--bk-texto);
  font-family:var(--bk-mono);font-size:13px;letter-spacing:.06em;padding:12px 20px;border-radius:10px;
  box-shadow:var(--bk-glow);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:10000;
}
.bk-toast.is-show{opacity:1;transform:translateX(-50%) translateY(0)}

/* -------------------------------------------------------------------------
   22. RESPONSIVE — breakpoint principal 880px (820px donde aplique)
   ------------------------------------------------------------------------- */
@media(max-width:880px){
  .bk-nav{display:none}
  .bk-search{display:none}
  .bk-burger{display:grid}
  .bk-hero__grid{grid-template-columns:1fr;text-align:center}
  .bk-hero__p{margin-left:auto;margin-right:auto}
  .bk-hero__ctas{justify-content:center}
  .bk-stats{justify-content:center}
  .bk-cardgrid{grid-template-columns:repeat(2,1fr)}
  .bk-editiongrid{grid-template-columns:repeat(2,1fr)}
  .bk-reviewgrid{grid-template-columns:1fr}
  .bk-benefitgrid{grid-template-columns:repeat(2,1fr)}
  .bk-footer__grid{grid-template-columns:1fr 1fr}
  .bk-sumlayout{grid-template-columns:1fr}
  .bk-section,.bk-section__inner,.bk-hero__grid{padding-top:64px;padding-bottom:64px}
}
@media(max-width:820px){
  .bk-methodgrid{grid-template-columns:repeat(2,1fr)}
  .bk-formlayout{grid-template-columns:1fr}
  .bk-form__row{grid-template-columns:1fr}
}
@media(max-width:560px){
  .bk-cardgrid,.bk-editiongrid,.bk-benefitgrid,.bk-methodgrid,.bk-footer__grid{grid-template-columns:1fr}
  .bk-stats{gap:18px}
  .bk-stats__sep{display:none}
}

/* ===== Fix QA-1: color claro en titulares (Blocksy fuerza heading oscuro #101010) ===== */
body.bk-skin h1, body.bk-skin h2, body.bk-skin h3, body.bk-skin h4,
body.bk-skin .bk-h1, body.bk-skin .bk-h2, body.bk-skin .bk-h3,
body.bk-skin .bk-hero__h1, body.bk-skin .bk-sec-head h2,
body.bk-skin .bk-cta h2, body.bk-skin .bk-card h3, body.bk-skin .bk-card__title{
  color: var(--bk-texto);
}
body.bk-skin .bk-hero__h1 .bk-accent, body.bk-skin .bk-accent, body.bk-skin .bk-y{
  color: var(--bk-acento);
}

/* ===== Sector 02 — tarjetas de filtro (home) ===== */
.bk-filterfeat{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.bk-filterfeat__card{
  background:linear-gradient(160deg,var(--bk-superficie2),var(--bk-superficie));
  border:1px solid var(--bk-borde);border-radius:14px;padding:26px 20px;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:12px;transition:transform .28s,border-color .28s,box-shadow .28s;
}
.bk-filterfeat__card:hover{transform:translateY(-6px);border-color:var(--bk-acento);box-shadow:var(--bk-cardshadow)}
.bk-filterfeat__label{font-family:var(--bk-mono);font-size:11px;letter-spacing:.18em;color:var(--bk-acento)}
.bk-filterfeat__row{display:flex;gap:7px;align-items:center;justify-content:center;min-height:30px}
.bk-filterfeat__ico{font-size:26px;color:var(--bk-acento)}
.bk-filterfeat__name{font-family:var(--bk-sub);font-weight:500;font-size:13.5px;color:var(--bk-texto3);text-transform:uppercase;letter-spacing:.02em;line-height:1.3}
.bk-filterfeat .bk-mana{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.35);display:inline-block}
.bk-filterfeat .bk-rare-dot{width:18px;height:18px;border-radius:4px;display:inline-block}
.bk-mana--w{background:#efe7cf}.bk-mana--u{background:#3f86d8}.bk-mana--b{background:#7d7587}.bk-mana--r{background:#d8513f}.bk-mana--g{background:#42a64f}
.bk-rare--common{background:#c8c8cf}.bk-rare--uncommon{background:linear-gradient(135deg,#cfd8df,#9fb1c0)}.bk-rare--rare{background:linear-gradient(135deg,#ffd76a,#FFC21A)}.bk-rare--mythic{background:linear-gradient(135deg,#ff8a3c,#e0432a)}
@media(max-width:880px){.bk-filterfeat{grid-template-columns:repeat(2,1fr)}}

/* ===== Sector 01 — iconos de tarjeta (imagen de producto + marcas) ===== */
.bk-card__ico--img{width:66px;height:66px;border-radius:10px;overflow:hidden;background:var(--bk-elevado);border:1px solid var(--bk-borde);padding:3px;box-shadow:0 0 20px rgba(255,194,26,.18);margin:0 0 14px}
.bk-card__ico--img img{width:100%;height:100%;object-fit:contain;display:block}
.bk-card__ico--discord{color:#5865F2;font-size:40px;line-height:1}
.bk-card__ico--wa{color:#25D366;font-size:40px;line-height:1}
.bk-card__ico--discord svg,.bk-card__ico--wa svg{display:block}
/* iconos SVG en métodos de Contacto y botón Discord */
.bk-method__ico--svg{font-size:24px}
.bk-method__ico--svg svg{width:1em;height:1em;display:block}
.bk-btn--discord svg{width:1.05em;height:1.05em;vertical-align:-.15em;margin-right:.1em}

/* =========================================================================
   AJUSTES UI (jun-2026)
   ========================================================================= */
/* Botones amarillos con texto blanco -> formato del botón "añadir":
   texto blanco con contorno negro para legibilidad sobre el amarillo. */
.bk-btn--primary,
.bk-form__submit{
  color:#fff;
  text-shadow:-1px 0 rgba(0,0,0,.55),1px 0 rgba(0,0,0,.55),0 -1px rgba(0,0,0,.55),0 1px rgba(0,0,0,.55);
}

/* Iconos de Comunidad (//QUE VAS A ENCONTRAR) reutilizan el badge de Contacto. */
.bk-benefit .bk-method__ico{margin-bottom:16px}

/* Sector 01 — atenúa las imágenes de producto con fondo blanco (intrusivas
   sobre el tema oscuro): viñeta + leve oscurecido, sin ocultar el producto. */
.bk-card__ico--img{position:relative}
.bk-card__ico--img img{filter:brightness(.97) contrast(1.02) saturate(.98)}
.bk-card__ico--img::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(circle at 50% 42%,transparent 52%,rgba(11,11,13,.45) 100%);
  box-shadow:inset 0 0 10px 3px rgba(11,11,13,.55);
}