/*
 * AlojamientosRurales - Pulido visual Home
 * Ajustes específicos de portada: separación hero/contenido y carruseles móviles.
 */

.ar-home-release {
    gap: clamp(42px, 5.5vw, 82px) !important;
    max-width: 100% !important;
}

html body .ar-public-shell.ar-home-release > .ar-home-hero.ar-home-hero--with-slides,
html body .ar-home-release .ar-home-hero.ar-home-hero--with-slides {
    min-height: clamp(500px, 54vw, 700px) !important;
}

.ar-home-release .ar-home-persons-label svg {
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 auto !important;
    fill: #9aa4af !important;
    color: #9aa4af !important;
}

.ar-home-release .ar-home-hero {
    margin-bottom: clamp(76px, 8vw, 128px) !important;
}

.ar-home-release .ar-home-hero--with-slides {
    background: #132515 !important;
}

.ar-home-release .ar-home-hero--with-slides .ar-home-hero__slides {
    z-index: 0 !important;
    overflow: hidden !important;
}

.ar-home-release .ar-home-hero--with-slides .ar-home-hero__content {
    position: relative !important;
    z-index: 2 !important;
}

.ar-home-release .ar-home-hero--with-slides .ar-home-hero__slides::after {
    display: none !important;
    content: none !important;
}

.ar-home-release .ar-home-hero + .ar-home-section {
    margin-top: clamp(10px, 2.8vw, 36px) !important;
}

.ar-home-release .ar-home-split,
.ar-home-release .ar-home-info-card,
.ar-home-release .ar-home-info-card p {
    min-width: 0 !important;
    max-width: 100% !important;
}

.ar-home-release .ar-home-info-card p {
    overflow-wrap: break-word !important;
    white-space: normal !important;
}

@media (max-width: 900px) {
    .ar-home-release {
        width: min(100%, 100vw) !important;
        gap: 52px !important;
    }

    html body .ar-public-shell.ar-home-release > .ar-home-hero.ar-home-hero--with-slides,
    html body .ar-home-release .ar-home-hero.ar-home-hero--with-slides {
        min-height: calc(100svh - 96px) !important;
    }

    .ar-home-release .ar-home-hero--with-slides .ar-home-hero__slides {
        top: 0 !important;
    }

    .ar-home-release .ar-home-hero--with-slides .ar-home-main-search__row,
    .ar-home-release .ar-home-main-search__row {
        grid-template-columns: 1fr !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .ar-home-release .ar-home-hero--with-slides .ar-home-hero__content {
        max-width: 100% !important;
    }

    .ar-home-release .ar-home-hero {
        margin-bottom: 86px !important;
    }

    .ar-home-release .ar-home-hero + .ar-home-section {
        margin-top: 24px !important;
    }

    .ar-home-release .ar-home-split {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 36px !important;
        overflow: visible !important;
    }

    .ar-home-release .ar-home-section {
        position: relative !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    .ar-home-release .ar-home-section__head {
        margin-bottom: 20px !important;
        padding-right: 0 !important;
    }

    .ar-home-release .ar-home-section__head h2 {
        font-size: clamp(25px, 7vw, 31px) !important;
        letter-spacing: -.7px !important;
    }

    .ar-home-release .ar-home-section__head p {
        max-width: 35ch !important;
        font-size: 15px !important;
        line-height: 1.48 !important;
    }

    .ar-home-release .ar-home-section:has(.ar-home-card-list)::before,
    .ar-home-release .ar-home-section:has(.ar-home-card-list)::after {
        display: none !important;
        content: none !important;
    }

    .ar-home-release .ar-home-card-list,
    .ar-home-release .ar-home-card-list--compact {
        display: flex !important;
        grid-template-columns: none !important;
        gap: 14px !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        overscroll-behavior-x: contain !important;
        scroll-snap-type: x proximity !important;
        -webkit-overflow-scrolling: touch !important;
        margin-right: -18px !important;
        padding: 0 34px 14px 0 !important;
        scrollbar-width: none !important;
        cursor: auto !important;
        user-select: auto !important;
        -webkit-user-select: auto !important;
        touch-action: pan-x pan-y !important;
    }

    .ar-home-release .ar-home-card-list::-webkit-scrollbar,
    .ar-home-release .ar-home-card-list--compact::-webkit-scrollbar {
        display: none !important;
    }

    .ar-home-release .ar-home-card-list::after,
    .ar-home-release .ar-home-card-list--compact::after {
        content: "" !important;
        flex: 0 0 4px !important;
    }

    .ar-home-release .ar-home-card-list .ar-list-card,
    .ar-home-release .ar-home-card-list--compact .ar-list-card {
        flex: 0 0 min(44vw, 348px) !important;
        width: min(44vw, 348px) !important;
        max-width: min(44vw, 348px) !important;
        scroll-snap-align: start !important;
    }

    .ar-home-release .ar-home-card-list .ar-card-photo,
    .ar-home-release .ar-home-card-list .ar-card-photo img,
    .ar-home-release .ar-home-card-list .ar-card-slider-viewport,
    .ar-home-release .ar-home-card-list .ar-card-slider-track,
    .ar-home-release .ar-home-card-list .ar-card-slider-slide {
        height: 208px !important;
    }
}

@media (pointer: fine) and (max-width: 900px) {
    .ar-home-release .ar-home-card-list,
    .ar-home-release .ar-home-card-list--compact {
        cursor: grab !important;
        user-select: none !important;
        -webkit-user-select: none !important;
        touch-action: pan-x !important;
    }

    .ar-home-release .ar-home-card-list.is-dragging,
    .ar-home-release .ar-home-card-list--compact.is-dragging {
        cursor: grabbing !important;
        scroll-snap-type: none !important;
    }

    .ar-home-release .ar-home-card-list *,
    .ar-home-release .ar-home-card-list--compact * {
        -webkit-user-drag: none !important;
    }

    .ar-home-release .ar-home-card-list.is-dragging *,
    .ar-home-release .ar-home-card-list--compact.is-dragging *,
    html.is-home-carousel-dragging,
    html.is-home-carousel-dragging *,
    body.is-home-carousel-dragging,
    body.is-home-carousel-dragging * {
        user-select: none !important;
        -webkit-user-select: none !important;
        cursor: grabbing !important;
    }
}

@media (max-width: 600px) {
    .ar-home-release .ar-home-card-list .ar-list-card,
    .ar-home-release .ar-home-card-list--compact .ar-list-card {
        flex-basis: min(82vw, 360px) !important;
        width: min(82vw, 360px) !important;
        max-width: min(82vw, 360px) !important;
    }
}