/**
 * Ajustes del encabezado del sitio.
 *
 * Igual que css/prematricula-pagina.css, este fichero se escribe a mano y no
 * se compila desde scss/: el repositorio no trae con qué compilarlo y el
 * styles.css versionado no coincide con lo que produce hoy un `sass` suelto.
 * El razonamiento completo está en la cabecera de aquel.
 *
 * Se carga en la librería global del tema (admision.libraries.yml -> inicio).
 */

/* --- El logo -----------------------------------------------------------
 *
 * El fichero mide 2367x912 y el tema solo le ponía "max-width: 95%", así que
 * su tamaño lo decidía el ancho de la columna: en pantalla grande salía a unos
 * 313px de ancho y 121 de alto, y era el logo el que estiraba el encabezado
 * entero hacia abajo.
 *
 * Se limita por ancho —la altura sale sola por proporción, unos 85px— para que
 * ocupe lo mismo que en el sitio institucional.
 */
#header .logo img {
  max-width: 220px;
}

/* --- El menú principal, a la derecha -----------------------------------
 *
 * Superfish flota sus elementos a la izquierda, así que un "text-align: right"
 * en el contenedor no habría hecho nada: hay que mover el bloque entero.
 *
 * El clearfix va con un pseudoelemento y NO con "overflow: hidden", que sería
 * lo primero que uno prueba: eso recortaría los submenús desplegables, que van
 * posicionados fuera del flujo.
 */
@media (min-width: 992px) {
  #header .region-menu-principal:after {
    content: "";
    display: block;
    clear: both;
  }

  #header .region-menu-principal .sf-main.sf-horizontal {
    float: right;
  }

  /* El último elemento arrastraba 32px de aire a su derecha (12 de margen y
     20 de relleno) y el menú quedaba despegado del borde. */
  #header .region-menu-principal .sf-main.sf-horizontal > li:last-child > a,
  #header .region-menu-principal .sf-main.sf-horizontal > li:last-child > span {
    margin-right: 0;
    padding-right: 0;
  }
}
