/*
 * Hoja de Estilos para Hingenia Ebooks - Version 2.0
 */

/* Estilo personalizado para los checkboxes */
.form-checkbox {
    accent-color: #2563EB; /* Azul de Hingenia */
}

/* Asegura que el spinner esté centrado si la parrilla está vacía */
#ebook-grid-container {
    position: relative;
    min-height: 200px;
}

#ebook-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Estilos para el campo de búsqueda */
#ebook-search {
    transition: all 0.3s ease;
}

#ebook-search:focus {
    outline: none;
}

/* Estilos para el select de ordenamiento */
#ebook-sort {
    cursor: pointer;
    transition: all 0.3s ease;
}

#ebook-sort:focus {
    outline: none;
}

/* Animación suave para las cards al cargar */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#ebook-grid-container > div:not(#ebook-loader) {
    animation: fadeIn 0.5s ease-out;
}

/* Mejora de accesibilidad para los enlaces */
a:focus {
    outline: 2px solid #2563EB;
    outline-offset: 2px;
}

/* Responsive: mejoras para móviles */
@media (max-width: 640px) {
    #ebook-search {
        font-size: 16px; /* Previene zoom automático en iOS */
    }
}