/* ===== HERO SPACING FIX - Más altura para evitar que el menú tape el contenido ===== */

/* Index.html - Hero más alto */
.hero {
    padding-top: 180px !important;
    padding-bottom: 120px !important;
    min-height: 100vh !important;
}

.hero-copy {
    padding: 6vw 0 !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .hero {
        padding-top: 160px !important;
        padding-bottom: 100px !important;
    }
    
    .hero-copy {
        padding: 8vw 0 !important;
    }
}