/**
 * Estilos de umivale/sidebar-promocion-salud.
 *
 * Cliente (2026-09-16, revisión a fondo): "repliquemos el sidebar del sitio
 * original". Reutiliza las mismas clases `.umivale-sidebar-prestaciones__*`
 * y los mismos valores ya validados en `sidebar-prevencion` (medidos de
 * nuevo acá contra umivaleactiva.es, en la propia página): título
 * 20.8px/700/#3C4858, ítems 16px/gris con flecha 24x24 absolute
 * (`aux-icon` de Material Icons en el original), activo = mismo gris en
 * negrita (NO naranja), `<li>` con borde inferior 0.8px #e0e0e0. Bloque
 * propio (no comparte stylesheet con sidebar-prestaciones) porque WP solo
 * encola el `style.css` del bloque presente en cada página -- se duplican
 * las reglas a propósito, mismos valores.
 *
 * De paso corrige un bug heredado de la duplicación previa: el submenú
 * (nivel 2, ej. "Material de sensibilización...") medía acá 14px -- medido
 * de nuevo en dos árboles distintos (este y sidebar-prevencion/TME): el
 * original usa 16px en los dos niveles, sin diferencia de tamaño.
 */

.umivale-sidebar-prestaciones {
	width: 280px;
	min-width: 0;
	flex-shrink: 0;
	align-self: stretch;
	padding: 10px 15px 0 30px;
}

.umivale-sidebar-prestaciones__title {
	font-size: 20.8px;
	font-weight: 700;
	color: #3C4858;
	margin: 0 0 10px;
}

.umivale-sidebar-prestaciones__list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.umivale-sidebar-prestaciones__list > li {
	padding: 0 0 5px;
	border-bottom: 0.8px solid #e0e0e0;
}
.umivale-sidebar-prestaciones__list > li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.umivale-sidebar-prestaciones__link {
	display: block;
	position: relative;
	padding: 5px 25px 5px 10px;
	color: #3C4858;
	font-size: var(--uv-parrafo-s);
	font-weight: 300;
	text-decoration: none;
	line-height: 24px;
	transition: font-weight 0.15s;
}
.umivale-sidebar-prestaciones__link.is-active {
	font-weight: 700;
}
/* Cliente (2026-09-16, revisión a fondo): "revisar hover del sidebar, falta"
 * -- confirmado en vivo con el mouse contra umivaleactiva.es:
 * `background-color:#eeeeee`, sin negrita, sin border-radius. */
.umivale-sidebar-prestaciones__link:hover {
	background-color: #eeeeee;
}

.umivale-sidebar-prestaciones__arrow {
	position: absolute;
	top: 6px;
	right: 0;
	display: block;
	width: 24px;
	height: 24px;
	color: #3C4858;
	line-height: 0;
}
.umivale-sidebar-prestaciones__arrow svg {
	display: block;
	width: 24px;
	height: 24px;
}

/* Submenú (nivel 2): indentado 10px, sin flecha, mismo tamaño que el nivel 1. */
.umivale-sidebar-prestaciones__sublist {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
}
.umivale-sidebar-prestaciones__sublist li {
	border-bottom: none;
	padding: 0;
}
.umivale-sidebar-prestaciones__sublist .umivale-sidebar-prestaciones__link {
	padding-right: 10px;
}