/* =========================================================
   MARCA / LOGO — páginas públicas
   Componente compartido por cualquier pantalla que NO forma
   parte del panel interno: solicitar.php, confirmacion.php,
   y cualquier página pública futura (cancelacion.php, etc.)

   DEPENDENCIA: requiere base/variables.css cargado antes.

   El icono es la imagen real assets/img/logo_blanco_azul.png (ya
   trae sus propios colores, por eso .brand-logo-icon no lleva
   fondo ni padding: solo controla el tamaño).
   ========================================================= */

.brand-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-bottom: 22px;
}
.brand-logo-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.brand-logo-icon img {
    height: 30px;
    width: auto;
    display: block;
}
.brand-logo-texto {
    font-size: 17px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--color-primario);
}
.brand-logo-texto span { color: var(--color-acento); }