/* Casa Siam · Selector de idioma ES | EN (versión en inglés, 16 oct 2026).
   Va en la cabecera de escritorio, en el menú del teléfono y en el pie.
   El idioma en que se lee va marcado y no es enlace; el otro lleva a la
   misma página en su idioma. */

.cs-sr {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}

.cs-idioma {
  display: inline-flex;
  align-items: center;
  gap: 0.2em;
  font-family: inherit;
  font-size: 13px;
  letter-spacing: 0.08em;
  line-height: 1;
  white-space: nowrap;
  color: inherit;
}

.cs-idioma__op {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  min-height: 24px;
  padding: 0 0.3em;
  color: inherit;
  text-decoration: none;
}

/* Los menús de Elementor dan color y relleno a todo enlace: aquí no */
.cs-idioma a.cs-idioma__op,
.cs-idioma a.cs-idioma__op:visited {
  color: inherit !important;
  padding: 0 0.3em !important;
  background: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  letter-spacing: inherit !important;
  opacity: 0.82;
}
.cs-idioma a.cs-idioma__op:hover { opacity: 1; text-decoration: underline; text-underline-offset: 3px; }
.cs-idioma a.cs-idioma__op:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; border-radius: 2px; }

.cs-idioma__op--actual {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

.cs-idioma__sep { opacity: 0.55; }

/* Cabecera de escritorio: en el extremo izquierdo, centrado en la altura.
   El contenedor de la cabecera (8fe4d5c) tiene posición relativa. A la
   derecha, el menú en español ya ocupa todo el ancho a 1280 px. */
.cs-idioma-cabecera {
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100000;   /* el menú de Contacto lleva 99999 y lo tapaba (auditoría, 17 oct) */
  color: #fff;
}
/* Sobre la foto o la banda, el otro idioma va entero y con la sombra del menú: con opacidad 0,82
   quedaba entre 3,8 y 4,1:1 a 1280 px (auditoría de botones y enlaces, 17 oct 2026). */
.cs-idioma-cabecera .cs-idioma a.cs-idioma__op { opacity: 1; }
.cs-idioma-cabecera .cs-idioma { text-shadow: 0 1px 8px rgba(30, 18, 8, .45); }

/* «Blog» en el menú en español (17 oct 2026): entre 1280 y 1399 px, con la cabecera arriba, el menú de la
   izquierda queda pegado a la píldora del idioma, y más cuando la píldora se abre en «English» al pasar
   el mouse: con 22 px de relleno quedaban 7 px de aire a 1280 px, y con 25 px, 13 px a 1340 px. Solo ahí
   el relleno de los ítems baja de 25 a 20 px (hasta 1339 px) o a 22 px (hasta 1399 px), y la píldora
   abierta queda a 21 px o más de «Historia». El menú de la izquierda está alineado al logo: cada 2 px
   menos de relleno suman 14 px de aire. Con la cabecera en isla manda la regla de 16 px de
   casasiam-prototipo.css. */
@media (min-width: 1280px) and (max-width: 1339px) {
  html:lang(es):not(.cs-desplazado):not(#cs-a):not(#cs-b):not(#cs-c) [data-elementor-type="header"] .elementor-nav-menu--main a.elementor-item:not([href*="wa.me"]) {
    padding-left: 20px !important; padding-right: 20px !important;
  }
}
@media (min-width: 1340px) and (max-width: 1399px) {
  html:lang(es):not(.cs-desplazado):not(#cs-a):not(#cs-b):not(#cs-c) [data-elementor-type="header"] .elementor-nav-menu--main a.elementor-item:not([href*="wa.me"]) {
    padding-left: 22px !important; padding-right: 22px !important;
  }
}

/* Menú del teléfono: centrado y con toques de 44 px */
.elementor-location-popup .cs-idioma-item {
  display: flex;
  justify-content: center;
  padding: 0.4em 0;
  list-style: none;
  color: #F3EEE6;
}
.elementor-location-popup .cs-idioma { font-size: 16px; }
.elementor-location-popup .cs-idioma__op { min-width: 44px; min-height: 44px; }

/* Pie: en la franja de abajo, con el color del pie */
.cs-idioma-pie { display: inline-flex; align-items: center; }
.cs-footer__bottom .cs-idioma { font-size: 12px; }

/* Notas propias de la versión en inglés (traducción, aviso de prevalencia) */
.cs-nota-idioma { font-style: italic; }
.cs-legal .cs-nota-idioma,
.elementor-widget-container > .cs-nota-idioma {
  border-left: 2px solid #866B34;
  padding-left: 0.9em;
}

/* En Familias, la nota de traducción va centrada, como su título */
.cs-familias .cs-nota-idioma { text-align: center; margin-bottom: 1.2em; }