/**
 * Página /intranet/ (ID 1662, page-intranet.php), que sirve también TODAS las rutas
 * internas de la intranet (pagename=intranet). Solo se encola en esa página
 * (inc/class-assets.php).
 *
 *   .il-intranet          flex column, relative, width 100%
 *   .il-intranet__inner   flex column, flex-grow 1, max-width 1200px, centrado
 *   .il-intranet__content flex item, relative, width 100%, min-width 0. Al ser flex
 *                         item crea su propio contexto de formato: el margin-top del
 *                         .innovalike-intranet del plugin NO colapsa hacia fuera.
 *
 * Normalización que heredan las plantillas del plugin (box-sizing, enlaces sin
 * subrayado, img fluidas, hr/iframe…): va con la misma especificidad (0,1,1) y
 * cargando después del CSS del plugin. Sin ella cambiaría el render de la intranet.
 * `.page-content a { text-decoration: underline }` (innovalike-theme-base.css) no
 * aplica: aquí no hay `.page-content`.
 */

.il-intranet {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
	min-width: 0;
}

.il-intranet__inner {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.il-intranet__content {
	position: relative;
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

/* Normalización (ver cabecera). */
.il-intranet *,
.il-intranet ::before,
.il-intranet ::after {
	box-sizing: border-box;
}

.il-intranet a {
	box-shadow: none;
	text-decoration: none;
}

.il-intranet hr {
	background-color: transparent;
	margin: 0;
}

.il-intranet img {
	border: none;
	border-radius: 0;
	box-shadow: none;
	height: auto;
	max-width: 100%;
}

.il-intranet embed,
.il-intranet iframe,
.il-intranet object,
.il-intranet video {
	border: none;
	line-height: 1;
	margin: 0;
	max-width: 100%;
	width: 100%;
}