/* ==========================================================================
   PLANTILLA "Cyberpunk" — negro absoluto con neón magenta/cian, tipografía
   técnica angulosa. Formas cortadas (clip-path), brillos duros tipo letrero.
   ========================================================================== */
body[data-plantilla="cyberpunk"] {
    --bg: #06040a;
    --bg-2: #0b0713;
    --text: #f2ecff;
    --muted: #9a8fc4;
    --blue: #b400ff;
    --blue-bright: #ff2ec4;
    --sky: #24f4ff;
    --white: #ffffff;
    --blue-rgb: 180, 0, 255;
    --blue-bright-rgb: 255, 46, 196;
    --sky-rgb: 36, 244, 255;
    --glass: rgba(36, 244, 255, .06);
    --border: rgba(255, 46, 196, .3);
    --grad: linear-gradient(120deg, var(--blue-bright), var(--sky));
    --grad-loop: linear-gradient(120deg, var(--blue-bright), var(--sky), var(--blue), var(--sky), var(--blue-bright));
    --grad-btn: linear-gradient(120deg, #b400ff, #ff2ec4, #b400ff);
    --grad-white: linear-gradient(120deg, #24f4ff, #ff2ec4, var(--blue-bright));
    --radius: 4px;
    --font-num: "Chakra Petch", "Poppins", system-ui, sans-serif;
    --hero-glow: #1a0324;
    --grid-line-1: rgba(255, 46, 196, .22);
    --grid-line-2: rgba(36, 244, 255, .22);
}

body[data-plantilla="cyberpunk"] .slide__title,
body[data-plantilla="cyberpunk"] .section-title,
body[data-plantilla="cyberpunk"] .brand__name {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .02em;
}

/* Orbe cortado en octágono: look "pantalla de HUD" en vez de círculo suave */
body[data-plantilla="cyberpunk"] .prize-orb {
    border-radius: 0;
    clip-path: polygon(15% 0%, 85% 0%, 100% 15%, 100% 85%, 85% 100%, 15% 100%, 0% 85%, 0% 15%);
    box-shadow: 0 0 50px rgba(var(--blue-bright-rgb), .5), inset 0 0 30px rgba(var(--sky-rgb), .2);
}
body[data-plantilla="cyberpunk"] .prize-orb::before {
    clip-path: polygon(15% 0%, 85% 0%, 100% 15%, 100% 85%, 85% 100%, 15% 100%, 0% 85%, 0% 15%);
    animation-duration: 5s;
}
body[data-plantilla="cyberpunk"] .prize-orb::after { border-style: solid; border-color: rgba(36, 244, 255, .3); animation-duration: 14s; }
body[data-plantilla="cyberpunk"] .prize-orb--img img { border-radius: 0; clip-path: polygon(15% 0%, 85% 0%, 100% 15%, 100% 85%, 85% 100%, 15% 100%, 0% 85%, 0% 15%); }
/* El clip-path del contenedor recorta también a sus hijos: se reubica la
   etiqueta dentro de la franja donde el octágono ocupa el ancho completo
   (15%-85% de alto) para que no quede cortada. */
body[data-plantilla="cyberpunk"] .prize-orb__num { border-radius: 2px; color: #06040a; right: 2%; bottom: 32%; }
body[data-plantilla="cyberpunk"] .tag { border-radius: 2px; border-color: rgba(255, 46, 196, .6); text-shadow: 0 0 8px rgba(255, 46, 196, .6); }
body[data-plantilla="cyberpunk"] .step,
body[data-plantilla="cyberpunk"] .draw-card,
body[data-plantilla="cyberpunk"] .unit { border-radius: 4px; }
body[data-plantilla="cyberpunk"] .btn { border-radius: 3px; }
body[data-plantilla="cyberpunk"] .orb { filter: blur(70px); opacity: .45; }