/* Sergio Valle — Elementor Loop Item 342 property-card hover */

.elementor-342 .elementor-element-47de759,
.elementor-342 .svr-property-card {
    --svr-card-pad: clamp(22px, 3vw, 34px);
    position: relative;
    isolation: isolate;
    min-height: 360px;
    overflow: hidden !important;
    border-radius: 30px;
    background-position: center;
    background-size: cover;
    transition: transform .55s cubic-bezier(.2,.75,.25,1), box-shadow .55s ease, background-size .8s cubic-bezier(.2,.75,.25,1);
}

.elementor-342 .elementor-element-47de759::after,
.elementor-342 .svr-property-card::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(3,12,28,.03) 25%, rgba(3,12,28,.88) 100%);
    content: "";
    pointer-events: none;
    transition: background .6s cubic-bezier(.2,.75,.25,1), backdrop-filter .6s ease;
}

.elementor-342 .elementor-element-47de759 > .e-con-inner,
.elementor-342 .svr-property-card > .e-con-inner {
    position: static !important;
}

.elementor-342 .elementor-element-ca0a305,
.elementor-342 .svr-card-badge {
    position: absolute !important;
    z-index: 4;
    top: var(--svr-card-pad);
    left: var(--svr-card-pad);
    margin: 0 !important;
}

