/* ============================================================
   Bytex — Circuito decorativo (global, reutilizable)
   File: assets/css/bytex-circuit.css
   Markup generado por bytex_circuit() en helpers.php.
   El contenedor donde se inserte debe tener position:relative
   y (normalmente) overflow:hidden para que el circuito sangre
   desde el borde. El contenido por encima debe ir con z-index.
   ============================================================ */

.bytex-circuit {
    position: absolute;
    width: 620px;
    max-width: 60%;
    pointer-events: none;
    overflow: visible;
    opacity: .7;
    z-index: 0;
}

/* Posición por variante (anclada a una esquina, sangrando hacia afuera) */
.bytex-circuit--a { top: -40px;    left: -30px; }
.bytex-circuit--b { top: -30px;    right: -30px; opacity: .5; }
.bytex-circuit--c { bottom: -30px; left: -30px;  opacity: .45; width: 520px; }
.bytex-circuit--d { bottom: -30px; right: -30px; opacity: .45; width: 520px; }

/* Glow pulsante de los junctions */
.bytex-circuit__pulse {
    animation-name: bytex-circuit-pulse;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
@keyframes bytex-circuit-pulse {
    0%, 100% { opacity: .5; transform: scale(1); }
    50%      { opacity: 1;  transform: scale(1.25); }
}

/* Mobile: achicar y aligerar */
@media (max-width: 767px) {
    .bytex-circuit { width: 420px; opacity: .35; }
    .bytex-circuit--c,
    .bytex-circuit--d { display: none; }
}

/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {
    .bytex-circuit__pulse { animation: none !important; }
}