/* ============================================
   FONDOS DE PANTALLA DEL SISTEMA
   ============================================ */

/* FONDO GENERAL - Todas las páginas */
body {
    background-image: url('../fondos/bg_general.jpg') !important;
    background-attachment: fixed !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

html, body {
    width: 100%;
    height: 100%;
}

/* Contenedor principal con fondo semi-transparente */
.container,
.card,
.modal-content {
    background: rgba(255, 255, 255, 0.97) !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2) !important;
}

.navbar {
    background: rgba(102, 126, 234, 0.95) !important;
    backdrop-filter: blur(10px) !important;
}

/* Asegurar que los elementos importantes sean visibles */
.form-section,
.input-group {
    background: rgba(255, 255, 255, 0.95) !important;
}

/* Para pantallas pequeñas */
@media (max-width: 768px) {
    body {
        background-size: cover !important;
        background-position: center !important;
    }
}