.yolia-unit-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid rgba(15,23,42,.18);border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(15,23,42,.10);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;direction:ltr;vertical-align:middle;z-index:2147482998}
.yolia-unit-switch button{min-width:31px;height:31px;padding:0 7px;border:0;border-radius:999px;background:transparent;color:#123224;font-size:12px;font-weight:900;line-height:1;cursor:pointer}
.yolia-unit-switch button:hover,.yolia-unit-switch button:focus-visible{background:rgba(7,92,157,.10);outline:2px solid transparent}
.yolia-unit-switch button.is-active{background:#075c9d;color:#fff}
.yolia-unit-switch--floating{position:fixed;right:12px;bottom:12px}
[dir="rtl"] .yolia-unit-switch--floating{right:auto;left:12px}
@media (max-width:720px){.yolia-unit-switch{padding:2px}.yolia-unit-switch button{min-width:29px;height:29px;padding:0 6px;font-size:11px}.yolia-unit-switch--floating{right:8px;bottom:8px}}
@media (prefers-reduced-motion:reduce){.yolia-unit-switch button{transition:none}}

/* YOLIA_FIX_2026Z4 (Eduardo, 2026-09-16): "el icono gigante" en
   /sandbox/simulador y cualquier otra pagina dinamica. El 2026-09-15
   este widget paso de 3 botones ("Auto | C | F") a un solo icono con
   menu desplegable, reusando a proposito las clases REALES del
   selector de idioma (.yb-lang-toggle/.yb-lang-menu) para heredar su
   estilo "sin CSS nuevo" -- pero ese estilo real nunca vivio en una
   hoja de estilos compartida: solo existe embebido DENTRO de cada
   pagina ya publicada del Builder (cada una guarda su propia copia
   completa de ese CSS al momento de publicarse). Las paginas dinamicas
   como /sandbox/simulador no cargan esas paginas publicadas -- cargan
   este archivo -- asi que aqui .yb-lang-toggle/.yb-lang-menu no tenian
   NINGUN tamano propio. Lo unico que si los tocaba (yolia-icon-guard.css)
   solo fija el SVG interno al 100% de SU PADRE -- y como el padre
   (.yb-lang-toggle) tampoco tenia tamano propio, los dos crecian sin
   control (~300x300px), tapando el navbar completo. Aqui se replica el
   mismo diseno real del selector de idioma (mismo tamano de 38px,
   mismos colores) pero SOLO para esta variante -- todo escapado bajo
   ".yolia-unit-switch" para no tocar el selector de idioma real en
   ningun otro lado del sitio. */
.yolia-unit-switch{position:relative}
.yolia-unit-switch > .yb-lang-toggle{
  appearance:none;
  list-style:none;
  border:1px solid rgba(15,23,42,.12);
  background:rgba(255,255,255,.86);
  color:#16351f;
  inline-size:2.375rem!important;
  block-size:2.375rem!important;
  min-inline-size:2.375rem!important;
  min-block-size:2.375rem!important;
  max-inline-size:2.375rem!important;
  max-block-size:2.375rem!important;
  border-radius:999px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(2,6,23,.10);
  padding:0!important;
}
.yolia-unit-switch > .yb-lang-toggle::-webkit-details-marker{display:none}
.yolia-unit-switch > .yb-lang-toggle::marker{content:''}
.yolia-unit-switch > .yb-lang-toggle:hover{box-shadow:0 14px 30px rgba(2,6,23,.14)}
.yolia-unit-switch > .yb-lang-toggle > svg{
  inline-size:55%!important;
  block-size:55%!important;
  max-inline-size:55%!important;
  max-block-size:55%!important;
  display:block;
  stroke:currentColor;
}
.yolia-unit-switch > .yb-lang-menu{
  position:absolute;top:calc(100% + 10px);right:0;z-index:2147482999;
  min-width:230px;max-height:320px;overflow:auto;padding:8px;
  border-radius:16px;background:#fff;color:#172033;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 22px 60px rgba(2,6,23,.18);
}
[dir="rtl"] .yolia-unit-switch > .yb-lang-menu{right:auto;left:0}
.yolia-unit-switch .yb-lang-option{
  width:100%;box-sizing:border-box;color:#172033;
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;
  text-align:left;border-radius:12px;padding:10px 11px;text-decoration:none;
  font:800 13px Inter,system-ui,sans-serif;
  transition:background .16s ease,color .16s ease;
}
.yolia-unit-switch .yb-lang-option:hover{background:rgba(22,82,10,.08)}
.yolia-unit-switch .yb-lang-option.is-active{background:rgba(22,82,10,.10);color:#16520a}
.yolia-unit-switch .yb-lang-code{white-space:nowrap}
.yolia-unit-switch .yb-lang-check{color:#166534;font-weight:950;opacity:0}
.yolia-unit-switch .yb-lang-option.is-active .yb-lang-check{opacity:1}
@media (max-width:720px){
  .yolia-unit-switch > .yb-lang-toggle{inline-size:2.1rem!important;block-size:2.1rem!important;min-inline-size:2.1rem!important;min-block-size:2.1rem!important;max-inline-size:2.1rem!important;max-block-size:2.1rem!important}
  .yolia-unit-switch > .yb-lang-menu{min-width:200px}
}