/* Estándar de marca por sede (decisiones del 02/10/2026, pasos 1.8.15-16): cada cuenta y cada puerta se ve con el
   diseño de su sede, que el <html> trae en data-sede (MCD, MCT o ESD). Los mismos colores están en
   apps/catalogos/marca.py para los PDF; una prueba revisa que coincidan. Los logos salen de templates/marca/logos.html.
   Ningún logo de fabricante.
   MCD: banda negra con raya roja, como la orden del convertidor de tickets.
   MCT: barra blanca con el logo a color y una franja de 5 px con sus cuatro colores; botones negros y ligas cian oscuro.
   ESD: Enlace futurista, paleta Aurora: barra noche con la raya de luz (de aurora a violeta), texto hielo, botones y
   ligas en marea; en el tema oscuro las ligas van en aurora para que se lean. */
:root{--banda:#1A1A1A;--banda-raya:#C8102E;--banda-texto:#F4F4F2;--banda-suave:#B9BCC0;--banda-borde:rgba(255,255,255,.35)}
html[data-sede="MCT"]{--banda:#FFFFFF;--banda-texto:#201E1E;--banda-suave:#54575E;--banda-borde:#DCDEE2;
  --sede-boton:#201E1E;--sede-liga:#0379B0}
@media (prefers-color-scheme:dark){html[data-sede="MCT"]{--banda:#201E1E;--banda-texto:#F4F4F2;--banda-suave:#B9BCC0;
  --banda-borde:rgba(255,255,255,.35);--sede-boton:#0379B0;--sede-liga:#5BC8F5}}
html[data-sede="ESD"]{--banda:#0E1B2C;--banda-raya:#35F2A1;--banda-texto:#EEF3F8;--sede-boton:#1B3350;--sede-liga:#1B3350}
@media (prefers-color-scheme:dark){html[data-sede="ESD"]{--sede-liga:#35F2A1}}
header.banda{background:var(--banda);color:var(--banda-texto);border-bottom:3px solid var(--banda-raya)}
html[data-sede="MCT"] header.banda,html[data-sede="MCT"] #header{border-bottom:5px solid #201E1E;
  border-image:linear-gradient(90deg,#06A5E7 0 25%,#ED038A 25% 50%,#F9EB02 50% 75%,#201E1E 75% 100%) 1}
html[data-sede="ESD"] header.banda,html[data-sede="ESD"] #header{border-bottom:3px solid #35F2A1;
  border-image:linear-gradient(90deg,#35F2A1,#8C6CFF) 1}
header.banda a{color:var(--banda-texto)}
header.banda .ayuda,header.banda .quien{color:var(--banda-suave)}
header.banda .btn2{color:var(--banda-texto);border-color:var(--banda-borde)}
.marca{display:flex;gap:10px;align-items:center;flex:none;text-decoration:none}
.marca img{width:auto;display:block}