/* ==========================================================================
   Tema "Tradición Taquera": fondo negro con destellos de colores.
   Se carga SOLO cuando config_instalacion.tema = 'taquera' (ver index.php).
   Todo va sobre selectores .tema-taquera para nunca afectar el login default
   de +belleza si esta hoja llegara a cargarse por error en esa instalación.
   ========================================================================== */

body.login-body.tema-taquera {
    background-color: #050505;
    background-image:
        radial-gradient(2px 2px at 10% 20%, #ffd166 100%, transparent 100%),
        radial-gradient(2px 2px at 25% 65%, #06d6a0 100%, transparent 100%),
        radial-gradient(1.5px 1.5px at 40% 15%, #ef476f 100%, transparent 100%),
        radial-gradient(2px 2px at 55% 80%, #118ab2 100%, transparent 100%),
        radial-gradient(1.5px 1.5px at 70% 30%, #ffd166 100%, transparent 100%),
        radial-gradient(2px 2px at 85% 60%, #06d6a0 100%, transparent 100%),
        radial-gradient(1.5px 1.5px at 15% 85%, #ef476f 100%, transparent 100%),
        radial-gradient(2px 2px at 90% 10%, #118ab2 100%, transparent 100%),
        radial-gradient(1.5px 1.5px at 60% 50%, #ffd166 100%, transparent 100%),
        radial-gradient(2px 2px at 33% 40%, #ef476f 100%, transparent 100%),
        radial-gradient(circle at 50% 50%, #111 0%, #000 100%);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    animation: destellos 4s ease-in-out infinite alternate;
}

@keyframes destellos {
    0%   { filter: brightness(1) saturate(1); }
    50%  { filter: brightness(1.35) saturate(1.4); }
    100% { filter: brightness(1) saturate(1); }
}

/* Círculos decorativos: en vez de fucsia/morado, paleta festiva multicolor */
.tema-taquera .circle-1 {
    background: #ef476f; /* rojo-rosa */
    opacity: 0.35;
}

.tema-taquera .circle-2 {
    background: #118ab2; /* azul */
    opacity: 0.3;
}

/* Tercer y cuarto destello grande, propios de este tema */
.tema-taquera .circle-3 {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    z-index: 0;
    width: 260px;
    height: 260px;
    background: #ffd166; /* dorado */
    top: 40%;
    left: 60%;
    opacity: 0.25;
    animation: float 12s ease-in-out infinite alternate;
    animation-delay: -3s;
}

.tema-taquera .circle-4 {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    z-index: 0;
    width: 220px;
    height: 220px;
    background: #06d6a0; /* verde */
    bottom: 10%;
    left: 10%;
    opacity: 0.25;
    animation: float 9s ease-in-out infinite alternate;
    animation-delay: -7s;
}

/* Acentos del panel de login: dorado en vez de fucsia */
.tema-taquera .glass-card::before {
    background: linear-gradient(90deg, transparent, #ffd166, transparent);
}

.tema-taquera .logo-container {
    background: rgba(255, 209, 102, 0.1);
    border: 1px solid rgba(255, 209, 102, 0.25);
    box-shadow: 0 0 15px rgba(255, 209, 102, 0.2);
}

.tema-taquera .logo-icon {
    color: #ffd166;
    filter: drop-shadow(0 0 5px #ffd166);
}

.tema-taquera .title-neon {
    background: linear-gradient(90deg, #ffffff, #ffd166);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 30px rgba(255, 209, 102, 0.3);
}

.tema-taquera .glass-input:focus {
    border-color: #ffd166;
    box-shadow: 0 0 0 4px rgba(255, 209, 102, 0.15);
}

.tema-taquera .glass-input:focus ~ .input-icon,
.tema-taquera .glass-input:not(:placeholder-shown) ~ .input-icon {
    color: #ffd166;
}

.tema-taquera .password-toggle:hover {
    color: #ffe08a;
}

.tema-taquera .custom-checkbox:checked {
    background-color: #f77f00;
    border-color: #f77f00;
    box-shadow: 0 0 10px rgba(247, 127, 0, 0.4);
}

.tema-taquera .custom-checkbox:focus {
    box-shadow: 0 0 0 4px rgba(247, 127, 0, 0.2);
}

.tema-taquera .forgot-link {
    color: #ffb703;
}

.tema-taquera .forgot-link:hover {
    text-decoration-color: #f77f00;
}

.tema-taquera .btn-neon-fuchsia {
    background: #f77f00;
    box-shadow: 0 4px 15px rgba(247, 127, 0, 0.4);
}

.tema-taquera .btn-neon-fuchsia:hover {
    background: #ffb703;
    box-shadow: 0 8px 25px rgba(247, 127, 0, 0.6);
}

.tema-taquera .btn-neon-fuchsia:active {
    box-shadow: 0 2px 10px rgba(247, 127, 0, 0.4);
}