/*
 * Skin corporativo de Sanitas (Sanitas, parte de Bupa).
 *
 * La paleta sale de la web pública sanitas.es (septiembre de 2026):
 *   - Azul Sanitas #0079C8: color del logotipo y de los botones de acción.
 *   - Azul profundo #0652AE: enlaces y estado hover de las acciones.
 *   - Marino #0D1846: barra superior y pie de la web. Aquí viste el menú lateral.
 *   - Rojo Sanitas #DB3907: acento de las llamadas a la acción destacadas. Se
 *     reserva para estados de error y avisos; no tiñe la navegación.
 *   - Gris tinta #21272A, gris texto #4E5357 y gris borde #DDE1E6.
 *
 * La cabecera es blanca, igual que en la web, porque el logo del menú abierto
 * es azul sobre fondo claro. Todos los selectores están acotados a
 * ``skin-sanitas`` para no afectar a los demás tenants.
 */

.skin-sanitas {
    --san-azul: #0079c8;
    --san-azul-hover: #0652ae;
    --san-azul-suave: #e6f2fa;
    --san-marino: #0d1846;
    --san-marino-profundo: #0a1238;
    --san-marino-claro: #16255f;
    --san-rojo: #db3907;
    --san-tinta: #21272a;
    --san-gris-texto: #4e5357;
    --san-gris-menu: #b8c7d2;
    --san-borde: #dde1e6;
    --san-fondo: #f5f7fa;
    --san-papel: #ffffff;
}

/* Cabecera blanca con el logo azul. */
.skin-sanitas .main-header {
    box-shadow: 0 1px 0 var(--san-borde);
}

.skin-sanitas .main-header .navbar,
.skin-sanitas .main-header > .logo,
.skin-sanitas .main-header > .logo:hover {
    background-color: var(--san-papel) !important;
    color: var(--san-marino);
}

.skin-sanitas .main-header > .logo {
    border-right: 1px solid var(--san-borde);
}

.skin-sanitas .main-header > .logo > .logo-lg img {
    width: 80% !important;
    height: 40px !important;
    position: relative;
    top: 5px;
}

.skin-sanitas .main-header .navbar .nav > li > a,
.skin-sanitas .main-header .navbar .sidebar-toggle,
.skin-sanitas .main-header .navbar > .sidebar-toggle,
.skin-sanitas .main-header .navbar .navbar-toggle,
.skin-sanitas .main-header .navbar-brand {
    color: var(--san-marino);
}

.skin-sanitas .main-header .navbar .nav > li > a:hover,
.skin-sanitas .main-header .navbar .nav > li > a:active,
.skin-sanitas .main-header .navbar .nav > li > a:focus,
.skin-sanitas .main-header .navbar .nav .open > a,
.skin-sanitas .main-header .navbar .nav .open > a:hover,
.skin-sanitas .main-header .navbar .nav .open > a:focus,
.skin-sanitas .main-header .navbar .nav > .active > a,
.skin-sanitas .main-header .navbar .sidebar-toggle:hover {
    background-color: var(--san-azul-suave);
    color: var(--san-azul-hover);
}

.skin-sanitas .main-header li.user-header,
.skin-sanitas .main-header .navbar .nav > li.user-menu > .dropdown-menu > .user-header {
    background-color: var(--san-marino) !important;
    color: #ffffff !important;
}

/* Menú lateral en marino, como la barra superior y el pie de sanitas.es. */
.skin-sanitas .wrapper,
.skin-sanitas .main-sidebar,
.skin-sanitas .left-side {
    background-color: var(--san-marino);
}

.skin-sanitas .user-panel > .info,
.skin-sanitas .user-panel > .info > a {
    color: #ffffff;
}

.skin-sanitas .sidebar-menu > li.header {
    background-color: var(--san-marino-profundo);
    color: var(--san-gris-menu);
}

.skin-sanitas .sidebar a,
.skin-sanitas .sidebar-menu > li > a {
    color: #ffffff;
}

.skin-sanitas .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-sanitas .sidebar-menu > li:hover > a,
.skin-sanitas .sidebar-menu > li.active > a {
    background-color: var(--san-marino-claro);
    border-left-color: var(--san-azul);
    color: #ffffff;
}

.skin-sanitas .sidebar-menu > li > .treeview-menu {
    background-color: var(--san-marino-profundo);
}

