/* Marca de Montesafe Capacitación: escudo (M original en doble filete) + palabra MONTESAFE + "Capacitación".
   Se usa en la puerta del aula y en la barra de la aplicación. */
@font-face { font-family: 'Cinzel'; font-style: normal; font-weight: 500; font-display: swap; src: url('/assets/fonts/cinzel-latin-500-normal.woff2') format('woff2'); }

.escudo { display: block; width: 100%; height: auto; overflow: visible; }
.escudo__fondo { fill: var(--noche); }
.escudo__filete { fill: none; stroke: var(--azul); stroke-linejoin: miter; }
.escudo__filete--grueso { stroke-width: 9; }
.escudo__filete--fino { stroke-width: 3; }
.escudo__m path { fill: var(--azul); }
.escudo__linea { fill: var(--claro-sobre-noche); }
.escudo__escaneo { opacity: 0; }

/* Palabra MONTESAFE (la de la marca) y debajo "CAPACITACIÓN" entre filetes, en Cinzel como la palabra. */
.marca-academia { display: inline-flex; flex-direction: column; align-items: center; gap: .55em; }
.marca-academia__palabra { width: 100%; height: auto; }
.marca-academia__sub {
  display: flex; align-items: center; gap: .9em; width: 100%;
  font: 500 .72em/1 'Cinzel', Georgia, serif; letter-spacing: .42em; text-indent: .42em; text-transform: uppercase;
  white-space: nowrap;
}
.marca-academia__sub::before, .marca-academia__sub::after { content: ''; flex: 1; height: 1px; background: currentColor; opacity: .55; }
.marca-academia--oscura { color: var(--claro-sobre-noche); }
.marca-academia--clara { color: var(--marino); }

/* Versión horizontal compacta (barra de la aplicación) */
.marca-barra { display: inline-flex; align-items: center; gap: .65rem; text-decoration: none; color: var(--tinta); }
.marca-barra .escudo { width: 1.9rem; flex: none; }
.marca-barra__texto { display: grid; gap: .2rem; }
.marca-barra__texto img { width: 7.5rem; height: auto; }
.marca-barra__texto span { font: 500 .58rem/1 'Cinzel', Georgia, serif; letter-spacing: .38em; text-transform: uppercase; color: var(--texto-suave); }