body {
    font-family: 'Inter', sans-serif;
}

.hidden {
    display: none;
}

/*SPINNER*/
    .loader {
        border: 12px solid #f3f3f3;
        border-radius: 50%;
        border-top: 12px solid #444444;
        width: 70px;
        height: 70px;
        animation: spin 2s linear infinite;

        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .loader-background {
        display: none; /* Por defecto está oculto */
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5); /* Fondo opaco para bloquear la pantalla */
        z-index: 9998; /* Detrás del spinner */
    }

    @keyframes spin {
        100% {
            transform: rotate(360deg);
        }
    }
/*SPINNER*/

  
.center {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/*OTROS*/

/*Mantener el footer abajo*/
    html, body {
        height: 100%;
        margin: 0;
    }

    body {
        display: flex;
        flex-direction: column;
    }

    .main-content {
        flex: 1; /* Esto hace que el contenido principal ocupe el espacio disponible */
    }

    .footer {
        background-color: black;
        color: white;
        text-align: center;
        padding: 20px 0;
    }
    
/*Quitar subrayado a los links*/
    a{
        text-decoration: #0d6efd;
    }

/*hover tipo reddit*/
    .my-hover {
        border: 1px solid var(--bs-secondary);
        transition: border-color 0.3s ease;
    }
    
    .my-hover:hover {
        border-color: var(--bs-light);
    }