/* Responsividad para móviles */
@media (max-width: 576px) {
    body {
        background-attachment: scroll;
    }

    .mades-logo {
        max-width: 200px !important;
        margin: 2rem auto 0 !important;
        position: relative !important;
        right: auto !important;
        bottom: auto !important;
    }

    header {
        padding: 1rem;
    }

    .logo {
        height: 40px;
    }

    .carousel-container {
        height: 60vh;
        min-height: 400px;
    }

    .slide-title {
        font-size: 1.8rem;
    }

    .slide-description {
        font-size: 1rem;
    }

    .areas-title {
        font-size: 2rem;
    }

    .card-header {
        font-size: 1.2rem;
        padding: 1.5rem;
    }

    .mbaracayu-section {
        height: 350px;
    }

    .mbaracayu-logo {
        max-width: 200px;
    }

    .mbaracayu-content p {
        font-size: 1rem;
    }

    .section-title, .certificates-title {
        font-size: 1.8rem;
    }

    .news-grid {
        grid-template-columns: 1fr;
    }

    .btn, .location-btn, .newsletter-btn {
        padding: 0.8rem 1.8rem;
        font-size: 0.95rem;
    }

    footer {
        padding: 1rem 1rem 0.5rem;
    }

    .social-icon {
        width: 40px;
        height: 40px;
    }

    .certificates-section {
        padding: 3rem 1rem;
        min-height: 350px;
    }

    .certificates-text p {
        font-size: 1.1rem;
    }
}