/**
 * Estabilidad del primer render.
 *
 * Estas reglas reservan la geometría de componentes que se completan mediante
 * JavaScript diferido. No cambian su diseño final.
 */

/* Evita que los submenús aparezcan expandidos antes de iniciar Tresio. */
@media only screen and (min-width: 64.01em) {
	header .row .nav-links nav.tresio-nav:not(.tresio-nav--loaded) > ul.partial_nav {
		display: flex;
		position: relative;
		width: 100%;
		height: 21px;
		margin: 0;
		padding: 0;
		align-items: center;
		justify-content: space-between;
		list-style: none;
	}

	header .row .nav-links nav.tresio-nav:not(.tresio-nav--loaded) > ul.partial_nav > li {
		display: block;
	}

	header .row .nav-links nav.tresio-nav:not(.tresio-nav--loaded) ul.partial_nav li > ul {
		display: none !important;
	}
}

/* Reserva el ancho del botón móvil mientras el script crea el control real. */
@media only screen and (max-width: 64em) {
	header .row .nav-links nav.tresio-nav:not(.tresio-nav--loaded) {
		display: inline-block;
		width: 26px;
		height: 46px;
		padding: 14px 0 9px;
	}

	header .row .nav-links nav.tresio-nav:not(.tresio-nav--loaded) > ul.partial_nav {
		display: none !important;
	}
}

/* Respeta la altura declarada por los formularios embebidos durante su carga. */
iframe[data-layout-iframe-id][data-height] {
	min-height: 875px;
}