/* ========================================================================
   1. RESET GLOBAL (FONDO BLANCO + HEADER AZUL HOLCIM)
   ======================================================================== */
:root, body, .pf-v5-theme-dark {
    /* Fondo Principal BLANCO */
    --pf-v5-global--BackgroundColor--100: #ffffff !important;
    --pf-v5-c-page__main-section--BackgroundColor: #ffffff !important;
    --pf-v5-global--BackgroundColor--light-100: #ffffff !important;

    /* Textos generales en NEGRO */
    --pf-v5-global--Color--100: #151515 !important;
    --pf-v5-global--Color--200: #151515 !important;

    /* Header y Sidebar en AZUL HOLCIM (#041739) */
    --pf-v5-global--BackgroundColor--dark-100: #041739 !important;
    --pf-v5-global--BackgroundColor--dark-200: #041739 !important;
    --pf-v5-global--BackgroundColor--dark-300: #041739 !important;
    --pf-v5-c-page__header--BackgroundColor: #041739 !important;
    --pf-v5-c-page__sidebar--BackgroundColor: #041739 !important;
}

/* ========================================================================
   2. HEADER (BARRA SUPERIOR)
   ======================================================================== */
.pf-v5-c-page__header {
    background-color: #041739 !important;
    background-image: none !important;
    border-bottom: none !important;
    min-height: 100px !important;
    z-index: 1000 !important;
}

/* Botones e iconos del header en BLANCO */
.pf-v5-c-page__header .pf-v5-c-button,
.pf-v5-c-page__header svg,
.pf-v5-c-page__header .pf-v5-c-dropdown__toggle {
    color: #ffffff !important;
    fill: #ffffff !important;
}
.pf-v5-c-page__header .pf-v5-c-button:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* ========================================================================
   3. "KILL SWITCH" DEL LOGO KEYCLOAK
   ======================================================================== */
.pf-v5-c-page__header-brand,
.pf-v5-c-page__header-brand-link,
.pf-v5-c-brand {
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: none !important;
    background: transparent !important;
}

