/* TESSIRVE Theme 5.17.214 — pintura inmediata y coherencia visual móvil.
   No interviene el buscador progresivo, Core, tipografías ni el header PC. */

/* Tessirve (neutral) es verde en modo claro Y oscuro. Fuera el azul legado
   que sobreescribía incluso la paleta publicada por el switch. */
@media (max-width:782px) {
html[data-tessirve-theme="neutral"] body.tessirve-theme .ms-site-header {
  background:linear-gradient(110deg,#0B442D 0%,#083A28 56%,#062D22 100%)!important;
  border-color:color-mix(in srgb,var(--theme-primary),#06180F 56%)!important;
}
html[data-tessirve-theme="neutral"] body.tessirve-theme .ms-site-header .ms-site-menu {
  background:color-mix(in srgb,#083A28,#091915 25%)!important;
  border-color:rgba(187,231,200,.16)!important;
}
html[data-tessirve-theme="neutral"] body.tessirve-theme .ms-site-header .ms-site-menu a,
html[data-tessirve-theme="neutral"] body.tessirve-theme .ms-site-header .ms-site-menu button {
  color:#F4FFF7!important;
}
html[data-tessirve-theme="neutral"] body.tessirve-theme .ms-site-header .ms-site-menu a:is(:hover,:focus-visible),
html[data-tessirve-theme="neutral"] body.tessirve-theme .ms-site-header .ms-site-menu .current-menu-item>a {
  color:#fff!important;
  border-color:rgba(210,243,218,.28)!important;
  background:rgba(255,255,255,.12)!important;
}

}

@media (max-width:782px) {
  /* 5.17.213 dejaba todavía un desplazamiento visual: la textura ocupaba
     toda la franja pero los cuatro elementos estaban ~7px por encima del eje.
     Se mueven como un bloque, sin tocar su ancho, tamaño ni orden. */
  html body.tessirve-theme .ms-site-header .ms-site-header-inner {
    height:58px!important;
    min-height:58px!important;
    align-items:center!important;
  }
  html body.tessirve-theme .ms-site-header .ms-brand,
  html body.tessirve-theme .ms-site-header .ms-header-search,
  html body.tessirve-theme .ms-site-header :is(.ms-header-account-menu,.ms-header-auth-link,.tc-header-account),
  html body.tessirve-theme .ms-site-header .ms-menu-toggle {
    position:relative!important;
    top:7px!important;
  }

  /* Una sola paleta por switch desde el primer dibujo: panel principal,
     nueve Destacados, tarjetas de menú y acordeones. Ningún azul fijo. */
  html body.tessirve-theme .ms-site-header .ms-primary-nav {
    background:linear-gradient(155deg,
      color-mix(in srgb,var(--theme-primary) 49%,#091918 51%),
      color-mix(in srgb,var(--theme-secondary) 45%,#0C1A19 55%))!important;
    border-color:color-mix(in srgb,var(--theme-primary) 45%,#687C75 55%)!important;
  }
  html body.tessirve-theme .ms-site-header .ms-mobile-quicklinks {
    background:linear-gradient(145deg,
      color-mix(in srgb,var(--theme-primary) 43%,#0B1C1C 57%),
      color-mix(in srgb,var(--theme-secondary) 39%,#0A1919 61%))!important;
    border-color:color-mix(in srgb,var(--theme-primary) 31%,#8AA099 69%)!important;
    box-shadow:0 10px 28px rgba(3,11,18,.19),inset 0 1px rgba(255,255,255,.08)!important;
  }
  html body.tessirve-theme .ms-site-header .ms-mobile-quicklink {
    background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;
    border-color:rgba(231,247,239,.14)!important;
  }
  html body.tessirve-theme .ms-site-header .ms-mobile-quicklink:is(:hover,:focus-visible) {
    background:color-mix(in srgb,var(--theme-primary) 32%,#172628 68%)!important;
    border-color:color-mix(in srgb,var(--theme-primary) 40%,#9AAFA5 60%)!important;
  }
  html body.tessirve-theme .ms-site-header .ms-mobile-quicklinks-kicker,
  html body.tessirve-theme .ms-site-header .ms-mobile-menu-kicker,
  html body.tessirve-theme .ms-site-header .ms-mobile-quicklinks-kicker>strong,
  html body.tessirve-theme .ms-site-header .ms-mobile-menu-kicker>strong {
    color:#DAF6E9!important;
  }
  html body.tessirve-theme .ms-site-header .ms-mobile-quicklinks-kicker>i,
  html body.tessirve-theme .ms-site-header .ms-mobile-menu-kicker>i {
    background:linear-gradient(90deg,color-mix(in srgb,var(--theme-primary),#d8e8de 36%),transparent)!important;
  }
  html body.tessirve-theme .ms-site-header .ms-menu-parent-head,
  html body.tessirve-theme .ms-site-header .ms-menu-parent>.ms-menu-parent-head {
    background:rgba(255,255,255,.075)!important;
    border-color:rgba(225,248,235,.14)!important;
  }
  html body.tessirve-theme .ms-site-header .ms-menu-parent.is-open>.ms-menu-parent-head {
    background:linear-gradient(115deg,
      color-mix(in srgb,var(--theme-primary) 34%,#111D1B 66%),
      color-mix(in srgb,var(--theme-secondary) 38%,#152421 62%))!important;
    border-color:color-mix(in srgb,var(--theme-primary) 50%,#C4E0CB 50%)!important;
  }
  html body.tessirve-theme .ms-site-header .ms-mobile-submenu-tab {
    background:color-mix(in srgb,var(--theme-primary) 33%,#101E20 67%)!important;
    border-color:color-mix(in srgb,var(--theme-primary) 34%,#8DA59A 66%)!important;
  }
}

/* El interruptor no introduce una transición del fondo desde azul: el tema
   ya está en :root desde <head>. El resto de animaciones quedan intactas. */