/* MADRE SELVA · pestaña Claro / Oscuro sobre el panel (17/10/2026).
   Cuelga del brazo superior de la L (mismo color --nl-top de cada experiencia) con borde dorado. */
.ms-theme-tab{position:absolute;right:24px;top:100%;z-index:35;display:inline-flex;gap:2px;padding:3px 4px 4px;
  background:var(--nl-top,#14503F);border:1px solid var(--nl-chip-line,rgba(212,176,116,.42));border-top:0;border-radius:0 0 12px 12px;
  box-shadow:0 8px 18px -12px rgba(0,0,0,.55);font:600 12px/1 var(--sans,Inter,system-ui,sans-serif)}
.ms-theme-tab button{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border:0;border-radius:8px;background:transparent;
  color:var(--nl-text-2,#D9D2C4);font:inherit;letter-spacing:.02em;cursor:pointer}
.ms-theme-tab button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ms-theme-tab button:hover{color:var(--nl-text,#F4EFE6);background:rgba(255,255,255,.08)}
.ms-theme-tab button[aria-pressed="true"]{background:var(--nl-gold,#D4B074);color:#1A1408}
.ms-theme-tab button:focus-visible{outline:2px solid var(--nl-gold-2,#E8CF9C);outline-offset:1px}
/* «Elegí tu experiencia» (sin barra superior): pestaña fija arriba a la derecha. */
.ms-theme-tab.is-floating{position:fixed;top:0;right:max(24px,env(safe-area-inset-right,0px));background:#151412;z-index:60}
@media (max-width:980px){.ms-theme-tab{right:12px}.ms-theme-tab button{height:26px;padding:0 9px}}
@media (max-width:420px){.ms-theme-tab button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.ms-theme-tab button{padding:0 8px}}
@media print{.ms-theme-tab{display:none}}
/* En la barra superior de la L (junto al idioma): fija en la barra, sin tapar el contenido del panel. */
/* Sobre la L lleva el color de la barra de fondo (BASE verde, PRO azul, PREMIUM bordó) en claro y oscuro: letra clara y opción activa en dorado. */
.ms-theme-tab.is-inline{position:static;align-self:center;flex:0 0 auto;padding:3px;border:1px solid var(--nl-gold,#D4B074);border-radius:999px;
  background:var(--nl-top,#14503F)!important;color:var(--nl-text,#F4EFE6);box-shadow:none}
.ms-theme-tab.is-inline button,.ms-theme-tab.is-inline button:hover{border-radius:999px;color:var(--nl-text,#F4EFE6)}
.ms-theme-tab.is-inline button:hover{background:rgba(255,255,255,.10)}
.ms-theme-tab.is-inline button[aria-pressed="true"]{background:var(--nl-gold,#D4B074);color:#1A1408;font-weight:700}
@media (max-width:980px){.ms-theme-tab.is-inline button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.ms-theme-tab.is-inline button{padding:0 7px;height:28px}}
/* MS EJECUTIVO: identidad exclusiva negro y dorado; nunca hereda el verde, azul o bordó de las otras experiencias. */
html[data-ms-xp="direccion"] .ms-theme-tab.is-inline{background:#111214!important;border-color:var(--nl-gold,#D4B074);color:#F4EFE6}
html[data-ms-xp="direccion"] .ms-theme-tab.is-inline button:not([aria-pressed="true"]){color:#F4EFE6}
html[data-ms-xp="direccion"] .ms-theme-tab.is-inline button[aria-pressed="true"]{background:var(--nl-gold,#D4B074);color:#111214}
