@font-face {
    font-family: 'Acier';
    src: url('../fonts/acier-bat-text-solid.otf') format('truetype');
    font-display: swap;
}
.acier-fallback {
    font-family: 'Acier Bat Text', 'Archivo Black', sans-serif;
}

svg {
        display: block;
        max-width: 100%;
        max-height: 3rem; /* Equivalente a h-12 de tailwind */
    }
body {

    
    /* Gradiente radial: simula la iluminación del centro del estadio */
    background-image: url("../images/fondo.png");
    background-attachment: fixed;
    background-size: cover;
    min-height: 100vh;
}

.acier{

    font-family: 'Acier';
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

        
        #loader {
            position: fixed;
            inset: 0;
            width: 100%;
            height: 100%;
            background-color: #000F9F; 
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            z-index: 9999;
            transition: opacity 0.5s ease-out;
        }

       
        .loader-spinner {
            width: 50px;
            height: 50px;
            border: 5px solid rgba(255, 255, 255, 0.1);
            border-top: 5px solid #F5E72E;
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }