/* Marca ALANIL TECH (muestra B). Solo Login (#vista-ingreso) e Inicio (body.marca); el resto de pantallas sigue igual. */
:root { --alanil-noche:#0B1530; --alanil-ambar:#FFB020; --alanil-indigo:#3D5AFE; --alanil-crema:#FFF7E8; --alanil-gris:#C9D2EA; --alanil-texto-2:#4A5270; }
body.marca, #vista-ingreso { font-family: Outfit, Poppins, system-ui, sans-serif; }

/* Login: panel azul noche con el logo + formulario sobre crema */
#vista-ingreso.ingreso { padding: 0; background: var(--alanil-crema); grid-template-columns: 1fr 1fr; place-items: center; }
#vista-ingreso.ingreso::before { content: ""; align-self: stretch; justify-self: stretch; min-height: 100vh; grid-column: 1; grid-row: 1;
  background: var(--alanil-noche) url(../img/alanil-logo-oscuro.svg) no-repeat center 18% / min(300px, 60%); }
#vista-ingreso .ingreso-caja { grid-column: 2; grid-row: 1; width: min(360px, calc(100% - 32px)); padding: 28px; border-radius: 12px; }
#vista-ingreso .ingreso-caja h1 { color: var(--alanil-noche); font-weight: 600; }
#vista-ingreso .ingreso-caja::after { content: "iVentas · un producto de ALANIL TECH"; text-align: center; color: var(--alanil-texto-2); font-size: 12px; }
#vista-ingreso .primario { background: var(--alanil-indigo); border-color: var(--alanil-indigo); }
@media (max-width: 800px) { #vista-ingreso.ingreso { grid-template-columns: 1fr; } #vista-ingreso.ingreso::before { display: none; } #vista-ingreso .ingreso-caja { grid-column: 1; } }

/* Inicio: acentos de marca y menú lateral azul noche */
body.marca { --acento: var(--alanil-indigo); --acento-suave: #E8ECFF; --fondo: #F6F7FB; --texto: var(--alanil-noche); --sutil: var(--alanil-texto-2); }
body.marca .barra strong { color: var(--alanil-noche); font-weight: 600; font-size: 18px; }
body.marca .menu-lateral { background: var(--alanil-noche); border-right: 0; }
body.marca .ml-cab strong { display: block; width: 92px; height: 34px; font-size: 0; background: url(../img/alanil-logo-oscuro-corto.svg) no-repeat left center / contain; }
body.marca .ml-grupo-btn, body.marca .ml-lista a { color: var(--alanil-gris); }
body.marca .ml-ico, body.marca .ml-flecha { color: var(--alanil-gris); }
body.marca .ml-grupo-btn:hover, body.marca .ml-lista a:hover { background: rgba(255,255,255,.1); color: #fff; }
body.marca .ml-grupo.es-actual .ml-grupo-btn, body.marca .ml-grupo.es-actual .ml-ico, body.marca .ml-lista a.on { color: #fff; }
body.marca .ml-lista a.on { background: rgba(255,255,255,.12); box-shadow: inset 3px 0 0 var(--alanil-ambar); }
body.marca .ml-plegar { background: transparent; border-color: rgba(255,255,255,.25); color: var(--alanil-gris); }
body.marca .ml-plegar:hover { background: rgba(255,255,255,.1); color: #fff; }
body.marca.ml-iconos .ml-cab { flex-direction: column; gap: 8px; }
body.marca.ml-iconos .ml-cab strong { width: 28px; height: 32px; background: url(../img/alanil-icono.svg) no-repeat center / contain; }