/* Encabezado blanco. Quitar este archivo de los HTML restaura el tema original.
   Los colores y tamaños anteriores se conservan intactos en styles.css. */
header {
    --header-text: #087da4;
    --header-active: #155b83;
    background: #fff;
    border-bottom: 1px solid #dcecf3;
    box-shadow: 0 3px 16px rgba(28, 110, 164, .07);
}
header .logo-img { height: 88px; }
header .logo-text,
header nav a,
header .dropdown-content a,
header .dropbtn { color: var(--header-text); }
header nav a:hover,
header nav a.active,
header .dropbtn:hover,
header .dropbtn.active,
header .dropbtn[aria-expanded="true"] { color: var(--header-active); }
header nav a.active::after { background: var(--header-text); }
header :focus-visible { outline-color: var(--header-text); }
header .dropdown-content {
    background: #fff;
    border: 1px solid #dcecf3;
    box-shadow: 0 8px 24px rgba(28, 110, 164, .14);
}
header .dropdown-content a:hover,
header .dropdown-content a:focus-visible {
    background: #eaf7fc;
    color: var(--header-active);
}
@media (max-width: 600px) {
    header .logo-img { height: 64px; max-width: 80px; }
}

/* Mayor presencia del logo y de la navegación principal. */
header nav { gap: 28px; }
header nav > a, header .dropbtn { font-size: 1.2rem; font-weight: 600; }
header .dropdown-content a { font-size: 1.05rem; }
@media (max-width: 600px) {
    header nav { gap: 4px; }
    header nav > a, header .dropbtn { font-size: clamp(.95rem, 4.3vw, 1.1rem); padding: 8px 0; }
}