@media (max-width: 768px) {

    /* HERO */
    .hero.mapa {
        height: auto;
        padding-top: var(--header-height);
    }

    /* WRAPPER -> 🔥 IMPORTANTE: APILADO REAL */
    .mapa-wrapper {
        display: flex;
        flex-direction: column;
        align-items: stretch;

        padding: 20px;
        gap: 15px;

        top: 0;
        height: auto;
    }

    /* INFO */
    .info {
        height: auto;   /* 🔥 clave */
        padding: 20px;
        text-align: center;

        align-items: center;
    }

    .info h1 {
        font-size: 26px;
    }

    .info p {
        font-size: 14px;
    }

    /* MAP CARD */
    .map-card {
        width: 100%;
        height: auto;   /* 🔥 evita aplastamiento */
        display: flex;
        flex-direction: column;
    }

    /* MAP CONTENT */
    .map-content {
        width: 100%;
        height: 40vh;   /* mapa visible pero no aplastado */
        flex: none;
    }

    /* SWITCH */
    .map-controls {
        width: 100%;
        flex-shrink: 0;
        border-radius: 25px;
    }

    .tab-btn {
        flex: 1;
        padding: 10px 0;
        font-size: 13px;
    }

    /* GALERIA */
    .galeria {
        grid-template-columns: repeat(2, 1fr);
    }

    .galeria img {
        height: 140px;
    }

    /* LIGHTBOX */
    .lightbox-img {
        max-width: 95%;
        max-height: 70%;
    }
}