/* RESPONSIVE — residu HERO @768 (diferit). F3.4 2026-06-23: seccions dissoltes als components. */
@media (max-width: 768px) {
    .hero-section {
        min-height: 500px;
    }

    .hero-content {
        padding: 40px 20px;
    }

    .hero-content h1 {
        font-size: clamp(1.8rem, 5vw, 2.5rem);
    }

    .hero-content .hero-subtitle {
        font-size: clamp(0.85rem, 1.5vw, 1rem);
    }

    .hero-content p {
        font-size: 1rem;
        margin-bottom: 30px;
    }
}