/**
 * Botonera principal personalizada ONE.
 * No toca cabezales, contenedores, UL, LI, padding base ni alto del menu.
 * Solo aplica a enlaces marcados explicitamente con .one-menu-barra-enlace.
 */

a.one-menu-barra-enlace {
	text-decoration: none;
	transition: color var(--one-barra-tr, 200ms ease),
		background-color var(--one-barra-tr, 200ms ease),
		opacity var(--one-barra-tr, 200ms ease);
}

a.one-menu-barra-enlace .pt-text,
a.one-menu-barra-enlace .one-menu-enlace-texto,
a.one-menu-barra-enlace .one-menu-enlace-texto span,
a.one-menu-barra-enlace > span:not(.one-menu-simbolo) {
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
}

a.one-menu-barra-enlace .one-menu-enlace-texto {
	display: inline-flex;
	align-items: center;
	gap: 0.35em;
	vertical-align: middle;
}

a.one-menu-barra-enlace .one-menu-simbolo {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--one-menu-simbolo-size, 10px);
	height: var(--one-menu-simbolo-size, 10px);
	color: var(--one-menu-simbolo-color, currentColor);
	line-height: 1;
}

a.one-menu-barra-enlace .one-menu-simbolo-svg {
	width: 1em;
	height: 1em;
	display: block;
}

a.one-menu-barra-enlace.one-barra-linea .pt-text,
a.one-menu-barra-enlace.one-barra-borde-inferior,
a.one-menu-barra-enlace.one-barra-borde-inferior-hover,
a.one-menu-barra-enlace.one-barra-caja,
a.one-menu-barra-enlace.one-barra-caja-hover {
	position: relative;
}

a.one-menu-barra-enlace.one-barra-linea .pt-text::before,
a.one-menu-barra-enlace.one-barra-borde-inferior::after,
a.one-menu-barra-enlace.one-barra-borde-inferior-hover::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: var(--one-barra-linea-grosor, 2px);
	background: currentColor;
	pointer-events: none;
	transition: width var(--one-barra-tr, 200ms ease), opacity var(--one-barra-tr, 200ms ease);
}

a.one-menu-barra-enlace.one-barra-linea .pt-text::before {
	width: 0;
}

a.one-menu-barra-enlace.one-barra-linea:hover .pt-text::before {
	width: 100%;
}

a.one-menu-barra-enlace.one-barra-borde-inferior::after {
	opacity: 1;
}

a.one-menu-barra-enlace.one-barra-borde-inferior-hover::after {
	opacity: 0;
}

a.one-menu-barra-enlace.one-barra-borde-inferior-hover:hover::after {
	opacity: 1;
}

a.one-menu-barra-enlace.one-barra-subrayado-hover:hover {
	text-decoration: underline;
	text-decoration-thickness: var(--one-barra-linea-grosor, 2px);
}

a.one-menu-barra-enlace.one-barra-pastilla,
a.one-menu-barra-enlace.one-barra-caja,
a.one-menu-barra-enlace.one-barra-caja-rellena {
	background-color: var(--one-menu-fondo-bot, transparent);
}

a.one-menu-barra-enlace.one-barra-pastilla:hover,
a.one-menu-barra-enlace.one-barra-caja-hover:hover {
	background-color: var(--one-menu-fondo-bot-hover, var(--one-barra-fondo-hover, rgba(0, 0, 0, 0.06)));
}

a.one-menu-barra-enlace.one-barra-caja::after,
a.one-menu-barra-enlace.one-barra-caja-hover:hover::after {
	content: "";
	position: absolute;
	inset: 0;
	border: var(--one-barra-linea-grosor, 2px) solid currentColor;
	pointer-events: none;
}

a.one-menu-barra-enlace.one-barra-caja-rellena {
	background-color: var(--one-menu-fondo-bot, var(--one-menu-acento, #3b6ea5));
}

a.one-menu-barra-enlace.one-barra-caja-rellena:hover {
	opacity: var(--one-barra-hover-opacidad, 0.92);
}
