/* =====================================================================
   HOJA DE ESTILOS MÁSTER CRM NEÓN V1 - SDTV DIGITAL
   VERSIÓN: 1.0.0 (COMPLETA - CONFIGURACIÓN DE CONTRASTE EXTENDIDO)
   ===================================================================== */
:root {
    --bg-principal: #0d0e12;
    --bg-tarjeta: #181a23;
    --neon-azul: #00f0ff;
    --neon-rosa: #ff007f;
    --neon-verde: #25d366;
    --texto: #ffffff;
    --texto-oscuro: #94a3b8;
}
body { background-color: var(--bg-principal); color: var(--texto); font-family: 'Segoe UI', system-ui, sans-serif; margin: 0; padding: 0; }
.layout-panel { display: flex; width: 100%; min-height: 100vh; }
.contenedor-formulario, .seccion-ajuste { background-color: var(--bg-tarjeta); border: 1px solid rgba(255, 255, 255, 0.05); padding: 20px; border-radius: 8px; margin-bottom: 25px; }

/* BLINDAJE ATÓMICO: Fuerza el color blanco en el texto y fondo oscuro para evitar el negro sobre negro */
input[type="text"], input[type="password"], textarea, select { 
    width: 100% !important; 
    padding: 10px 12px !important; 
    background-color: #0d0e12 !important; 
    color: #ffffff !important; 
    border: 1px solid rgba(255, 255, 255, 0.1) !important; 
    border-radius: 6px !important; 
    box-sizing: border-box !important; 
    font-size: 14px !important;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    border-color: var(--neon-azul) !important;
    outline: none !important;
    box-shadow: 0 0 8px rgba(0, 240, 255, 0.2) !important;
}
.btn-neon { padding: 10px 20px; background: transparent; border: 2px solid var(--neon-azul); color: var(--neon-azul); font-weight: bold; font-size: 13px; border-radius: 6px; cursor: pointer; text-transform: uppercase; transition: all 0.3s ease; display: inline-block; text-decoration: none; text-align: center; }
.btn-neon:hover { background-color: var(--neon-azul); color: #000; box-shadow: 0 0 15px var(--neon-azul); }