/* ==========================================================================
   1. CONFIGURACIÓN GLOBAL Y TIPOGRAFÍA (13px)
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

html, body, #privada, *, input, select, textarea, button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    line-height: 1.9 !important;
}

/* ==========================================================================
   2. CABECERA Y LOGOTIPO (Franja Blanca)
   ========================================================================== */
#cabecera, #publica #cabecera, #cabecera div {
    background-color: #ffffff !important;
    border: 0 !important; /* Elimina la línea superior en el login e interior */
}

#cabecera img, 
img[src*="LOGO_prevamar_OK"] {
    width: 167px !important;
    height: 75px !important;
    display: block !important;
    object-fit: contain !important;
}

/* ==========================================================================
   3. MENÚ SUPERIOR (Nuevos colores de Submenús)
   ========================================================================== */

/* BOTÓN INICIO Y SUBMENÚS (Dades generals, Centres, etc.) -> GRIS #dde0e1 */
#main-menu li.menu_inicio a, 
#main-menu li:first-child a,
#main-menu li ul li a {
    background-color: #dde0e1 !important; 
    color: #45565c !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

/* BOTONES PRINCIPALES (Gestió, Prevenció, Notícies, Doc.) -> GRIS CORPORATIVO */
#main-menu li.menu_gestion a, 
#main-menu li.menu_prevencion a, 
#main-menu li.menu_documentacion a, 
#main-menu li.menu_noticies a,
#main-menu li.menu_noticias a {
    background-color: #45565c !important;
    color: #ffffff !important;
}

/* Espaciado para iconos en submenús */
#main-menu li ul li a {
    padding-left: 48px !important;
    border-bottom: 1px solid #ffffff !important;
}

/* ROLLOVER GENERAL (Rojo Corporativo) - No borra iconos */
#main-menu li a:hover, 
#main-menu li ul li a:hover,
#main-menu li.menu_inicio a:hover {
    background-color: #ff001e !important;
    color: #ffffff !important;
}

/* ==========================================================================
   4. FRAnJA DE NAVEGACIÓN / MIGAS DE PAN (Unificación y limpieza)
   ========================================================================== */
#caminoMigas {
    background-color: #dde0e1 !important; /* Color unificado con el login */
    padding: 4px 20px !important;
    border: none !important; /* Eliminamos las dos líneas finas (superior e inferior) */
}

#caminoMigas, #caminoMigas a, #caminoMigas span {
    color: #45565c !important;
    letter-spacing: 0.05em !important;
    word-spacing: 2px !important;
}

/* ==========================================================================
   5. BOTÓN FLOTANTE DE SOPORTE (Rojo Corporativo)
   ========================================================================== */
[id*="Soporte"], [class*="soporte"], .boton-soporte, #btnSoporte,
[style*="background-color: rgb(37, 211, 102)"], 
[style*="background-color: #25d366"] {
    background-color: #ff001e !important;
    border-color: #ff001e !important;
}

/* ==========================================================================
   6. OTROS ELEMENTOS (Escritorio, Pie y Tablas)
   ========================================================================== */
#inicio #menu_gestion, #inicio #menu_prevencion { background-color: #45565c !important; }
#menu_gestion > div, #menu_prevencion > div { background-color: transparent !important; }
#menu_gestion:hover, #menu_prevencion:hover { background-color: #ff001e !important; }

#pie, #publica #pie { background-color: #45565c !important; color: #ffffff !important; }
#pie a:hover { color: #ff001e !important; }

.tabla_listado th, .titulo_seccion, #areaForm {
    background-color: #45565c !important;
    color: #ffffff !important;
}

/* ==========================================================================
   7. AJUSTES PANTALLA LOGIN (#publica)
   ========================================================================== */
#publica { background-color: #dde0e1 !important; }

/* Rollover rojo para el botón Entrar */
#publica .botonGrande:hover,
#publica input.botonGrande:hover {
    background-color: #ff001e !important;
    color: #ffffff !important;
    border-color: #ff001e !important;
}

#publica a.recuperarpassword { color: #ffffff !important; text-decoration: none !important; }
#publica a.recuperarpassword:hover { color: #ff001e !important; }