/* ============================================================
   Selector de idioma [deepl_language_switcher]
   Restyle 2026-07-17 a juego con el sistema visual de ATP (ver
   Propuesta/MANUAL-IDENTIDAD-ATP.md): tipografia Lexend 500/700 igual
   que los links del nav, mismo par de colores reposo/hover-activo que
   .cc-atp-header__nav (#42495B -> #008652 sobre fondo #EAF5EE), misma
   transicion 220ms ease. Pastilla con borde en vez de texto suelto para
   que se lea como un control, no como dos links perdidos en el header.
   `!important` en todo: este stylesheet convive con el CSS de Bricks
   (cascada no aislada por seccion, mismo motivo que el resto de este
   proyecto -- ver Manual de Identidad §7). ============================ */

.deepl-st-switcher {
	display: inline-flex !important;
	align-items: center !important;
	gap: 2px !important;
	font-family: Lexend, sans-serif !important;
	font-size: 14px !important;
	line-height: 1 !important;
	padding: 6px 8px !important;
	border-radius: 999px !important;
	border: 1px solid #E0E7EF !important;
	background-color: #FFFFFF !important;
	box-sizing: border-box !important;
}

.deepl-st-switcher .deepl-st-icon {
	font-size: 17px !important;
	color: #8A93A6 !important;
	margin-right: 2px !important;
	line-height: 1 !important;
}

.deepl-st-switcher a.deepl-st-lang-link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 22px !important;
	color: #42495B !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	padding: 4px 6px !important;
	border-radius: 999px !important;
	transition: color 220ms ease, background-color 220ms ease !important;
}
.deepl-st-switcher a.deepl-st-lang-link:hover {
	color: #008652 !important;
	background-color: #EAF5EE !important;
}
.deepl-st-switcher a.deepl-st-lang-link.is-active {
	color: #008652 !important;
	font-weight: 700 !important;
	background-color: #EAF5EE !important;
}

.deepl-st-switcher .deepl-st-divider {
	width: 1px !important;
	height: 14px !important;
	background-color: #E0E7EF !important;
	flex-shrink: 0 !important;
}
