/* Marca bë ERP compartida por todas las pantallas en vivo (caja, panel, índice local).
   Regla de marca: CLAUDE.md §5c. Los mockups llevan una copia con la fuente incrustada. */
@font-face { font-family: 'Chillax'; font-weight: 600; font-style: normal; font-display: swap; src: url('chillax-semibold.otf') format('opentype'); }
.lockup { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; color: #fff; flex-shrink: 0; }
/* QA-08: el logo oficial va siempre en imagen, nunca como texto: blanco sobre fondo oscuro (estas cabeceras) y rojo sobre
   fondo claro (.logo-claro). El texto «bë» queda para los lectores de pantalla; el enlace lleva su aria-label. Fuente:
   logo oficial de be-tcg (PNG de 180 px, recortado a la letra); pendiente el vector del propietario. */
.lockup .logo { display: inline-block; width: 35px; height: 24px; background: url('logo-be-blanco.png') center / contain no-repeat; color: transparent; font-size: 0; line-height: 0; overflow: hidden; }
.logo-claro { display: inline-block; width: 35px; height: 24px; background: url('logo-be-rojo.png') center / contain no-repeat; color: transparent; font-size: 0; overflow: hidden; }
/* Blanco sobre #D10024: 5,6:1 (WCAG AA). */
.lockup .sub-marca { font-family: 'Chillax', 'Poppins', Arial, sans-serif; font-weight: 600; font-size: 15px; line-height: 1; color: #fff; background: #D10024; border-radius: 6px; padding: 4px 7px 5px; letter-spacing: .8px; }
.descriptor { font-size: 12px; color: #BDBDBD; border-left: 1px solid #444; padding-left: 10px; white-space: nowrap; }
@media (max-width: 699px) { .descriptor { display: none; } }
/* Estados ante Hacienda: icono + texto además del color (nunca verde). */
.estado-fe { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: bold; border-radius: 12px; padding: 2px 9px; border: 1px solid #E7E7E7; background: #fff; white-space: nowrap; }
.estado-fe.aceptado { color: #1A1A1A; }
.estado-fe.proceso { color: #595959; }
.estado-fe.rechazado { color: #D10024; border-color: #D10024; }
.estado-fe.revision { color: #8A5700; border-color: #8A5700; background: #FFF6E5; }