/* ============================================================
   IEP Translate — Selector de idioma ES / EN
   Texto simple, sin banderas, sin fondo bajo ninguna circunstancia.
   Hover: el color se intensifica un poco (solo mientras el mouse
   esta encima). Focus/active (despues del clic): sin ningun efecto,
   vuelve exactamente al estado normal. Idioma actual: un poco mas
   oscuro que el otro, de forma permanente.
   Desarrollado por Blue Ark Solutions
   ============================================================ */

.iep-lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--fuente-sans, 'DM Sans', sans-serif);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.06em;
  vertical-align: middle;
  line-height: 1;
}

.iep-lang-sep {
  color: rgba(27, 33, 43, 0.35);
}

.iep-lang-btn {
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: 1;
  color: rgba(27, 33, 43, 0.45);
  transition: color 0.2s ease;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

/* Hover: se intensifica un poco, solo mientras dura el hover. */
.iep-lang-btn:hover {
  color: rgba(27, 33, 43, 0.75);
  background: none !important;
}

/* Despues de un clic (focus/active): exactamente igual al estado
   normal, sin ningun rastro del hover ni del clic. */
.iep-lang-btn:focus,
.iep-lang-btn:active,
.iep-lang-btn:focus-visible {
  color: rgba(27, 33, 43, 0.45);
  background: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Idioma actualmente en uso: un poco mas oscuro, de forma permanente. */
.iep-lang-btn.iep-lang-active,
.iep-lang-btn.iep-lang-active:focus,
.iep-lang-btn.iep-lang-active:active {
  color: rgba(27, 33, 43, 0.9);
  font-weight: 700;
}
.iep-lang-btn.iep-lang-active:hover {
  color: rgba(27, 33, 43, 1);
}

/* Neutraliza cualquier fondo que el menu del tema le ponga al
   elemento de lista que contiene el selector. */
li.iep-lang-menu-item,
li.iep-lang-menu-item:hover,
li.iep-lang-menu-item:focus,
li.iep-lang-menu-item:focus-within,
li.iep-lang-menu-item > a {
  background: none !important;
  box-shadow: none !important;
}

/* Version fija en pantalla: funciona igual en cualquier dispositivo,
   sin depender del menu del tema. Fondo sutil solo para que se lea
   encima de fotos o secciones oscuras; no es un "boton", es una
   plaquita minima. */
.iep-lang-floating {
  position: fixed;
  bottom: 16px;
  right: 16px;
  z-index: 9998;
  background: var(--iep-fondo, #F7F8F9);
  box-shadow: 0 1px 4px rgba(27, 33, 43, 0.15);
  padding: 7px 12px;
  border-radius: 0;
}