/* Declarar la fuente Montserrat de forma local */
@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/montserrat.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Aplicar a toda la web */
* {
    font-family: 'Montserrat', sans-serif !important;
}

/* ... el resto de tu CSS (escudo, logo, botones) se queda igual ... */
/* Ocultar el enlace de "Desarrollado por Authelia" */
a[href*="authelia.com"] {
    display: none !important;
}

/* Cambiar el color del botón principal */
button.MuiButton-containedPrimary {
    background-color: #b30000 !important;
    color: white !important;
}
button.MuiButton-containedPrimary:hover {
    background-color: #800000 !important;
}

/* Fondo gris claro */
body {
    background-color: #e3e2d8 !important; 
}

body::after {
    content: "";
    background-image: url('/escudo.png');
    background-size: contain;
    background-position: left top;
    background-repeat: no-repeat;
    
    /* === POSICIÓN: SUPERIOR IZQUIERDA === */
    position: fixed;
    top: 30px;      /* Espacio de separación desde el borde superior */
    left: 30px;     /* Espacio de separación desde el borde izquierdo */
    
    /* Tamaño de la imagen (Modifícalo si deseas que sea más grande o pequeña) */
    width: 200px;
    height: 200px;
    
    /* Capa visual: Asegura que quede por encima de todo pero sin bloquear los clics */
    z-index: 9999;
    pointer-events: none; 
}