/* Estilos propios del sitio (cabecera fija al hacer scroll, aplicado via sticky-header.js) */

/* Menú desplegable móvil: la librería vendor (SmartMenus) calcula su ancho y
   posición por JS en tiempo real, pero ese script nunca llega a inicializarse
   aquí, así que el menú se queda con su ancho por defecto (ajustado al
   contenido) y se sale de la pantalla. Lo forzamos a ocupar todo el ancho. */
@media (max-width: 1024px) {
	.lay-nav-menu--dropdown.lay-nav-menu__container {
		left: 0;
		right: 0;
		width: auto;
	}

	/* El efecto de apertura del menú (scaleY + max-height con una variable CSS
	   que la librería vendor nunca llega a definir) se queda congelado a mitad
	   de camino. Lo sustituimos por un estado abierto sin animación: siempre
	   correcto, aunque se pierda el efecto de despliegue suave. */
	.lay-menu-toggle.lay-active + .lay-nav-menu--dropdown.lay-nav-menu__container {
		max-height: none;
		transform: none;
	}
}

/* Animación de entrada de la cabecera al cargar la página (y al fijarse al
   hacer scroll). Usamos transition (no animation/keyframes): si por lo que
   sea la animación no llega a reproducirse con fluidez, el resultado final
   sigue siendo correcto, porque el valor aplicado depende solo de qué clases
   tiene el elemento en cada momento, no de que una línea de tiempo de
   animación progrese.
   Mismo selector exacto que header.css (".lay-151 .lay-element.lay-element-7fea669b",
   tres clases): esa regla también define "transition" y, al ser shorthand,
   pisaba por completo la nuestra (dejaba fuera "transform"). Con la misma
   especificidad, gana esta por cargarse site.css después. */
.lay-151 .lay-element.lay-element-7fea669b {
	transition: transform 0.4s ease-out;
}

.lay-element-7fea669b.lay-entrance-hidden {
	transform: translateY(-100%);
}

/* Insignia de pertenencia a la AEAFA, en su propia fila bajo el sello de Kit
   Digital, en el footer de todas las páginas. */
.lay-badge-row {
	text-align: center;
	padding: 0 0 4em;
}

.lay-badge-row__image {
	max-width: 200px;
	height: auto;
}

.lay-badge-row__caption {
	margin: 0.75em 0 0;
	font-size: 0.9em;
	color: #54595F;
}