/* =========================================================
   LEGACY FX PRO - RESPONSIVE
   ========================================================= */

@media (max-width: 1024px) {
    h1 { font-size: 4rem; }
    .marquee-text { font-size: 5rem; }
}

@media (max-width: 768px) {
    .section-spacing { padding: 80px 0; }
    
    /* Títulos más pequeños en móvil */
    h1 { font-size: 3rem; }
    h2 { font-size: 2.2rem; }
    
    /* Botones apilados */
    .hero-buttons { flex-direction: column; width: 100%; }
    .btn { width: 100%; }

    /* Footer en una columna */
    .footer-grid { grid-template-columns: 1fr; text-align: center; }
}