/**
 * DIBA 2025 - COLORES Y FONDOS OPTIMIZADO
 * 
 * Basado en: maqueta.html de Seu Electrònica Diputació de Barcelona
 * Componente: Sistema de colores corporativos y fondos
 * Arquitectura: Selectores específicos sin !important
 * 
 * Color corporativo principal: #9D2235
 * Theme color: #A41E34
 * Aplicado a: Todo el sitio web
 */

/* ========================================
   COLORES CORPORATIVOS
   ======================================== */

/* Variables CSS definidas en diba2025-00-base.css */

/* ========================================
   FONDOS
   ======================================== */

body.diba {
    background-color: #ffffff;
    background-image: none;
}

/* Contenedores principales */
body.diba .container {
    background-color: #fff;
    max-width: 1170px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}

body.diba .container.theme-showcase {
    padding-left: 0;
    padding-right: 0;
}

body.diba .theme-showcase,
body.diba .container-fluid.info {
    background-color: var(--background-light);
}

/* Áreas de contenido */
body.diba .info,
body.diba .infoServeis,
body.diba .containerFitxaservei {
    background-color: var(--background-white);
}

/* Header y navegación */
body.diba header {
    background-color: var(--background-white);
}

/* Estilos de .navbar movidos a diba2025-05-menu-principal.css */

/* Estilos de footer movidos a diba2025-08-footer.css */

/* ========================================
   CLASES DE COLOR CORPORATIVO
   ======================================== */

body.diba .colorcorporatiu-9d2235 {
    /* Clase identificadora del color corporativo */
}

body.diba .bg-primary {
    background-color: var(--primary);
}

body.diba .bg-dark {
    background-color: #343a40;
}

body.diba .bg-light {
    background-color: var(--background-light);
}

body.diba .bg-white {
    background-color: var(--background-white);
}

/* ========================================
   SOMBRAS Y EFECTOS
   ======================================== */

/* .shadow-down definido en diba2025-05-menu-principal.css */
/* .card definido en diba2025-06-banner.css */

/* ========================================
   BORDES
   ======================================== */

body.diba .border-0 {
    border: 0;
}

body.diba .border-none {
    border: none;
}

body.diba .border-top {
    border-top: 1px solid var(--border-color);
}

body.diba .border-4 {
    border-width: 4px;
}

body.diba .border-bottom-primary {
    border-bottom: 8px solid var(--primary);
}

/* ========================================
   ESTADOS HOVER Y ACTIVOS
   ======================================== */

/* Color hover por defecto para enlaces generales */
body.diba a:hover {
    color: var(--primary);
}

body.diba .nav-link:hover,
body.diba .nav-link:focus {
    color: var(--primary);
}

/* ========================================
   ALERTAS Y NOTIFICACIONES
   ======================================== */

body.diba .alert-info {
    background-color: #d1ecf1;
    border-color: #bee5eb;
    color: #0c5460;
}

body.diba .alert-warning {
    background-color: #fff3cd;
    border-color: #ffeaa7;
    color: #856404;
}

body.diba .alert-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

body.diba .alert-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

/* ========================================
   LOADING BAR (SPA)
   ======================================== */

body.diba .lfr-spa-loading-bar {
    background: var(--primary);
    display: none;
    height: 2px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(100%);
    z-index: 2000;
}

body.diba .lfr-spa-loading .lfr-spa-loading-bar {
    animation: shift-rightwards 1s ease-in-out infinite;
    animation-delay: 0.4s;
    display: block;
}

@keyframes shift-rightwards {
    0% {
        transform: translateX(-100%);
    }
    40% {
        transform: translateX(0%);
    }
    60% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(100%);
    }
}

/* ========================================
   IDENTIFICACIÓN VISUAL DE ENTORNOS
   ======================================== */

/**
 * Colores de fondo según entorno de ejecución
 * 
 * - DEV (Desarrollo): Verde claro (#DAF7A6)
 * - INT (Integración): Amarillo claro (#FEEDAD)  
 * - PRE (Preproducción): Rojo/rosa claro (#FDCDC2)
 * - PRO (Producción): Blanco (sin estilo, por defecto)
 * 
 * La clase se asigna dinámicamente en PHP:
 *   $color = ConfigFile::colorByEntorn();
 *   <body class="diba <?php echo $color; ?>">
 * 
 * Selectores específicos para sobrescribir body.diba { background-color: #f3f3f4; }
 * Especificidad: 0,0,2,1 (1 elemento + 2 clases) > 0,0,1,1 (body.diba)
 */

/* Entorno de Desarrollo */
body.diba.dev {
    background-color: #DAF7A6 !important;
}

/* Entorno de Integración (INT) - AMARILLO */
body.diba.int {
    background-color: #FEEDAD !important;
}

/* Entorno de Preproducción (PRE) - ROJO/ROSA */
body.diba.pre {
    background-color: #FDCDC2 !important;
}

/* Entorno de Producción (PRO) - Blanco (sin estilo adicional, usa el por defecto) */
body.diba.pro {
    background-color: #ffffff !important;
}

/* ========================================
   RESPONSIVE
   ======================================== */

@media (max-width: 767px) {
    body.diba .theme-showcase {
        padding: 0;
    }
}