/* ===================================================
   E.S.E HOSPITAL SAN FRANCISCO
   DISEÑO INSTITUCIONAL 2026
===================================================*/

:root{

    --azul:#0056B3;
    --azulOscuro:#003366;
    --azulClaro:#EAF4FF;
    --gris:#F5F7FA;
    --texto:#333;
    --blanco:#FFF;

}

/* Barra superior */

.first-div{

    background:linear-gradient(90deg,#003366,#0056B3);
    color:#FFF;
    font-size:14px;

    box-shadow:0 2px 8px rgba(0,0,0,.15);

}

.first-div a{

    color:#FFF !important;
    transition:.3s;

}

.first-div a:hover{

    color:#FFD54F !important;

}

/* Logo */

#encabezado{

    background:#FFF;
    text-align:center;
    padding:15px 0;
    box-shadow:0 4px 20px rgba(0,0,0,.08);

}

#logo_completo{

    max-width:700px;
    width:90%;
    transition:.4s;

}

/* Menu */

#menu{

    background:#FFF;
    box-shadow:0 6px 18px rgba(0,0,0,.10);

}

#menu ul li>a{

    color:#003366;
    font-weight:600;
    letter-spacing:.3px;

}

#menu ul li>a:hover{

    background:#0056B3;
    color:#FFF;

}

/* Submenus */

.children{

    border-radius:0 0 8px 8px;
    overflow:hidden;

}

.children li{

    background:#FFF;

}

.children li a{

    color:#003366;

}

.children li:hover{

    background:#EAF4FF;

}

/* Sticky */

.menu-fixed{

    position:fixed;

    top:0;

    width:100%;

    z-index:99999;

}

/* PQRS */

.btn-pqrs{

    background:#0056B3;

    color:#FFF !important;

    border-radius:30px;

    padding:0 22px !important;

    margin-left:15px;

    transition:.3s;

}

.btn-pqrs:hover{

    background:#0078FF !important;

    transform:translateY(-2px);

}

/* Responsive */

@media(max-width:992px){

#logo_completo{

width:95%;

}

}