.skin-sanitas .treeview-menu > li > a {
    color: var(--san-gris-menu);
}

.skin-sanitas .treeview-menu > li.active > a,
.skin-sanitas .treeview-menu > li > a:hover {
    background-color: var(--san-marino-claro);
    color: #ffffff;
}

.skin-sanitas .sidebar-form {
    border: 1px solid var(--san-marino-claro);
    border-radius: 3px;
    margin: 10px 10px;
}

.skin-sanitas .sidebar-form input[type="text"],
.skin-sanitas .sidebar-form .btn {
    background-color: var(--san-marino-claro);
    border: 1px solid transparent;
    box-shadow: none;
    color: #ffffff;
    height: 35px;
}

.skin-sanitas .sidebar-form input[type="text"]:focus,
.skin-sanitas .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: var(--san-papel);
    color: var(--san-tinta);
}

/* Contenido: fondo gris muy claro y cajas blancas. */
.skin-sanitas .content-wrapper,
.skin-sanitas .right-side {
    background-color: var(--san-fondo);
    color: var(--san-tinta);
}

.skin-sanitas .content-header {
    background: transparent;
    box-shadow: none;
}

.skin-sanitas .box,
.skin-sanitas .nav-tabs-custom,
.skin-sanitas .content .panel,
.skin-sanitas .content .card {
    background-color: var(--san-papel);
    border-color: var(--san-borde);
}

.skin-sanitas .box.box-primary,
.skin-sanitas .box.box-corporativo,
.skin-sanitas div.box-danger,
.skin-sanitas .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: var(--san-azul) !important;
}

.skin-sanitas .profile-user-img {
    border: 3px solid var(--san-azul) !important;
}

/* Acciones: azul Sanitas con texto blanco; hover en azul profundo. */
.skin-sanitas .btn-primary,
.skin-sanitas .btn.btn-primary,
.skin-sanitas .label.label-corporativo,
.skin-sanitas .pagination > .active > a,
.skin-sanitas .pagination > .active > span {
    background-color: var(--san-azul) !important;
    border-color: var(--san-azul) !important;
    color: #ffffff !important;
}

.skin-sanitas .btn-primary:hover,
.skin-sanitas .btn-primary:active,
.skin-sanitas .btn-primary:focus {
    background-color: var(--san-azul-hover) !important;
    border-color: var(--san-azul-hover) !important;
}

.skin-sanitas .content-wrapper a:not(.btn):not(.label) {
    color: var(--san-azul-hover);
}

.skin-sanitas .content-wrapper a:not(.btn):not(.label):hover,
.skin-sanitas .content-wrapper a:not(.btn):not(.label):focus {
    color: var(--san-azul);
}

.skin-sanitas .main-footer {
    background-color: var(--san-papel) !important;
    border-top-color: var(--san-borde);
    color: var(--san-gris-texto) !important;
}

/* Login y pantallas públicas que extienden base_sr.html. */
.skin-sanitas .registration {
    background-color: var(--san-marino) !important;
}

.skin-sanitas .registration .sidebar {
    background-color: var(--san-papel);
    color: var(--san-tinta);
    opacity: 1;
}

.skin-sanitas .registration .btn,
.skin-sanitas .registration .btn-large {
    background-color: var(--san-azul) !important;
    color: #ffffff;
}

.skin-sanitas .registration .btn:hover,
.skin-sanitas .registration .btn-large:hover {
    background-color: var(--san-azul-hover) !important;
}

.skin-sanitas .registration .input-field input:focus + label,
.skin-sanitas .registration .material-icons.active {
    color: var(--san-azul) !important;
}

.skin-sanitas .registration .row .input-field input:focus {
    border-bottom-color: var(--san-azul) !important;
    box-shadow: 0 1px 0 0 var(--san-azul) !important;
}

/* Barra de progreso, botón flotante de control horario. */
.skin-sanitas .pace .pace-progress,
.skin-sanitas .circular-menu .floating-btn,
.skin-sanitas .circular-menu::after {
    background-color: var(--san-azul) !important;
}

.skin-sanitas .pace .pace-activity {
    border-top-color: var(--san-azul);
    border-left-color: var(--san-azul);
}

.skin-sanitas i.btn-entrada-salida {
    color: #ffffff;
}

@media (max-width: 767px) {
    .skin-sanitas .main-header > .logo {
        background-color: var(--san-papel) !important;
        border-right: none;
    }
}