/*
  ============================================================
  ARCHIVO: assets/css/marca.css
  PRODUCTO: Alzari
  SISTEMA: _shared_/assets/css — la marca de la PLATAFORMA (tokens y piezas pequeñas)

  Los colores salen del logo entregado (medidos, no inventados): negro #0B0B0B, naranja #E57522, fondo #FCFCFB.
  Por ahora NO cambian el tema de la plataforma (el tema por defecto sigue siendo «Estilo Django»): son tokens
  para las piezas de marca (logo, sello «con Alzari», pies y portadas). Proponerlos como tema es decisión de Byron.
  ============================================================
*/
:root {
  --sis-marca-negro: #0B0B0B;
  --sis-marca-naranja: #E57522;
  --sis-marca-fondo: #FCFCFB;
  --sis-marca-eslogan: 'se construye con oficio';
}

/* Logo completo (PNG transparente): el claro para fondos claros, el oscuro para fondos oscuros. */
.sis-marca-logo { display: block; height: auto; max-width: 100%; }
.sis-marca-logo--oscuro { display: none; }
html:is([data-sis-theme="grafito"],[data-sis-theme="propio-oscuro"]) .sis-marca-logo--claro.sis-marca-logo--auto { display: none; }
html:is([data-sis-theme="grafito"],[data-sis-theme="propio-oscuro"]) .sis-marca-logo--oscuro.sis-marca-logo--auto { display: block; }
@media (prefers-color-scheme: dark) {
  html:not([data-sis-theme]) .sis-marca-logo--claro.sis-marca-logo--auto { display: none; }
  html:not([data-sis-theme]) .sis-marca-logo--oscuro.sis-marca-logo--auto { display: block; }
}

/* Sello discreto «con Alzari»: ícono pequeño + nombre, donde la plataforma habla (pies, ingreso, correos). */
.sis-marca-sello {
  display: inline-flex;
  align-items: center;
  gap: .4em;
  font-size: .78rem;
  line-height: 1.2;
  letter-spacing: .01em;
  color: var(--sis-color-texto-suave, #6b6b68);
  text-decoration: none;
  white-space: nowrap;
}
.sis-marca-sello svg { height: 1em; width: auto; flex: 0 0 auto; }
.sis-marca-sello strong { font-weight: 600; color: var(--sis-color-texto, #0B0B0B); }

/* Nombre en texto junto al ícono (cabeceras de portales). */
.sis-marca-nombre { font-weight: 500; letter-spacing: -.02em; }

/* Logos de cabeceras y pies públicos (portada de Comunidad: su política no admite style="" en línea).
   El tema pone height:auto a toda imagen, por eso la clase va doblada (más peso). */
img.sis-marca-cab-logo.sis-marca-cab-logo { display: block; height: 34px; width: auto; }
img.sis-marca-pie-logo.sis-marca-pie-logo { display: inline-block; height: 30px; width: auto; }