/* Custom CSS para TIQSI Cómics */

/* Efecto Halftone clásico (puntos claros/blancos para fondos oscuros como el azul cósmico) */
.halftone-bg {
    background-image: radial-gradient(rgba(249, 249, 247, 0.10) 1.5px, transparent 1.5px);
    background-size: 16px 16px;
}

/* Trama de puntos inversa (puntos oscuros para secciones claras como el papiro) */
.halftone-bg-dark {
    background-image: radial-gradient(rgba(26, 43, 76, 0.05) 1.5px, transparent 1.5px);
    background-size: 16px 16px;
}

/* Ajustes para que la lectura en móviles sea perfecta */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
}

/* Animación sutil para el botón principal del Hero */
@keyframes bounceSlow {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}
.animate-bounce-slow {
    animation: bounceSlow 3s infinite ease-in-out;
}

/* Animación de entrada para el menú del celular */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in {
    animation: fadeIn 0.25s ease-out forwards;
}