/* ===== RESPONSIVE MÓVIL ===== */
@media (max-width: 768px) {

    .apartamento {
        grid-template-columns: 1fr; /* una sola columna */
        grid-template-rows: auto auto;
    }

    .apartamento > .datos {
        margin: 5% 3%;
        padding: 4%;
        order: 2; /* opcional: datos debajo del carrusel */
    }

    .carousel {
        margin: 3%;
        order: 1; /* opcional: carrusel arriba */
    }

    .carousel-track img {
        height: 220px; /* reduce altura en móvil */
    }

    .datos {
        align-items: flex-start; /* alinea texto a la izquierda */
    }

    .datos p {
        margin-left: 0;
        font-size: 0.95rem;
    }

    #mas_info,
    #reserva_directa {
        width: 100%;
        padding: 10px;
        font-size: 0.95rem;
        margin-top: 2%;
    }

    .carousel button {
        font-size: 1.5rem;
        padding: 0.3rem;
    }
}