.elementor-342 .svr-loop-content {
    position: absolute !important;
    z-index: 3;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-342 .elementor-element-9dcdca2,
.elementor-342 .svr-card-meta {
    display: contents !important;
}

.elementor-342 .elementor-element-6ced859,
.elementor-342 .elementor-element-cb48c2f,
.elementor-342 .elementor-element-f2f1d09,
.elementor-342 .elementor-element-045dd7b,
.elementor-342 .elementor-element-abe7f38,
.elementor-342 .svr-card-title,
.elementor-342 .svr-card-location,
.elementor-342 .svr-card-beds,
.elementor-342 .svr-card-baths,
.elementor-342 .svr-card-price {
    position: absolute !important;
    z-index: 3;
    width: auto !important;
    margin: 0 !important;
    transition: top .6s cubic-bezier(.2,.75,.25,1), left .6s cubic-bezier(.2,.75,.25,1), right .6s cubic-bezier(.2,.75,.25,1), color .35s ease, transform .6s cubic-bezier(.2,.75,.25,1);
}

.elementor-342 .elementor-element-6ced859,
.elementor-342 .svr-card-title {
    top: calc(100% - 94px);
    right: var(--svr-card-pad) !important;
    left: var(--svr-card-pad);
}

.elementor-342 .elementor-element-6ced859 .elementor-heading-title,
.elementor-342 .elementor-element-6ced859 .elementor-heading-title a,
.elementor-342 .svr-card-title .elementor-heading-title,
.elementor-342 .svr-card-title .elementor-heading-title a {
    color: #fff;
    transition: color .35s ease, letter-spacing .5s ease;
}

.elementor-342 .elementor-element-cb48c2f,
.elementor-342 .svr-card-location {
    top: calc(100% - 42px);
    left: var(--svr-card-pad);
    color: #fff;
}

.elementor-342 .elementor-element-f2f1d09,
.elementor-342 .svr-card-beds {
    top: calc(100% - 42px);
    left: 35%;
    color: #fff;
}

.elementor-342 .elementor-element-045dd7b,
.elementor-342 .svr-card-baths {
    top: calc(100% - 42px);
    left: 49%;
    color: #fff;
}

.elementor-342 .elementor-element-abe7f38,
.elementor-342 .svr-card-price {
    top: calc(100% - 44px);
    right: var(--svr-card-pad);
    left: auto;
    color: #EBAE46;
    text-align: right;
}

.elementor-342 .svr-loop-content::after {
    position: absolute;
    right: var(--svr-card-pad);
    bottom: 62px;
    left: var(--svr-card-pad);
    height: 1px;
    background: rgba(36,57,118,.22);
    content: "";
    opacity: 0;
    transform: scaleX(.7);
    transform-origin: left;
    transition: opacity .35s ease .12s, transform .55s cubic-bezier(.2,.75,.25,1) .08s;
}

@media (hover: hover) and (pointer: fine) {
    .elementor-342 .elementor-element-47de759:hover,
    .elementor-342 .elementor-element-47de759:focus-within,
    .elementor-342 .svr-property-card:hover,
    .elementor-342 .svr-property-card:focus-within {
        transform: translateY(-4px);
        box-shadow: 0 24px 70px rgba(0,0,0,.22);
        background-size: 106%;
    }

    .elementor-342 .elementor-element-47de759:hover::after,
    .elementor-342 .elementor-element-47de759:focus-within::after,
    .elementor-342 .svr-property-card:hover::after,
    .elementor-342 .svr-property-card:focus-within::after {
        background: rgba(248,247,242,.93);
        backdrop-filter: blur(1.5px);
    }

    .elementor-342 .elementor-element-47de759:hover .elementor-element-abe7f38,
    .elementor-342 .elementor-element-47de759:focus-within .elementor-element-abe7f38,
    .elementor-342 .svr-property-card:hover .svr-card-price,
    .elementor-342 .svr-property-card:focus-within .svr-card-price {
        top: 31%;
        right: auto;
        left: var(--svr-card-pad);
        color: #AF720A;
        text-align: left;
        transform: scale(1.65);
        transform-origin: left center;
    }

    .elementor-342 .elementor-element-47de759:hover .elementor-element-abe7f38::after,
    .elementor-342 .elementor-element-47de759:focus-within .elementor-element-abe7f38::after,
    .elementor-342 .svr-property-card:hover .svr-card-price::after,
    .elementor-342 .svr-property-card:focus-within .svr-card-price::after {
        display: block;
        width: 34px;
        height: 2px;
        margin-top: 8px;
        background: #EBAE46;
        content: "";
    }

    .elementor-342 .elementor-element-47de759:hover .elementor-element-6ced859,
    .elementor-342 .elementor-element-47de759:focus-within .elementor-element-6ced859,
    .elementor-342 .svr-property-card:hover .svr-card-title,
    .elementor-342 .svr-property-card:focus-within .svr-card-title {
        top: 56%;
    }

    .elementor-342 .elementor-element-47de759:hover .elementor-element-6ced859 .elementor-heading-title,
    .elementor-342 .elementor-element-47de759:hover .elementor-element-6ced859 .elementor-heading-title a,
    .elementor-342 .elementor-element-47de759:focus-within .elementor-element-6ced859 .elementor-heading-title,
    .elementor-342 .elementor-element-47de759:focus-within .elementor-element-6ced859 .elementor-heading-title a,
    .elementor-342 .svr-property-card:hover .svr-card-title .elementor-heading-title,
    .elementor-342 .svr-property-card:hover .svr-card-title .elementor-heading-title a {
        color: #07152f;
        text-transform: uppercase;
        letter-spacing: .02em;
    }

    .elementor-342 .elementor-element-47de759:hover .elementor-element-cb48c2f,
    .elementor-342 .elementor-element-47de759:focus-within .elementor-element-cb48c2f,
    .elementor-342 .svr-property-card:hover .svr-card-location,
    .elementor-342 .svr-property-card:focus-within .svr-card-location {
        top: 69%;
        color: #59606f;
        text-transform: uppercase;
        letter-spacing: .12em;
    }

    .elementor-342 .elementor-element-47de759:hover .elementor-element-f2f1d09,
    .elementor-342 .elementor-element-47de759:hover .elementor-element-045dd7b,
    .elementor-342 .elementor-element-47de759:focus-within .elementor-element-f2f1d09,
    .elementor-342 .elementor-element-47de759:focus-within .elementor-element-045dd7b,
    .elementor-342 .svr-property-card:hover .svr-card-beds,
    .elementor-342 .svr-property-card:hover .svr-card-baths {
        color: #07152f;
    }

    .elementor-342 .elementor-element-47de759:hover .svr-loop-content::after,
    .elementor-342 .elementor-element-47de759:focus-within .svr-loop-content::after,
    .elementor-342 .svr-property-card:hover .svr-loop-content::after,
    .elementor-342 .svr-property-card:focus-within .svr-loop-content::after {
        opacity: 1;
        transform: scaleX(1);
    }
}

@media (max-width: 767px), (hover: none) {
    .elementor-342 .elementor-element-47de759,
    .elementor-342 .svr-property-card {
        min-height: 390px;
        border-radius: 24px;
        background-size: cover !important;
        transform: none !important;
    }

    .elementor-342 .elementor-element-6ced859,
    .elementor-342 .svr-card-title { top: calc(100% - 132px); }

    .elementor-342 .elementor-element-abe7f38,
    .elementor-342 .svr-card-price {
        top: calc(100% - 78px);
        right: auto;
        left: var(--svr-card-pad);
        text-align: left;
    }

    .elementor-342 .elementor-element-cb48c2f,
    .elementor-342 .svr-card-location { top: calc(100% - 42px); }

    .elementor-342 .elementor-element-f2f1d09,
    .elementor-342 .svr-card-beds {
        top: calc(100% - 42px);
        left: 52%;
    }

    .elementor-342 .elementor-element-045dd7b,
    .elementor-342 .svr-card-baths {
        top: calc(100% - 42px);
        right: var(--svr-card-pad);
        left: auto;
    }
}