/* ============================
   RESPONSIVE
   ============================ */

/* Tablets */
@media (max-width: 1024px) {
    .properties-list {
        grid-template-columns: 1fr 1fr;
    }
}

/* Móviles */
@media (max-width: 768px) {
    /* HEADER */
    .main-header {
        flex-wrap: wrap;
    }

    .main-nav {
        display: none;
        flex-direction: column;
        width: 100%;
        background: #fff;
        padding: 10px;
        position: absolute;
        top: 100%;
        left: 0;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

    .main-nav ul {
        flex-direction: column;
        gap: 10px;
    }

    .main-nav.show {
        display: flex;
    }

    .hamburger {
        display: flex;
    }

    /* HERO */
    .hero-content h2 {
        font-size: 1.8rem;
    }

    /* SEARCH BAR */
    .search-bar form {
        flex-direction: column;
    }
    .search-bar button {
        width: 100%;
    }

    /* CARDS */
    .properties-list {
        grid-template-columns: 1fr;
    }
    .property-card {
        flex-direction: column;
    }
    .property-img-container {
        flex: none;
        height: 200px;
    }
}