/* OCULTAR TODOS LOS HIJOS */
.pf-v5-c-page__header-brand-link > *,
.pf-v5-c-brand > * {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Por si acaso queda una imagen rebelde */
img[alt="Logo"], 
img[src*="keycloak"],
.pf-v5-c-brand img {
    display: none !important;
}

/* ========================================================================
   4. INYECTAR LOGO HOLCIM
   ======================================================================== */
body::before {
    content: "";
    display: block;
    position: fixed;
    top: 15px; 
    left: 60px;
    
    width: 170px;  
    height: 50px;
    
    z-index: 9999;
    pointer-events: none;
    
    /* SVG Holcim */
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="284" height="67" fill="none" viewBox="0 0 284 67"%3E%3Cg clip-path="url(%23clip0)"%3E%3Cpath fill="%23fff" d="M78.39 19.11h9.14v12.25H99.6V19.11h9.13v32.74H99.6V39.41H87.52v12.44h-9.14V19.11h.01zm38.25 16.46v-.09c0-9.4 7.46-17.03 17.63-17.03 10.17 0 17.53 7.53 17.53 16.93v.09c0 9.4-7.46 17.02-17.63 17.02-10.17.01-17.53-7.52-17.53-16.92zm25.84 0v-.09c0-4.72-3.27-8.84-8.3-8.84-4.99 0-8.16 4.02-8.16 8.75v.09c0 4.72 3.27 8.84 8.26 8.84 5.02 0 8.2-4.02 8.2-8.75zm17.65-16.46h9.14V43.9h15.1v7.95h-24.24V19.11zm28.83 16.46v-.09c0-9.54 7.39-17.03 17.38-17.03 6.73 0 11.07 2.81 13.99 6.83l-6.88 5.29c-1.88-2.34-4.05-3.84-7.2-3.84-4.61 0-7.86 3.88-7.86 8.65v.09c0 4.91 3.25 8.75 7.86 8.75 3.44 0 5.46-1.59 7.44-3.98l6.88 4.86c-3.11 4.26-7.3 7.39-14.6 7.39-9.43.01-17.01-7.14-17.01-16.92zm39.81-16.46h9.18v32.74h-9.18V19.11zm18.63 0h9.65l8.38 12.68 8.38-12.68h9.65v32.74h-9.09V32.7l-8.94 12.82h-.19l-8.9-12.72v19.05h-8.95V19.11h.01z"/%3E%3Cpath fill="url(%23paint0_linear)" d="M43.36 0C34.61 0 27.1 5.6 25.08 14.23c-.42 1.85-.71 4.23-.71 7.5v6.37H38V13.63h10.72v23.51c7.86-2.32 13.64-9.58 13.64-18.22C62.36 8.27 54.02 0 43.36 0zM18.83 65.48c8.76 0 16.43-5.6 18.45-14.23.42-1.85.71-4.23.71-7.5v-6.37H24.36v14.47H13.64V28.34C5.78 30.66 0 37.92 0 46.55c0 11.11 7.72 18.93 18.83 18.93z"/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id="paint0_linear" x1="-1.804" x2="63.995" y1="46.714" y2="18.784" gradientUnits="userSpaceOnUse"%3E%3Cstop offset=".15" stop-color="%2394C12E"/%3E%3Cstop offset=".186" stop-color="%238DC137"/%3E%3Cstop offset=".245" stop-color="%237BC04F"/%3E%3Cstop offset=".32" stop-color="%235EBF77"/%3E%3Cstop offset=".407" stop-color="%2336BDAE"/%3E%3Cstop offset=".5" stop-color="%2304BBF1"/%3E%3Cstop offset=".586" stop-color="%2305B7ED"/%3E%3Cstop offset=".674" stop-color="%2308ABE0"/%3E%3Cstop offset=".764" stop-color="%230C98CC"/%3E%3Cstop offset=".855" stop-color="%23117DAF"/%3E%3Cstop offset=".946" stop-color="%23185B8A"/%3E%3Cstop offset="1" stop-color="%231D4370"/%3E%3C/linearGradient%3E%3CclipPath id="clip0"%3E%3Cpath fill="%23fff" d="M0 0H283.46V66.47H0z"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: contain;
}

/* ========================================================================
   6. SIDEBAR (MENÚ LATERAL) - TEXTOS BLANCOS
   ======================================================================== */
.pf-v5-c-page__sidebar, 
.pf-v5-c-nav {
    background-color: #041739 !important;
}

/* Textos del menú */
.pf-v5-c-nav__link, 
.pf-v5-c-nav__link-text,
.pf-v5-c-nav__item {
    color: #ffffff !important;
    --pf-v5-c-nav__link--Color: #ffffff !important;
}

/* Hover */
.pf-v5-c-nav__link:hover,
.pf-v5-c-nav__link:focus {
    background-color: rgba(4, 187, 241, 0.1) !important;
    --pf-v5-c-nav__link--Color: #ffffff !important;
}

/* Activo */
.pf-v5-c-nav__link.pf-m-current, 
.pf-v5-c-nav__link.pf-m-current::after {
    background-color: transparent !important;
    color: #04BBF1 !important;
    font-weight: bold !important;
}
.pf-v5-c-nav__link.pf-m-current::before {
    border-left: 4px solid #04BBF1 !important;
}

/* Selector de Realm */
.pf-v5-c-page__sidebar .pf-v5-c-menu-toggle,
.pf-v5-c-page__sidebar button {
    color: #ffffff !important;
}

/* ========================================================================
   7. LIMPIEZA DE CONTENIDO Y MODALES
   ======================================================================== */
.pf-v5-c-page__main, 
.pf-v5-c-page__main-section,
.pf-v5-c-modal-box {
    background-color: #ffffff !important;
}
.pf-v5-c-modal-box__title, 
.pf-v5-c-modal-box__body, 
.pf-v5-c-modal-box__footer {
    color: #151515 !important;
}