/*
 * Botón «Cotiza aquí» en el menú principal.
 *
 * Vive en el plugin y no en el tema hijo porque el tema hijo NO está activo:
 * el sitio corre con `cargo`, así que cualquier CSS puesto en `cargo-child`
 * sería inerte. Y cambiar el tema activo en producción es un riesgo que este
 * botón no justifica.
 *
 * El ítem del menú lleva la clase `alv-cta`, que se administra desde
 * Apariencia → Menús: se puede renombrar, mover o quitar sin tocar código.
 */

/* Se selecciona por el <li> y no por el <ul>: en el header el tema emite el
   menú con items_wrap, o sea solo los <li> dentro de un <ul> sin clase, así
   que cualquier selector que dependa de `.menu` funciona en el footer y no
   en el header. */
li.alv-cta > a {
	background-color: #0b60a9 !important;
	color: #fff !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	margin-left: 12px;
	transition: background-color .18s ease;
}

li.alv-cta > a:hover,
li.alv-cta.current-menu-item > a,
li.alv-cta.current_page_item > a {
	background-color: #08487e !important;
	color: #fff !important;
}

li.alv-cta > a:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -5px;
}

/* En el menú desplegable de móvil, un bloque azul a ancho completo se ve
   pesado: basta el color del acento y una línea que lo destaque. */
@media (max-width: 991px) {
	li.alv-cta > a {
		background-color: transparent !important;
		color: #0b60a9 !important;
		font-weight: 700;
		border-left: 3px solid #0b60a9;
		margin-left: 0;
		padding-left: 14px !important;
	}
}