/* ==========================================================================
   CÓDIGO 56 — EL DESPLEGABLE DE IDIOMAS, PEGADO A SU PESTAÑA

   Dos problemas, los dos medidos el 3-sep-2026 con Chrome a 1366 px:

   1) SE SALÍA DE LA PANTALLA. La pestaña de idiomas es la última del menú,
      pegada al borde derecho. Su desplegable se abría hacia la derecha y
      llegaba hasta 1425 px en una ventana de 1366: 94 px por fuera.

   2) QUEDABA DESCOLGADO. El tema fuerza todos los desplegables a 194 px de
      ancho, pero el contenido de este (banderas + nombre de idioma) solo
      necesita 112. Con 194 px y la pestaña midiendo 100, la caja sobresalía
      por un lado y parecía no pertenecer a la pestaña.

   Solución: se ancla por la derecha y se le deja tomar el ancho de su
   contenido, con el mínimo de la propia pestaña. Así el borde derecho de la
   caja coincide con el final de la pestaña y su ancho es casi el mismo.

   Solo se aplica al abrirlo (hover/foco) para no tocar cómo el tema lo
   esconde, y solo en escritorio: en móvil el menú es un acordeón y no aplica.

   HISTORIAL: 3-sep-2026, al montar la pestaña de idiomas con desplegable.
   ========================================================================== */

@media (min-width: 922px) {

	.raco-menu-idiomas:hover > .sub-menu,
	.raco-menu-idiomas:focus-within > .sub-menu,
	.raco-menu-idiomas.focus > .sub-menu {
		left: auto !important;
		right: 0 !important;
		width: auto !important;
		min-width: 100% !important;
	}
}