/**
 * ============================================================================
 * Complemento: tdc_marca
 * Componente:  Kit de marca blanca para Roundcube (TDC-RC-KIT)
 * Archivo:     plugins/tdc_marca/login-fondo.css
 * Propósito:   Imagen de fondo del inicio de sesión con overlay
 *              semitransparente: blanco en modo claro y negro en modo oscuro
 *              (contraste con el logo de colores y el logo blanco).
 *              Solo se carga si existe images/fondo-login.jpg.
 *              La intensidad sale de colores.conf (overlay).
 * ----------------------------------------------------------------------------
 * Historial de cambios (últimos 3):
 *   2026-10-17  v1.0.0  Versión genérica con variables, basada en
 *                       techdinecom_marca/login-fondo.css v1.0.0 (uhernandez)
 * ============================================================================
 * AUTOR: Ulises J.Hernandez G. (uhernandez)
 * REVISIÓN Y APROBACIÓN: Ulises Hernandez - Director Técnico (techdinecom)
 * UNIDAD ORGANIZATIVA: Departamento de Desarrollo
 * EMPRESA/FIRMA: TECHDINECOM
 * SISTEMA: Sistema de Gestión NORMADINTECH (TDC-NDT-ERP)
 * TIPO DE SISTEMA: ERP/CMS Institucional de la firma
 * ============================================================================
 */

/* ---------- Modo claro: imagen + overlay blanco ---------- */
html body.task-login {
    background-color: #f4f4f4;
    background-image:
        linear-gradient(var(--tdc-overlay-claro), var(--tdc-overlay-claro)),
        url("images/fondo-login.jpg");
    background-size: cover, cover;
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    min-height: 100vh;
}

/* ---------- Modo oscuro: imagen + overlay negro ---------- */
html.dark-mode body.task-login {
    background-color: #161b1d;
    background-image:
        linear-gradient(var(--tdc-overlay-oscuro), var(--tdc-overlay-oscuro)),
        url("images/fondo-login.jpg");
}

/* ---------- Contenedores de Elastic transparentes para que se vea el fondo ---------- */
html body.task-login #layout,
html body.task-login #layout-content,
html.dark-mode body.task-login #layout,
html.dark-mode body.task-login #layout-content {
    background: transparent;
}