/* /Components/Account/Pages/Login.razor.rz.scp.css */
/* ============================================================
   LOGIN CARD
   Estrada Propiedades
   ============================================================ */

.login-card-shell[b-1qk833h3zr] {
    --deep: #142434;
    --blue: #2f4157;
    --pink: #d69fb4;
    --pink-light: #e9c1cf;
    --sky: #eaf2f9;
    position: relative;
    width: min(100%, 550px);
    padding: 2px;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0 42px 100px rgba(20,36,52,.20), 0 12px 32px rgba(20,36,52,.10);
    animation: cardIn-b-1qk833h3zr .7s cubic-bezier(.2,.75,.2,1) both;
}


/* ============================================================
   BORDE ANIMADO
   ============================================================ */

.login-card-shell__light[b-1qk833h3zr] {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    width: 180%;
    aspect-ratio: 1;
    background: conic-gradient( from 0deg, transparent 0deg, transparent 52deg, #d69fb4 72deg, #e9c1cf 91deg, #eaf2f9 108deg, #2f4157 126deg, transparent 150deg, transparent 360deg );
    transform: translate(-50%, -50%);
    animation: estradaBorderSpin-b-1qk833h3zr 5.8s linear infinite;
}


/*
    Segundo reflejo para que no parezca
    una única línea persiguiendo el borde.
*/
.login-card-shell[b-1qk833h3zr]::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    width: 180%;
    aspect-ratio: 1;
    background: conic-gradient( from 180deg, transparent 0deg, transparent 76deg, rgba(214,159,180,.7) 92deg, rgba(47,65,87,.7) 112deg, transparent 135deg, transparent 360deg );
    transform: translate(-50%, -50%);
    animation: estradaBorderSpin-b-1qk833h3zr 8.5s linear infinite reverse;
    opacity: .55;
}


/* ============================================================
   CARD
   ============================================================ */

.login-card[b-1qk833h3zr] {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 50px 48px 40px;
    overflow: hidden;
    border-radius: 4px;
    background: rgba(255,255,255,.985);
    color: var(--deep);
    border: 1px solid rgba(214,159,180,.15);
}


.login-card__glow[b-1qk833h3zr] {
    position: absolute;
    width: 250px;
    height: 250px;
    top: -125px;
    right: -120px;
    border-radius: 50%;
    background: rgba(214,159,180,.16);
    pointer-events: none;
}


/* ============================================================
   HEADER
   ============================================================ */

.login-card__header[b-1qk833h3zr] {
    position: relative;
    z-index: 1;
    margin-bottom: 38px;
}


/* ============================================================
   LOGO
   ============================================================ */

.login-logo[b-1qk833h3zr] {
    width: 105px;
    height: 105px;
    margin-bottom: 28px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
}


    .login-logo img[b-1qk833h3zr] {
        display: block;
        width: auto;
        height: 100%;
        max-width: 120px;
        object-fit: contain;
        transition: transform .3s ease;
    }


    .login-logo:hover img[b-1qk833h3zr] {
        transform: scale(1.04) translateY(-2px);
    }


/* ============================================================
   TEXTOS
   ============================================================ */

.login-card__eyebrow[b-1qk833h3zr] {
    display: block;
    color: var(--pink);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2.4px;
}


.login-card h1[b-1qk833h3zr] {
    margin: 11px 0 12px;
    font-family: "Lora", Georgia, serif;
    font-size: 46px;
    line-height: .98;
    font-weight: 500;
    letter-spacing: -1.3px;
}


    .login-card h1 em[b-1qk833h3zr] {
        display: block;
        margin-top: 4px;
        color: var(--blue);
        font-weight: 400;
    }


.login-card__header p[b-1qk833h3zr] {
    margin: 0;
    color: #748491;
    font-size: 13px;
    line-height: 1.6;
}


/* ============================================================
   FIELDS
   ============================================================ */

.login-field[b-1qk833h3zr] {
    margin-bottom: 23px;
}


    .login-field > label[b-1qk833h3zr] {
        display: block;
        margin-bottom: 8px;
        color: var(--blue);
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 1.6px;
    }


.login-field__control[b-1qk833h3zr] {
    position: relative;
    min-height: 58px;
    display: flex;
    align-items: center;
    border: 1px solid #d7e0e7;
    background: #fafcfd;
    transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease, background .22s ease;
}


    .login-field__control:hover[b-1qk833h3zr] {
        border-color: rgba(47,65,87,.3);
    }


    .login-field__control:focus-within[b-1qk833h3zr] {
        border-color: var(--pink);
        background: #fff;
        box-shadow: 0 0 0 4px rgba(214,159,180,.1);
        transform: translateY(-1px);
    }


/* ============================================================
   ICONOS
   ============================================================ */

.login-field__icon[b-1qk833h3zr] {
    width: 52px;
    flex: 0 0 52px;
    display: grid;
    place-items: center;
    color: var(--blue);
}


    .login-field__icon svg[b-1qk833h3zr] {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.65;
        stroke-linecap: round;
        stroke-linejoin: round;
        opacity: .72;
        transition: color .2s ease, transform .2s ease, opacity .2s ease;
    }


.login-field__control:focus-within
.login-field__icon svg[b-1qk833h3zr] {
    color: var(--pink);
    opacity: 1;
    transform: scale(1.05);
}


.login-field__icon--key svg[b-1qk833h3zr] {
    width: 19px;
    height: 19px;
}


/* ============================================================
   INPUTS BLAZOR
   ============================================================ */

[b-1qk833h3zr] .login-input {
    width: 100%;
    height: 56px;
    padding: 0 15px 0 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--deep);
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
}


    [b-1qk833h3zr] .login-input::placeholder {
        color: #99a5ae;
    }


[b-1qk833h3zr] .login-input--password {
    padding-right: 65px;
}


/* ============================================================
   VER CONTRASEÑA
   ============================================================ */

.password-toggle[b-1qk833h3zr] {
    position: absolute;
    right: 9px;
    top: 50%;
    min-width: 44px;
    height: 36px;
    padding: 0 8px;
    border: 0;
    border-radius: 3px;
    background: transparent;
    color: #75848f;
    font-family: inherit;
    font-size: 9px;
    font-weight: 800;
    cursor: pointer;
    transform: translateY(-50%);
    transition: background .2s ease, color .2s ease;
}


    .password-toggle:hover[b-1qk833h3zr] {
        background: rgba(47,65,87,.06);
        color: var(--pink);
    }


/* ============================================================
   VALIDACIONES
   ============================================================ */

[b-1qk833h3zr] .validation-message {
    display: block;
    margin-top: 6px;
    color: #ad536d;
    font-size: 10px;
    font-weight: 500;
}


/* ============================================================
   ALERTA
   ============================================================ */

.login-alert[b-1qk833h3zr] {
    margin-bottom: 22px;
    padding: 13px 15px;
    display: flex;
    align-items: flex-start;
    gap: 11px;
    border: 1px solid rgba(173,83,109,.2);
    background: #fff4f6;
    color: #99475e;
    font-size: 11px;
    line-height: 1.5;
}


    .login-alert > span[b-1qk833h3zr] {
        width: 21px;
        height: 21px;
        flex: 0 0 21px;
        display: grid;
        place-items: center;
        border-radius: 50%;
        background: #ad536d;
        color: #fff;
        font-weight: 700;
    }


/* ============================================================
   REMEMBER
   ============================================================ */

.login-options[b-1qk833h3zr] {
    margin: 4px 0 27px;
}


.remember-check[b-1qk833h3zr] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #6e7e89;
    font-size: 10px;
    cursor: pointer;
}


[b-1qk833h3zr] .remember-check input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}


.remember-check__box[b-1qk833h3zr] {
    position: relative;
    width: 18px;
    height: 18px;
    border: 1px solid #ccd7df;
    background: #fff;
    transition: border-color .2s ease, background .2s ease;
}


[b-1qk833h3zr]
.remember-check input:checked + .remember-check__box {
    border-color: var(--blue);
    background: var(--blue);
}


    [b-1qk833h3zr]
    .remember-check input:checked + .remember-check__box::after {
        content: "";
        position: absolute;
        left: 5px;
        top: 2px;
        width: 4px;
        height: 8px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }


/* ============================================================
   SUBMIT
   ============================================================ */

.login-submit[b-1qk833h3zr] {
    position: relative;
    width: 100%;
    min-height: 60px;
    padding: 0 20px 0 22px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 0;
    background: var(--deep);
    color: #fff;
    font-family: inherit;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 13px 28px rgba(20,36,52,.17);
    transition: background .25s ease, box-shadow .25s ease, transform .25s ease;
}


    .login-submit[b-1qk833h3zr]::before {
        content: "";
        position: absolute;
        top: 0;
        left: -130%;
        width: 75%;
        height: 100%;
        background: linear-gradient( 105deg, transparent, rgba(255,255,255,.18), transparent );
        transform: skewX(-20deg);
        transition: left .55s ease;
    }


    .login-submit:hover[b-1qk833h3zr] {
        background: #20364b;
        box-shadow: 0 18px 36px rgba(20,36,52,.24);
        transform: translateY(-2px);
    }


        .login-submit:hover[b-1qk833h3zr]::before {
            left: 145%;
        }


.login-submit__arrow[b-1qk833h3zr] {
    color: var(--pink);
    font-size: 17px;
    transition: transform .25s ease;
}


.login-submit:hover
.login-submit__arrow[b-1qk833h3zr] {
    transform: translate(3px,-3px);
}


/* ============================================================
   SECURITY
   ============================================================ */

.login-security[b-1qk833h3zr] {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #97a3ac;
    font-size: 8px;
}


.login-security__dot[b-1qk833h3zr] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #7ca38b;
    box-shadow: 0 0 0 4px rgba(124,163,139,.12);
}


/* ============================================================
   ANIMACIONES
   ============================================================ */

@keyframes estradaBorderSpin-b-1qk833h3zr {

    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}


@keyframes cardIn-b-1qk833h3zr {

    from {
        opacity: 0;
        transform: translateY(24px) scale(.985);
    }

    to {
        opacity: 1;
        transform: none;
    }
}


/* ============================================================
   ACCESIBILIDAD
   ============================================================ */

@media ( prefers-reduced-motion: reduce ) {

    .login-card-shell__light[b-1qk833h3zr],
    .login-card-shell[b-1qk833h3zr]::before {
        animation: none;
    }


    .login-card[b-1qk833h3zr] {
        animation: none;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 560px) {

    .login-card-shell[b-1qk833h3zr] {
        width: 100%;
    }


    .login-card[b-1qk833h3zr] {
        padding: 40px 26px 32px;
    }


    .login-logo[b-1qk833h3zr] {
        width: 90px;
        height: 90px;
    }


    .login-card h1[b-1qk833h3zr] {
        font-size: 40px;
    }
}
/* /Components/Account/Pages/Manage/Index.razor.rz.scp.css */
.account-page[b-ihqnehdal6] {
    --deep: #142434;
    --blue: #2f4157;
    --pink: #d69fb4;
    --pink-light: #e9c1cf
}

.account-page__header[b-ihqnehdal6] {
    max-width: 900px;
    margin-bottom: 38px;
}

    .account-page__header h1[b-ihqnehdal6] {
        margin: 11px 0 12px;
        color: var(--deep);
        font-family: "Lora", Georgia, serif;
        font-size: clamp(38px, 4vw, 56px);
        line-height: 1.05;
        font-weight: 500;
        letter-spacing: -1.2px;
        white-space: nowrap;
    }

    .account-page__header > span[b-ihqnehdal6], .account-profile__form-heading > span[b-ihqnehdal6], .account-security-card > div > span[b-ihqnehdal6] {
        color: var(--pink);
        font-size: 8px;
        font-weight: 800;
        letter-spacing: 2.2px
    }

    

        .account-page__header h1 em[b-ihqnehdal6] {
            color: var(--blue);
            font-weight: 400
        }

    .account-page__header p[b-ihqnehdal6] {
        margin: 0;
        color: #7a8994;
        font-size: 12px;
        line-height: 1.7
    }

.account-message[b-ihqnehdal6] {
    margin-bottom: 18px;
    padding: 13px 15px;
    display: flex;
    align-items: center;
    gap: 9px;
    border: 1px solid rgba(106,151,120,.2);
    background: #f2faf4;
    color: #547c60;
    font-size: 11px
}

    .account-message > span[b-ihqnehdal6] {
        width: 19px;
        height: 19px;
        display: grid;
        place-items: center;
        border-radius: 50%;
        background: #6a9778;
        color: #fff;
        font-size: 10px
    }

.account-profile[b-ihqnehdal6] {
    display: grid;
    max-width: 980px;
    grid-template-columns: 320px minmax(0,1fr);
    background: #fff;
    border: 1px solid #e0e7ec;
    box-shadow: 0 20px 55px rgba(20,36,52,.06)
}

.account-profile__identity[b-ihqnehdal6] {
    padding: 42px 34px;
    background: radial-gradient(circle at 100% 0%,rgba(214,159,180,.18),transparent 34%),#142434;
    color: #fff
}

.account-profile__avatar[b-ihqnehdal6] {
    width: 78px;
    height: 78px;
    margin-bottom: 33px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(233,193,207,.34);
    background: rgba(255,255,255,.05);
    color: #e9c1cf;
    font-family: "Lora",Georgia,serif;
    font-size: 31px
}

.account-profile__identity > span[b-ihqnehdal6] {
    color: #d69fb4;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 2px
}

.account-profile__identity h2[b-ihqnehdal6] {
    margin: 9px 0 5px;
    font-family: "Lora",Georgia,serif;
    font-size: 27px;
    line-height: 1.1;
    font-weight: 500
}

.account-profile__identity p[b-ihqnehdal6] {
    margin: 0;
    overflow-wrap: anywhere;
    color: rgba(255,255,255,.46);
    font-size: 10px
}

.account-profile__state[b-ihqnehdal6] {
    margin-top: 42px;
    padding-top: 18px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-top: 1px solid rgba(255,255,255,.1);
    color: rgba(255,255,255,.48);
    font-size: 9px
}

    .account-profile__state i[b-ihqnehdal6] {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #79a486;
        box-shadow: 0 0 0 4px rgba(121,164,134,.12)
    }

.account-profile__form[b-ihqnehdal6] {
    padding: 42px 46px
}

.account-profile__form-heading[b-ihqnehdal6] {
    margin-bottom: 30px
}

    .account-profile__form-heading h2[b-ihqnehdal6] {
        margin: 7px 0 7px;
        color: var(--deep);
        font-family: "Lora",Georgia,serif;
        font-size: 30px;
        font-weight: 500
    }

    .account-profile__form-heading p[b-ihqnehdal6] {
        margin: 0;
        max-width: 560px;
        color: #82909a;
        font-size: 11px;
        line-height: 1.65
    }

.account-form__group[b-ihqnehdal6] {
    margin-bottom: 21px
}

    .account-form__group label[b-ihqnehdal6] {
        display: block;
        margin-bottom: 7px;
        color: #7c8a95;
        font-size: 8px;
        font-weight: 800;
        letter-spacing: 1.5px;
        text-transform: uppercase
    }

[b-ihqnehdal6] .account-input, .account-input[b-ihqnehdal6] {
    width: 100%;
    height: 53px;
    padding: 0 15px;
    border: 1px solid #dbe3e8;
    outline: none;
    background: #fafcfd;
    color: #142434;
    font-family: inherit;
    font-size: 12px;
    transition: .2s ease
}

    [b-ihqnehdal6] .account-input:focus {
        border-color: #d69fb4;
        background: #fff;
        box-shadow: 0 0 0 4px rgba(214,159,180,.09)
    }

.account-input--readonly[b-ihqnehdal6] {
    color: #82909a;
    background: #f2f5f7
}

.account-form__group small[b-ihqnehdal6] {
    display: block;
    margin-top: 6px;
    color: #a0aab2;
    font-size: 8px
}

[b-ihqnehdal6] .validation-message {
    display: block;
    margin-top: 6px;
    color: #aa5069;
    font-size: 9px
}

.account-form__actions[b-ihqnehdal6] {
    padding-top: 7px
}

.account-save[b-ihqnehdal6] {
    width: 100%;
    min-height: 54px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 0;
    background: var(--deep);
    color: #fff;
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 12px 25px rgba(20,36,52,.13);
    transition: .22s ease
}

    .account-save span:last-child[b-ihqnehdal6] {
        color: var(--pink-light);
        font-size: 15px;
        transition: .22s ease
    }

    .account-save:hover[b-ihqnehdal6] {
        background: #21394f;
        transform: translateY(-2px);
        box-shadow: 0 16px 32px rgba(20,36,52,.18)
    }

        .account-save:hover span:last-child[b-ihqnehdal6] {
            transform: translate(3px,-3px)
        }

.account-security-card[b-ihqnehdal6] {
    margin-top: 22px;
    padding: 27px 30px;
    max-width: 980px;
    display: grid;
    grid-template-columns: 1fr 1.1fr auto;
    gap: 35px;
    align-items: center;
    border: 1px solid #e0e7ec;
    background: #fff
}

.account-profile[b-ihqnehdal6],
.account-security-card[b-ihqnehdal6] {
    margin-left: auto;
    margin-right: auto;
}

    .account-security-card h2[b-ihqnehdal6] {
        margin: 6px 0 0;
        color: var(--deep);
        font-family: "Lora",Georgia,serif;
        font-size: 23px;
        font-weight: 500
    }

    .account-security-card p[b-ihqnehdal6] {
        margin: 0;
        color: #82909a;
        font-size: 10px;
        line-height: 1.65
    }

    .account-security-card > a[b-ihqnehdal6] {
        min-width: 160px;
        height: 46px;
        padding: 0 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        border: 1px solid #d9e1e6;
        color: var(--deep);
        font-size: 9px;
        font-weight: 700;
        text-decoration: none;
        transition: .2s ease
    }

        .account-security-card > a span[b-ihqnehdal6] {
            color: var(--pink)
        }

        .account-security-card > a:hover[b-ihqnehdal6] {
            border-color: var(--pink);
            background: #fffafd;
            transform: translateY(-1px)
        }

@media(max-width:850px) {
    .account-profile[b-ihqnehdal6] {
        grid-template-columns: 1fr
    }

    .account-profile__identity[b-ihqnehdal6] {
        padding: 30px
    }

    .account-profile__avatar[b-ihqnehdal6] {
        width: 62px;
        height: 62px;
        margin-bottom: 20px
    }

    .account-profile__state[b-ihqnehdal6] {
        margin-top: 25px
    }

    .account-security-card[b-ihqnehdal6] {
        grid-template-columns: 1fr;
        gap: 14px
    }

        .account-security-card > a[b-ihqnehdal6] {
            width: 100%
        }
}

@media (max-width: 700px) {

    .account-page__header h1[b-ihqnehdal6] {
        white-space: normal;
        font-size: 42px;
    }
}

@media(max-width:560px) {
    .account-profile__form[b-ihqnehdal6] {
        padding: 30px 24px
    }
}
/* /Components/Account/Shared/LoginLayout.razor.rz.scp.css */
/* ============================================================
   LOGIN LAYOUT
   Estrada Propiedades
   ============================================================ */

.login-layout[b-gilwbzwrp1] {
    --deep: #142434;
    --blue: #2f4157;
    --pink: #d69fb4;
    --pink-light: #e9c1cf;
    --sky: #eaf2f9;
    position: relative;
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(0, 1.22fr) minmax(520px, .78fr);
    overflow: hidden;
    background: var(--deep);
}


/* ============================================================
   VOLVER
   ============================================================ */

.login-back[b-gilwbzwrp1] {
    position: fixed;
    z-index: 50;
    top: 34px;
    left: 38px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: rgba(255,255,255,.90);
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    text-shadow: 0 2px 10px rgba(0,0,0,.22);
    transition: color .2s ease, transform .2s ease;
}


    .login-back span[b-gilwbzwrp1] {
        color: var(--pink);
        font-size: 15px;
    }


    .login-back:hover[b-gilwbzwrp1] {
        color: #ffffff;
        transform: translateX(-3px);
    }


/* ============================================================
   IMAGEN
   ============================================================ */

.login-layout__media[b-gilwbzwrp1] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    background: var(--deep);
}


.login-layout__image[b-gilwbzwrp1] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    /*
        Dejamos la imagen centrada.
        El texto ahora sube por CSS,
        no movemos la foto.
    */
    object-position: center;
    animation: loginImageIn-b-gilwbzwrp1 1.4s cubic-bezier(.2,.7,.2,1) both;
}


/* ============================================================
   OVERLAY
   Mantiene la foto visible pero garantiza lectura
   ============================================================ */

.login-layout__overlay[b-gilwbzwrp1] {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient( 90deg, rgba(20,36,52,.58) 0%, rgba(20,36,52,.38) 31%, rgba(20,36,52,.18) 58%, rgba(20,36,52,.05) 100% ), linear-gradient( 0deg, rgba(20,36,52,.25) 0%, rgba(20,36,52,.04) 60%, rgba(20,36,52,.10) 100% );
}


/* Franja rosa editorial */
.login-layout__media[b-gilwbzwrp1]::before {
    content: "";
    position: absolute;
    z-index: 3;
    top: -145px;
    right: -75px;
    width: 185px;
    height: 630px;
    background: rgba(214,159,180,.72);
    transform: rotate(12deg);
    opacity: .30;
    pointer-events: none;
}


/* ============================================================
   TEXTO SOBRE LA IMAGEN
   AHORA ANCLADO DESDE ARRIBA
   ============================================================ */

.login-layout__brand[b-gilwbzwrp1] {
    position: absolute;
    z-index: 4;
    /*
        Antes usábamos bottom.
        Ahora queda directamente en la zona del cielo.
    */
    top: clamp(145px, 18vh, 195px);
    left: clamp(85px, 7vw, 125px);
    bottom: auto !important;
    width: min(700px, calc(100% - 150px));
    max-width: 700px;
    color: #ffffff;
}


    /* ============================================================
   EYEBROW
   ============================================================ */

    .login-layout__brand > span[b-gilwbzwrp1] {
        display: block;
        margin-bottom: 19px;
        color: var(--pink-light);
        font-family: "Montserrat", sans-serif;
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 2.8px;
        text-shadow: 0 2px 12px rgba(0,0,0,.22);
    }


    /* ============================================================
   TÍTULO
   ============================================================ */

    .login-layout__brand h2[b-gilwbzwrp1] {
        margin: 0;
        max-width: 700px;
        font-family: "Lora", Georgia, serif;
        font-size: clamp(54px, 4.8vw, 80px);
        font-weight: 500;
        line-height: .96;
        letter-spacing: -2px;
        /*
        Gestionar lo real.
        BLANCO
    */
        color: #ffffff !important;
        text-shadow: 0 7px 28px rgba(0,0,0,.27);
    }


        /*
   Segunda línea:
   Proyectar lo que sigue.
*/
        .login-layout__brand h2 em[b-gilwbzwrp1] {
            display: block;
            margin-top: 9px;
            color: var(--pink-light) !important;
            font-weight: 400;
            font-style: italic;
            text-shadow: 0 7px 28px rgba(0,0,0,.22);
        }


    /*
   Por si existe algún estilo global para h1/h2
   dentro de Identity, lo anulamos explícitamente.
*/
    .login-layout__brand h1[b-gilwbzwrp1],
    .login-layout__brand h2[b-gilwbzwrp1] {
        color: #ffffff !important;
    }


        /* Solo el em queda rosa */
        .login-layout__brand h1 em[b-gilwbzwrp1],
        .login-layout__brand h2 em[b-gilwbzwrp1] {
            color: var(--pink-light) !important;
        }


    /* ============================================================
   DESCRIPCIÓN
   ============================================================ */

    .login-layout__brand p[b-gilwbzwrp1] {
        max-width: 570px;
        margin: 27px 0 0;
        color: rgba(255,255,255,.90);
        font-family: "Montserrat", sans-serif;
        font-size: 15px;
        line-height: 1.72;
        text-shadow: 0 3px 14px rgba(0,0,0,.25);
    }


/* ============================================================
   FIRMA ABAJO
   ============================================================ */

.login-layout__signature[b-gilwbzwrp1] {
    position: absolute;
    z-index: 4;
    left: clamp(85px, 7vw, 125px);
    bottom: 36px;
    display: flex;
    gap: 11px;
    color: rgba(255,255,255,.52);
    font-family: "Montserrat", sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-shadow: 0 2px 10px rgba(0,0,0,.2);
}


    .login-layout__signature
    span + span[b-gilwbzwrp1]::before {
        content: "·";
        margin-right: 11px;
        color: var(--pink);
    }


/* ============================================================
   LADO DERECHO / FORMULARIO
   ============================================================ */

.login-layout__content[b-gilwbzwrp1] {
    position: relative;
    z-index: 10;
    min-height: 100vh;
    padding: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient( circle at 100% 0%, rgba(214,159,180,.17), transparent 30% ), linear-gradient( 145deg, #f9fbfc, #ffffff 60%, #f7eef2 );
}


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

@media (max-width: 1250px) {

    .login-layout[b-gilwbzwrp1] {
        grid-template-columns: minmax(0, 1fr) minmax(500px, .9fr);
    }


    .login-layout__brand[b-gilwbzwrp1] {
        top: 150px;
        left: 60px;
        width: calc(100% - 100px);
    }


        .login-layout__brand h2[b-gilwbzwrp1] {
            font-size: clamp(48px, 4.5vw, 66px);
        }


    .login-layout__signature[b-gilwbzwrp1] {
        left: 60px;
    }
}


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

@media (max-width: 1050px) {

    .login-layout[b-gilwbzwrp1] {
        grid-template-columns: minmax(350px,.85fr) minmax(500px,1.15fr);
    }


    .login-layout__brand[b-gilwbzwrp1] {
        top: 135px;
        left: 42px;
        right: 28px;
        width: auto;
        max-width: 500px;
    }


        .login-layout__brand h2[b-gilwbzwrp1] {
            font-size: 50px;
            line-height: .97;
        }


        .login-layout__brand p[b-gilwbzwrp1] {
            font-size: 13px;
        }


    .login-layout__signature[b-gilwbzwrp1] {
        left: 42px;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 820px) {

    .login-layout[b-gilwbzwrp1] {
        display: block;
        background: #ffffff;
    }


    /*
        En mobile dejamos solamente
        el formulario.
    */
    .login-layout__media[b-gilwbzwrp1] {
        display: none;
    }


    .login-layout__content[b-gilwbzwrp1] {
        min-height: 100vh;
        padding: 60px 22px 35px;
    }


    .login-back[b-gilwbzwrp1] {
        top: 20px;
        left: 20px;
        color: var(--blue);
        text-shadow: none;
    }


        .login-back:hover[b-gilwbzwrp1] {
            color: var(--deep);
        }
}


/* ============================================================
   ANIMACIÓN FOTO
   ============================================================ */

@keyframes loginImageIn-b-gilwbzwrp1 {

    from {
        transform: scale(1.045);
        opacity: .78;
    }


    to {
        transform: scale(1);
        opacity: 1;
    }
}


/* ============================================================
   REDUCE MOTION
   ============================================================ */

@media ( prefers-reduced-motion: reduce ) {

    .login-layout__image[b-gilwbzwrp1] {
        animation: none;
    }
}
/* /Components/Layout/AdminLayout.razor.rz.scp.css */
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ============================================================
   ESTRADA PROPIEDADES
   Layout público
   ============================================================ */

.estrada-site[b-8e3bgiv03c] {
    --estrada-blue: #2f4157;
    --estrada-dark: #142434;
    --estrada-pink: #d69fb4;
    --estrada-pink-light: #e9c1cf;
    --estrada-sky: #eaf2f9;
    --estrada-nude: #eedce2;
    --white: #ffffff;
    --text: #142434;
    --text-soft: #667484;
    --border: rgba(47, 65, 87, .13);
    min-height: 100vh;
    background: #ffffff;
    color: var(--text);
    font-family: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}


/* ============================================================
   HEADER
   ============================================================ */

.site-header[b-8e3bgiv03c] {
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    background: rgba(255, 255, 255, .94);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-bottom: 1px solid var(--border);
}

/* 196px de alto. El hero del home descuenta este mismo valor en
   su min-height: si lo cambiás acá, cambialo también allá. */
/* Full-bleed con el mismo padding lateral que el hero, para que el
   logo caiga en la misma línea vertical que el eyebrow de abajo.
   Con un contenedor centrado de 1500px el logo quedaba ~380px
   adentro y el header se leía despegado del hero, que va de borde
   a borde. */
.header-inner[b-8e3bgiv03c] {
    width: 100%;
    height: 196px;
    margin: 0;
    padding: 0 clamp(30px, 3vw, 56px);
    display: flex;
    align-items: center;
    gap: 48px;
}


/* ============================================================
   LOGO

   El límite real no era el alto sino el max-width: el logo es
   más ancho que alto, así que con object-fit contain el ancho
   era el que mandaba y el alto de 142px nunca se usaba.
   ============================================================ */

.brand[b-8e3bgiv03c] {
    flex: 0 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
}

.brand-logo[b-8e3bgiv03c] {
    display: block;
    width: auto;
    height: 168px;
    max-width: 248px;
    object-fit: contain;
    transform: none;
}


/* ============================================================
   NAVEGACIÓN
   ============================================================ */

.desktop-nav[b-8e3bgiv03c] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 44px;
}

    .desktop-nav a[b-8e3bgiv03c] {
        position: relative;
        padding: 46px 0;
        color: var(--estrada-blue);
        text-decoration: none;
        font-size: 16.5px;
        font-weight: 600;
        letter-spacing: .1px;
        transition: color .2s ease, opacity .2s ease;
    }

        .desktop-nav a[b-8e3bgiv03c]::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 39px;
            height: 2px;
            background: var(--estrada-pink);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform .25s ease;
        }

        .desktop-nav a:hover[b-8e3bgiv03c] {
            color: var(--estrada-dark);
        }

            .desktop-nav a:hover[b-8e3bgiv03c]::after {
                transform: scaleX(1);
            }


/* ============================================================
   BOTÓN VENDER
   ============================================================ */

.header-actions[b-8e3bgiv03c] {
    margin-left: 10px;
}

.sell-button[b-8e3bgiv03c] {
    height: 60px;
    padding: 0 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    border-radius: 2px;
    background: var(--estrada-blue);
    color: #fff;
    text-decoration: none;
    font-size: 15.5px;
    font-weight: 600;
    transition: background-color .25s ease, transform .25s ease;
}

    .sell-button:hover[b-8e3bgiv03c] {
        background: var(--estrada-dark);
        color: #ffffff;
        transform: translateY(-1px);
    }

    .sell-button .arrow[b-8e3bgiv03c] {
        color: var(--estrada-pink-light);
        font-size: 18px;
    }


/* ============================================================
   CONTENIDO
   ============================================================ */

.site-main[b-8e3bgiv03c] {
    min-height: 70vh;
}


/* ============================================================
   FOOTER
   ============================================================ */

.site-footer[b-8e3bgiv03c] {
    padding: 90px 0 25px;
    background: var(--estrada-dark);
    color: rgba(255, 255, 255, .72);
}

.footer-main[b-8e3bgiv03c] {
    width: min(1400px, calc(100% - 80px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.5fr;
    gap: 70px;
}

.footer-logo[b-8e3bgiv03c] {
    display: block;
    width: auto;
    height: 165px;
    margin-bottom: 32px;
    object-fit: contain;
}

.footer-brand-column p[b-8e3bgiv03c] {
    max-width: 370px;
    margin: 0 0 26px;
    font-family: "Lora", Georgia, serif;
    font-size: 18px;
    line-height: 1.65;
    color: rgba(255, 255, 255, .82);
}

.footer-location[b-8e3bgiv03c] {
    color: var(--estrada-pink-light);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.footer-title[b-8e3bgiv03c] {
    display: block;
    margin-bottom: 26px;
    color: var(--estrada-pink-light);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.footer-column a[b-8e3bgiv03c] {
    display: block;
    width: fit-content;
    margin-bottom: 17px;
    color: rgba(255, 255, 255, .82);
    font-size: 15.5px;
    text-decoration: none;
    transition: color .2s ease;
}

    .footer-column a:hover[b-8e3bgiv03c] {
        color: #ffffff;
    }

.footer-contact p[b-8e3bgiv03c] {
    max-width: 280px;
    margin: 0 0 25px;
    font-family: "Lora", Georgia, serif;
    font-size: 17px;
    line-height: 1.6;
    color: rgba(255, 255, 255, .82);
}

.footer-whatsapp[b-8e3bgiv03c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    width: fit-content;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--estrada-pink);
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
}

    .footer-whatsapp span[b-8e3bgiv03c] {
        color: var(--estrada-pink);
    }

.footer-bottom[b-8e3bgiv03c] {
    width: min(1400px, calc(100% - 80px));
    margin: 70px auto 0;
    padding-top: 22px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid rgba(255, 255, 255, .12);
    color: rgba(255, 255, 255, .55);
    font-size: 13px;
}


/* ============================================================
   MOBILE MENU
   No requiere Blazor Interactive Server
   ============================================================ */

.mobile-menu[b-8e3bgiv03c] {
    display: none;
    position: relative;
}

    .mobile-menu summary[b-8e3bgiv03c] {
        width: 46px;
        height: 46px;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        list-style: none;
        cursor: pointer;
        border: 1px solid var(--border);
    }

        .mobile-menu summary[b-8e3bgiv03c]::-webkit-details-marker {
            display: none;
        }

        .mobile-menu summary span[b-8e3bgiv03c] {
            display: block;
            width: 19px;
            height: 1.5px;
            background: var(--estrada-blue);
        }

/* El top tiene que coincidir con la altura del header en mobile
   (82px). Estaba en 71px y el panel quedaba montado sobre la
   barra. */
.mobile-menu-panel[b-8e3bgiv03c] {
    position: fixed;
    top: 82px;
    left: 0;
    right: 0;
    padding: 30px 24px 35px;
    background: #ffffff;
    border-top: 1px solid var(--border);
    box-shadow: 0 25px 50px rgba(20, 36, 52, .1);
}

    .mobile-menu-panel > a[b-8e3bgiv03c] {
        display: block;
        padding: 15px 0;
        border-bottom: 1px solid rgba(47, 65, 87, .08);
        color: var(--estrada-blue);
        font-family: "Lora", Georgia, serif;
        font-size: 22px;
        text-decoration: none;
    }

    .mobile-menu-panel .mobile-sell[b-8e3bgiv03c] {
        margin-top: 20px;
        padding: 16px 20px;
        background: var(--estrada-blue);
        color: #ffffff;
        border: 0;
        font-family: inherit;
        font-size: 14.5px;
        font-weight: 600;
        text-align: center;
    }


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

@media (max-width: 1250px) {

    .header-inner[b-8e3bgiv03c] {
        height: 168px;
        gap: 32px;
    }

    .brand-logo[b-8e3bgiv03c] {
        height: 140px;
        max-width: 205px;
    }

    .desktop-nav[b-8e3bgiv03c] {
        gap: 30px;
    }

        .desktop-nav a[b-8e3bgiv03c] {
            padding: 38px 0;
            font-size: 15px;
        }

            .desktop-nav a[b-8e3bgiv03c]::after {
                bottom: 32px;
            }
}


@media (max-width: 1050px) {

    .header-inner[b-8e3bgiv03c] {
        width: 100%;
        padding: 0 24px;
        height: 150px;
        gap: 22px;
    }

    .brand-logo[b-8e3bgiv03c] {
        height: 122px;
        max-width: 175px;
    }

    .desktop-nav[b-8e3bgiv03c] {
        gap: 22px;
    }

        .desktop-nav a[b-8e3bgiv03c] {
            padding: 32px 0;
            font-size: 14px;
        }

            .desktop-nav a[b-8e3bgiv03c]::after {
                bottom: 27px;
            }

    .sell-button[b-8e3bgiv03c] {
        height: 54px;
        padding: 0 22px;
        font-size: 14px;
    }
}


@media (max-width: 850px) {

    .site-header[b-8e3bgiv03c] {
        background: #ffffff;
    }

    .header-inner[b-8e3bgiv03c] {
        width: 100%;
        padding: 0 20px;
        height: 82px;
    }

    .brand[b-8e3bgiv03c] {
        height: 100%;
    }

    .brand-logo[b-8e3bgiv03c] {
        width: auto;
        height: 70px;
        max-width: 130px;
        transform: none;
    }

    .desktop-nav[b-8e3bgiv03c],
    .header-actions[b-8e3bgiv03c] {
        display: none;
    }

    .mobile-menu[b-8e3bgiv03c] {
        display: block;
        margin-left: auto;
    }

    .footer-main[b-8e3bgiv03c] {
        width: calc(100% - 40px);
        grid-template-columns: 1fr 1fr;
        gap: 50px 30px;
    }

    .footer-bottom[b-8e3bgiv03c] {
        width: calc(100% - 40px);
    }
}


@media (max-width: 600px) {

    .site-footer[b-8e3bgiv03c] {
        padding-top: 65px;
    }

    .footer-main[b-8e3bgiv03c] {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .footer-logo[b-8e3bgiv03c] {
        height: 95px;
    }

    .footer-bottom[b-8e3bgiv03c] {
        margin-top: 50px;
        flex-direction: column;
        gap: 8px;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-9aceg7ervm] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-9aceg7ervm] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-9aceg7ervm] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-9aceg7ervm] {
    font-size: 1.1rem;
}

.bi[b-9aceg7ervm] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-9aceg7ervm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-9aceg7ervm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-9aceg7ervm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-9aceg7ervm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-9aceg7ervm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-9aceg7ervm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-9aceg7ervm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-9aceg7ervm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-9aceg7ervm] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-9aceg7ervm] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-9aceg7ervm] {
        padding-bottom: 1rem;
    }

    .nav-item[b-9aceg7ervm]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-9aceg7ervm]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-9aceg7ervm]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-9aceg7ervm] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-9aceg7ervm] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-9aceg7ervm] {
        display: none;
    }

    .nav-scrollable[b-9aceg7ervm] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-6qk6sx819d],
.components-reconnect-repeated-attempt-visible[b-6qk6sx819d],
.components-reconnect-failed-visible[b-6qk6sx819d],
.components-pause-visible[b-6qk6sx819d],
.components-resume-failed-visible[b-6qk6sx819d],
.components-rejoining-animation[b-6qk6sx819d] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-6qk6sx819d],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-6qk6sx819d],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-6qk6sx819d],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-6qk6sx819d],
#components-reconnect-modal.components-reconnect-retrying[b-6qk6sx819d],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-6qk6sx819d],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-6qk6sx819d],
#components-reconnect-modal.components-reconnect-failed[b-6qk6sx819d],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-6qk6sx819d] {
    display: block;
}


#components-reconnect-modal[b-6qk6sx819d] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-6qk6sx819d 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-6qk6sx819d 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-6qk6sx819d 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-6qk6sx819d]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-6qk6sx819d 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-6qk6sx819d {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-6qk6sx819d {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-6qk6sx819d {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-6qk6sx819d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-6qk6sx819d] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-6qk6sx819d] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-6qk6sx819d] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-6qk6sx819d] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-6qk6sx819d] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-6qk6sx819d] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-6qk6sx819d 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-6qk6sx819d] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-6qk6sx819d {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Admin/Caracteristicas.razor.rz.scp.css */
/* =========================================================
ESTRADA - ADMIN CARACTERÍSTICAS
========================================================= */

.caracteristicas-admin[b-qrd6v2vdco] {
width: 100%;
}

.caracteristicas-admin__header[b-qrd6v2vdco] {
margin-bottom: 24px;

display: flex;
align-items: end;
justify-content: space-between;

gap: 24px;
}

.caracteristicas-admin__eyebrow[b-qrd6v2vdco],
.caracteristica-editor__eyebrow[b-qrd6v2vdco] {
display: block;

margin-bottom: 5px;

color: #d69fb4;

font-size: 9px;
font-weight: 700;

letter-spacing: 1.8px;
}

.caracteristicas-admin__title[b-qrd6v2vdco] {
color: #142434;

font-weight: 700 !important;

letter-spacing: -.4px;
}

.caracteristicas-admin__subtitle[b-qrd6v2vdco] {
margin-top: 3px;

color: #d69fb4 !important;
}


/* Panel listado */

.caracteristicas-admin__panel[b-qrd6v2vdco] {
overflow: hidden;

border-color: #dce4e9 !important;

background: #fff;
}

.caracteristicas-admin__filters[b-qrd6v2vdco] {
padding: 16px;

display: grid;
grid-template-columns: 1fr auto;

gap: 22px;

align-items: center;
}


/* Tabla */

.caracteristicas-admin__table-wrap[b-qrd6v2vdco] {
overflow-x: auto;
}

.caracteristicas-admin__table[b-qrd6v2vdco] {
width: 100%;

border-collapse: collapse;
}

.caracteristicas-admin__table th[b-qrd6v2vdco] {
padding: 11px 14px;

border-top: 1px solid #dfe6eb;
border-bottom: 1px solid #dfe6eb;

color: #2f4157;

font-size: 10px;
font-weight: 600;

text-align: left;

white-space: nowrap;
}

.caracteristicas-admin__table td[b-qrd6v2vdco] {
padding: 11px 14px;

border-bottom: 1px solid #e4e9ed;

color: #536472;

font-size: 10px;

vertical-align: middle;
}

.caracteristicas-admin__table tbody tr[b-qrd6v2vdco] {
transition: background .18s ease;
}

.caracteristicas-admin__table tbody tr:hover[b-qrd6v2vdco] {
background: #fbf7f9;
}

.caracteristicas-admin__table tbody tr.is-inactive[b-qrd6v2vdco] {
opacity: .53;
}


/* Nombre */

.caracteristica-name[b-qrd6v2vdco] {
display: flex;
flex-direction: column;

gap: 2px;
}

.caracteristica-name strong[b-qrd6v2vdco] {
color: #142434;

font-size: 11px;
}

.caracteristica-name small[b-qrd6v2vdco] {
color: #a0abb3;

font-size: 8px;
}


/* Grupo */

.caracteristica-group[b-qrd6v2vdco] {
display: inline-flex;

padding: 4px 8px;

border: 1px solid rgba(47, 65, 87, .10);

background: #f6f8fa;

color: #2f4157;

font-size: 8px;

border-radius: 3px;
}


/* Tipos */

.caracteristica-types[b-qrd6v2vdco] {
color: #75838e;

font-size: 9px;

line-height: 1.4;
}


/* Filtro */

.caracteristica-filter[b-qrd6v2vdco] {
font-size: 9px;
font-weight: 700;
}

.caracteristica-filter.yes[b-qrd6v2vdco] {
color: #d69fb4;
}

.caracteristica-filter.no[b-qrd6v2vdco] {
color: #a0aab2;
}


/* Estado */

.caracteristica-status[b-qrd6v2vdco] {
display: inline-flex;

padding: 4px 8px;

border-radius: 999px;

font-size: 8px;
font-weight: 700;
}

.caracteristica-status.active[b-qrd6v2vdco] {
background: #eaf6ed;
color: #39864b;
}

.caracteristica-status.inactive[b-qrd6v2vdco] {
background: #f1f3f5;
color: #8a959e;
}


/* Acciones */

.caracteristicas-admin__actions[b-qrd6v2vdco] {
display: flex;
align-items: center;

gap: 2px;
}


/* Empty */

.caracteristicas-admin__empty[b-qrd6v2vdco] {
min-height: 250px;

padding: 35px;

display: flex;
flex-direction: column;
align-items: center;
justify-content: center;

color: #8c99a2;

text-align: center;
}

.caracteristicas-admin__empty .mud-icon-root[b-qrd6v2vdco] {
margin-bottom: 12px;

color: #d69fb4;
}

.caracteristicas-admin__empty strong[b-qrd6v2vdco] {
color: #142434;

font-family: "Lora", Georgia, serif;

font-size: 18px;
font-weight: 500;
}

.caracteristicas-admin__empty span[b-qrd6v2vdco] {
margin-top: 5px;

font-size: 10px;
}


/* =========================================================
EDITOR
========================================================= */

.caracteristica-editor[b-qrd6v2vdco] {
position: sticky;

top: 82px;

padding: 22px;

border-color: #dce4e9 !important;

background:
radial-gradient(
circle at 100% 0%,
rgba(214,159,180,.08),
transparent 27%
),
#fff;
}

.caracteristica-editor__title[b-qrd6v2vdco] {
color: #142434;

font-weight: 700 !important;
}

.caracteristica-editor__section[b-qrd6v2vdco] {
margin-top: 24px;
padding-top: 18px;

border-top: 1px solid #e2e7eb;
}

.caracteristica-editor__label[b-qrd6v2vdco] {
display: block;

color: #d69fb4;

font-size: 8px;
font-weight: 800;

letter-spacing: 1.5px;
}

.caracteristica-editor__section p[b-qrd6v2vdco] {
margin: 5px 0 11px;

color: #89959e;

font-size: 9px;

line-height: 1.5;
}


/* Tipos */

.caracteristica-types-grid[b-qrd6v2vdco] {
display: grid;

grid-template-columns:
repeat(2, minmax(0,1fr));

gap: 1px 8px;
}


/* Helpers */

.caracteristica-editor__help[b-qrd6v2vdco] {
margin: 5px 6px 0;

color: #9aa5ad;

font-size: 8px;

line-height: 1.4;
}


/* Switches */

.caracteristica-editor__switches[b-qrd6v2vdco] {
margin-top: 20px;
padding-top: 15px;

display: flex;
flex-direction: column;

gap: 4px;

border-top: 1px solid #e2e7eb;
}


/* Footer */

.caracteristica-editor__footer[b-qrd6v2vdco] {
margin-top: 20px;
padding-top: 18px;

display: flex;
align-items: center;

border-top: 1px solid #e2e7eb;
}


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

@media (max-width: 1279px) {

.caracteristica-editor[b-qrd6v2vdco] {
position: static;
}

}


@media (max-width: 700px) {

.caracteristicas-admin__header[b-qrd6v2vdco] {
align-items: stretch;

flex-direction: column;
}

.caracteristicas-admin__filters[b-qrd6v2vdco] {
grid-template-columns: 1fr;
}

.caracteristica-types-grid[b-qrd6v2vdco] {
grid-template-columns: 1fr;
}

}
/* /Components/Pages/Admin/ConsultaDetalleDialog.razor.rz.scp.css */
/* ============================================================
   CONSULTA DETALLE
   ============================================================ */

.consulta-head[b-nimgp0q780] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
}


.consulta-contacto[b-nimgp0q780] {
    margin-top: 4px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    color: #d69fb4;
    font-size: 13px;
}


.consulta-tipo-chip[b-nimgp0q780] {
    padding: 8px 12px;
    border: 1px solid rgba(214, 159, 180, .55);
    border-radius: 3px;
    background: rgba(233, 193, 207, .24);
    color: #142434;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}


/* ============================================================
   CONSULTA NORMAL
   ============================================================ */

.propiedad-box[b-nimgp0q780] {
    margin-bottom: 24px;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    border-left: 3px solid #2f4157;
    background: #eaf2f9;
}


    .propiedad-box span[b-nimgp0q780] {
        color: #72808c;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 1.5px;
    }


    .propiedad-box strong[b-nimgp0q780] {
        color: #142434;
        font-size: 16px;
    }


.mensaje-cliente[b-nimgp0q780] {
    margin-bottom: 28px;
}


    .mensaje-cliente > span[b-nimgp0q780] {
        color: #687886;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 1.3px;
    }


    .mensaje-cliente p[b-nimgp0q780] {
        margin: 9px 0 0;
        padding: 20px 22px;
        border-left: 3px solid #d69fb4;
        background: #f7fafc;
        color: #314659;
        font-size: 14px;
        line-height: 1.75;
        /*
       MUY IMPORTANTE:
       mantiene los saltos de línea del texto guardado en BD.
    */
        white-space: pre-wrap;
    }


/* ============================================================
   TASACIÓN
   ============================================================ */

.tasacion-admin[b-nimgp0q780] {
    margin-top: 4px;
}


.seccion-titulo[b-nimgp0q780] {
    margin-bottom: 18px;
}


    .seccion-titulo span[b-nimgp0q780],
    .comentarios-bloque > span[b-nimgp0q780],
    .fotos-head span[b-nimgp0q780] {
        display: block;
        color: #d69fb4;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 1.8px;
    }


    .seccion-titulo h3[b-nimgp0q780],
    .fotos-head h3[b-nimgp0q780] {
        margin: 4px 0 0;
        color: #142434;
        font-family: "Lora", Georgia, serif;
        font-size: 25px;
        font-weight: 500;
    }


/* ============================================================
   DATOS
   ============================================================ */

.tasacion-datos[b-nimgp0q780] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    overflow: hidden;
    border: 1px solid #dfe7ed;
    border-radius: 7px;
    background: #dfe7ed;
}


.tasacion-dato[b-nimgp0q780] {
    min-height: 92px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #ffffff;
}


.tasacion-dato--wide[b-nimgp0q780] {
    grid-column: span 2;
}


.tasacion-dato small[b-nimgp0q780] {
    margin-bottom: 6px;
    color: #8a98a3;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.3px;
}


.tasacion-dato strong[b-nimgp0q780] {
    color: #142434;
    font-size: 15px;
    font-weight: 700;
}


/* ============================================================
   COMENTARIOS
   ============================================================ */

.comentarios-bloque[b-nimgp0q780] {
    margin-top: 26px;
    padding: 22px 24px;
    border-left: 3px solid #d69fb4;
    background: linear-gradient( 135deg, rgba(238, 220, 226, .55), rgba(234, 242, 249, .55) );
}


    .comentarios-bloque p[b-nimgp0q780] {
        margin: 9px 0 0;
        color: #314659;
        font-size: 14px;
        line-height: 1.75;
        white-space: pre-wrap;
    }


/* ============================================================
   FOTOS
   ============================================================ */

.fotos-section[b-nimgp0q780] {
    margin-top: 34px;
    padding-top: 30px;
    border-top: 1px solid #dfe7ed;
}


.fotos-head[b-nimgp0q780] {
    margin-bottom: 16px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}


    .fotos-head > strong[b-nimgp0q780] {
        color: #758592;
        font-size: 11px;
        font-weight: 600;
    }


.tasacion-galeria[b-nimgp0q780] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}


.tasacion-foto[b-nimgp0q780] {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 6px;
    background: #142434;
    text-decoration: none;
}


    .tasacion-foto img[b-nimgp0q780] {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        transition: transform .3s ease;
    }


    .tasacion-foto:hover img[b-nimgp0q780] {
        transform: scale(1.035);
    }


.tasacion-foto__overlay[b-nimgp0q780] {
    position: absolute;
    inset: auto 0 0;
    padding: 30px 12px 11px;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    background: linear-gradient( transparent, rgba(20, 36, 52, .88) );
    color: #fff;
}


    .tasacion-foto__overlay > span:first-child[b-nimgp0q780] {
        grid-column: 1 / -1;
        margin-bottom: 3px;
        color: #e9c1cf;
        font-size: 8px;
        font-weight: 800;
        letter-spacing: 1.3px;
    }


    .tasacion-foto__overlay strong[b-nimgp0q780] {
        font-size: 11px;
    }


    .tasacion-foto__overlay > span:last-child[b-nimgp0q780] {
        color: #d69fb4;
        font-size: 15px;
    }


/* ============================================================
   SIN FOTOS
   ============================================================ */

.fotos-vacias[b-nimgp0q780] {
    min-height: 95px;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    border: 1px dashed #ccd8e0;
    background: #f8fafb;
    color: #70808d;
}


    .fotos-vacias > div[b-nimgp0q780] {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }


    .fotos-vacias strong[b-nimgp0q780] {
        color: #142434;
        font-size: 13px;
    }


    .fotos-vacias span[b-nimgp0q780] {
        font-size: 11px;
    }


/* ============================================================
   GESTIÓN
   ============================================================ */

.gestion-section[b-nimgp0q780] {
    margin-top: 35px;
    padding-top: 28px;
    border-top: 1px solid #dfe7ed;
}


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

@media (max-width: 760px) {

    .consulta-head[b-nimgp0q780] {
        flex-direction: column;
    }


    .tasacion-datos[b-nimgp0q780] {
        grid-template-columns: 1fr 1fr;
    }


    .tasacion-dato--wide[b-nimgp0q780] {
        grid-column: span 2;
    }


    .tasacion-galeria[b-nimgp0q780] {
        grid-template-columns: 1fr 1fr;
    }
}


@media (max-width: 520px) {

    .tasacion-datos[b-nimgp0q780] {
        grid-template-columns: 1fr;
    }


    .tasacion-dato--wide[b-nimgp0q780] {
        grid-column: auto;
    }


    .tasacion-galeria[b-nimgp0q780] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/Consultas.razor.rz.scp.css */
/* ============================================================
   CONSULTAS / LEADS
   Estrada Propiedades
   ============================================================ */

.consultas-header[b-1wv636rtfl] {
    margin-bottom: 26px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
}


/* ============================================================
   RESUMEN
   ============================================================ */

.consultas-resumen[b-1wv636rtfl] {
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}


.resumen-card[b-1wv636rtfl] {
    min-height: 112px;
    padding: 22px 24px;
    display: flex;
    align-items: center;
    gap: 20px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-surface);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}


    .resumen-card:hover[b-1wv636rtfl] {
        transform: translateY(-2px);
        border-color: rgba(214,159,180,.65);
        box-shadow: 0 12px 28px rgba(20,36,52,.06);
    }


.resumen-card__numero[b-1wv636rtfl] {
    min-width: 55px;
    color: var(--mud-palette-primary);
    font-family: "Lora", Georgia, serif;
    font-size: 38px;
    line-height: 1;
    font-weight: 500;
}


.resumen-card--tasacion
.resumen-card__numero[b-1wv636rtfl] {
    color: var(--mud-palette-secondary);
}


.resumen-card > div:last-child[b-1wv636rtfl] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}


.resumen-card strong[b-1wv636rtfl] {
    color: var(--mud-palette-text-primary);
    font-size: 14px;
}


.resumen-card span[b-1wv636rtfl] {
    color: var(--mud-palette-text-secondary);
    font-size: 11px;
}


/* ============================================================
   VISTAS
   ============================================================ */

.consultas-vistas[b-1wv636rtfl] {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 7px;
}


.consulta-vista[b-1wv636rtfl] {
    min-width: 130px;
    min-height: 47px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 4px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-secondary);
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    cursor: pointer;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}


    .consulta-vista strong[b-1wv636rtfl] {
        min-width: 25px;
        height: 25px;
        padding: 0 7px;
        display: grid;
        place-items: center;
        border-radius: 20px;
        background: rgba(214,159,180,.18);
        color: var(--mud-palette-secondary);
        font-size: 10px;
    }


    .consulta-vista:hover[b-1wv636rtfl] {
        border-color: var(--mud-palette-secondary);
    }


    .consulta-vista.activa[b-1wv636rtfl] {
        border-color: var(--mud-palette-primary);
        background: var(--mud-palette-primary);
        color: var(--mud-palette-primary-text);
    }


        .consulta-vista.activa strong[b-1wv636rtfl] {
            background: var(--mud-palette-secondary);
            color: #142434;
        }


/* ============================================================
   FILTROS
   ============================================================ */

.consultas-filtros[b-1wv636rtfl] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
}


/* ============================================================
   TABLA
   ============================================================ */

.consultas-tabla[b-1wv636rtfl] {
    overflow: hidden;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
}


[b-1wv636rtfl] .consultas-tabla
.mud-table-head {
    background: color-mix( in srgb, var(--mud-palette-primary) 4%, var(--mud-palette-surface) );
}


[b-1wv636rtfl] .consultas-tabla
.mud-table-cell {
    padding-top: 14px;
    padding-bottom: 14px;
}


/* ============================================================
   TEXTOS
   ============================================================ */

.muted[b-1wv636rtfl] {
    margin-top: 2px;
    color: var(--mud-palette-text-secondary);
    font-size: 10px;
}


.oportunidad[b-1wv636rtfl] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}


    .oportunidad strong[b-1wv636rtfl] {
        color: var(--mud-palette-text-primary);
        font-size: 12px;
    }


    .oportunidad span[b-1wv636rtfl] {
        color: var(--mud-palette-text-secondary);
        font-size: 10px;
    }


/* ============================================================
   TIPO DE LEAD
   ============================================================ */

.lead-tipo[b-1wv636rtfl] {
    width: fit-content;
    padding: 6px 10px;
    display: inline-flex;
    align-items: center;
    border-radius: 20px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .35px;
    white-space: nowrap;
}


.lead-tipo--tasacion[b-1wv636rtfl] {
    border: 1px solid rgba(214,159,180,.4);
    background: rgba(214,159,180,.17);
    color: var(--mud-palette-secondary);
}


.lead-tipo--consulta[b-1wv636rtfl] {
    border: 1px solid color-mix( in srgb, var(--mud-palette-primary) 30%, transparent );
    background: color-mix( in srgb, var(--mud-palette-primary) 9%, transparent );
    color: var(--mud-palette-primary);
}


.lead-tipo--campo[b-1wv636rtfl] {
    border: 1px solid rgba(105,142,118,.35);
    background: rgba(105,142,118,.12);
    color: #698e76;
}


/* ============================================================
   SIN RESULTADOS
   ============================================================ */

.consultas-vacio[b-1wv636rtfl] {
    min-height: 190px;
    padding: 38px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: var(--mud-palette-text-secondary);
}


    .consultas-vacio strong[b-1wv636rtfl] {
        margin-top: 5px;
        color: var(--mud-palette-text-primary);
        font-size: 14px;
    }


    .consultas-vacio span[b-1wv636rtfl] {
        font-size: 11px;
    }


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

@media (max-width: 850px) {

    .consultas-resumen[b-1wv636rtfl] {
        grid-template-columns: 1fr;
    }


    .consultas-vistas[b-1wv636rtfl] {
        overflow-x: auto;
        padding-bottom: 5px;
    }


    .consulta-vista[b-1wv636rtfl] {
        flex: 0 0 auto;
    }
}


@media (max-width: 600px) {

    .consultas-header[b-1wv636rtfl] {
        align-items: flex-start;
        flex-direction: column;
    }


    .resumen-card[b-1wv636rtfl] {
        min-height: 90px;
        padding: 17px 18px;
    }


    .resumen-card__numero[b-1wv636rtfl] {
        font-size: 32px;
    }
}
/* /Components/Pages/Admin/IA.razor.rz.scp.css */
.ia-page[b-5ibymhb4l1] {
    padding: 32px 34px 70px;
}


/* ============================================================
   HEADER
   ============================================================ */

.ia-header[b-5ibymhb4l1] {
    margin-bottom: 30px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 35px;
}


.ia-eyebrow[b-5ibymhb4l1] {
    color: var(--mud-palette-secondary);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}


.ia-header h1[b-5ibymhb4l1] {
    margin: 7px 0 8px;
    color: var(--mud-palette-text-primary);
    font-family: "Lora", Georgia, serif;
    font-size: 42px;
    font-weight: 500;
    line-height: 1;
}


    .ia-header h1 em[b-5ibymhb4l1] {
        color: var(--mud-palette-secondary);
        font-weight: 400;
    }


.ia-header p[b-5ibymhb4l1] {
    max-width: 710px;
    margin: 0;
    color: var(--mud-palette-text-secondary);
    font-size: 13px;
    line-height: 1.7;
}


.ia-header__periodo[b-5ibymhb4l1] {
    width: 220px;
}


    .ia-header__periodo > span[b-5ibymhb4l1] {
        display: block;
        margin-bottom: 5px;
        color: var(--mud-palette-secondary);
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 1.4px;
    }


/* ============================================================
   KPIs
   ============================================================ */

.ia-kpis[b-5ibymhb4l1] {
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}


[b-5ibymhb4l1] .ia-kpi {
    position: relative;
    min-height: 145px;
    padding: 22px;
    overflow: hidden;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 9px;
    background: var(--mud-palette-surface);
}


.ia-kpi__label[b-5ibymhb4l1] {
    display: block;
    margin-bottom: 10px;
    color: var(--mud-palette-secondary);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.4px;
}


[b-5ibymhb4l1] .ia-kpi > strong {
    display: block;
    color: var(--mud-palette-text-primary);
    font-family: "Lora", Georgia, serif;
    font-size: 31px;
    font-weight: 500;
    line-height: 1.1;
}


[b-5ibymhb4l1] .ia-kpi > small {
    display: block;
    margin-top: 8px;
    color: var(--mud-palette-text-secondary);
    font-size: 10px;
}


.ia-kpi__icon[b-5ibymhb4l1] {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(214,159,180,.14);
    color: var(--mud-palette-secondary);
}


[b-5ibymhb4l1] .ia-kpi__icon .mud-icon-root {
    font-size: 22px !important;
}


/* ============================================================
   FILTROS
   ============================================================ */

.ia-toolbar[b-5ibymhb4l1] {
    margin-bottom: 20px;
    padding: 16px;
    display: grid;
    grid-template-columns: minmax(300px, 1fr) 240px;
    gap: 12px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 9px;
    background: var(--mud-palette-surface);
}


/* ============================================================
   HISTORIAL
   ============================================================ */

.ia-history[b-5ibymhb4l1] {
    padding: 25px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    background: var(--mud-palette-surface);
}


.ia-history__head[b-5ibymhb4l1] {
    margin-bottom: 20px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}


    .ia-history__head h2[b-5ibymhb4l1] {
        margin: 5px 0 0;
        font-size: 20px;
    }


.ia-history__count[b-5ibymhb4l1] {
    color: var(--mud-palette-text-secondary);
    font-size: 10px;
}


/* ============================================================
   REGISTRO
   ============================================================ */

.ia-list[b-5ibymhb4l1] {
    border-top: 1px solid var(--mud-palette-lines-default);
}


.ia-generation[b-5ibymhb4l1] {
    min-height: 115px;
    display: grid;
    grid-template-columns: 78px minmax(220px, 1.2fr) minmax(320px, 1.5fr) 180px 115px 135px;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    transition: background .2s ease;
}


    .ia-generation:hover[b-5ibymhb4l1] {
        background: rgba(214,159,180,.035);
    }


/* FECHA */

.ia-generation__date[b-5ibymhb4l1] {
    display: flex;
    flex-direction: column;
}


    .ia-generation__date strong[b-5ibymhb4l1] {
        font-family: "Lora", Georgia, serif;
        font-size: 27px;
        line-height: 1;
    }


    .ia-generation__date span[b-5ibymhb4l1] {
        margin-top: 4px;
        color: var(--mud-palette-secondary);
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 1.3px;
    }


    .ia-generation__date small[b-5ibymhb4l1] {
        margin-top: 4px;
        color: var(--mud-palette-text-secondary);
        font-size: 9px;
    }


/* PROPIEDAD */

.ia-generation__type[b-5ibymhb4l1] {
    color: var(--mud-palette-secondary);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.5px;
}


.ia-generation__property h3[b-5ibymhb4l1] {
    margin: 5px 0 5px;
    font-size: 14px;
}


.ia-generation__property small[b-5ibymhb4l1] {
    color: var(--mud-palette-text-secondary);
    font-size: 9px;
}


/* CANALES */

.ia-generation__channels[b-5ibymhb4l1] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}


.channel-chip[b-5ibymhb4l1] {
    padding: 5px 7px;
    border: 1px solid rgba(214,159,180,.36);
    border-radius: 3px;
    color: var(--mud-palette-secondary);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .7px;
}


/* USO */

.ia-generation__usage[b-5ibymhb4l1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px;
}


    .ia-generation__usage div[b-5ibymhb4l1] {
        display: flex;
        flex-direction: column;
    }


    .ia-generation__usage span[b-5ibymhb4l1] {
        color: var(--mud-palette-text-secondary);
        font-size: 8px;
        letter-spacing: 1px;
    }


    .ia-generation__usage strong[b-5ibymhb4l1] {
        margin-top: 3px;
        font-size: 11px;
    }


/* STATUS */

.status-used[b-5ibymhb4l1],
.status-pending[b-5ibymhb4l1] {
    display: inline-flex;
    padding: 6px 9px;
    border-radius: 20px;
    font-size: 9px;
    white-space: nowrap;
}


.status-used[b-5ibymhb4l1] {
    background: rgba(214,159,180,.14);
    color: var(--mud-palette-secondary);
}


.status-pending[b-5ibymhb4l1] {
    background: var(--mud-palette-background);
    color: var(--mud-palette-text-secondary);
}


/* BOTON */

.ia-generation__open[b-5ibymhb4l1] {
    min-height: 39px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 3px;
    background: transparent;
    color: var(--mud-palette-text-primary);
    font-family: inherit;
    font-size: 9px;
    font-weight: 700;
    cursor: pointer;
    transition: .2s;
}


    .ia-generation__open:hover[b-5ibymhb4l1] {
        border-color: var(--mud-palette-secondary);
        background: rgba(214,159,180,.06);
    }


    .ia-generation__open span:last-child[b-5ibymhb4l1] {
        color: var(--mud-palette-secondary);
    }


/* ============================================================
   VACÍO
   ============================================================ */

.ia-empty[b-5ibymhb4l1] {
    padding: 70px 20px;
    text-align: center;
}


.ia-empty__icon[b-5ibymhb4l1] {
    width: 58px;
    height: 58px;
    margin: 0 auto 15px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(214,159,180,.14);
    color: var(--mud-palette-secondary);
}


.ia-empty h3[b-5ibymhb4l1] {
    margin: 0 0 7px;
}


.ia-empty p[b-5ibymhb4l1] {
    margin: 0;
    color: var(--mud-palette-text-secondary);
    font-size: 11px;
}


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

@media(max-width:1300px) {

    .ia-kpis[b-5ibymhb4l1] {
        grid-template-columns: repeat(2,1fr);
    }


    .ia-generation[b-5ibymhb4l1] {
        grid-template-columns: 65px 1fr 1.3fr 140px 110px;
    }


    .ia-generation__status[b-5ibymhb4l1] {
        display: none;
    }
}


@media(max-width:850px) {

    .ia-page[b-5ibymhb4l1] {
        padding: 25px 18px 60px;
    }


    .ia-header[b-5ibymhb4l1] {
        align-items: flex-start;
        flex-direction: column;
    }


    .ia-header__periodo[b-5ibymhb4l1] {
        width: 100%;
    }


    .ia-toolbar[b-5ibymhb4l1] {
        grid-template-columns: 1fr;
    }


    .ia-generation[b-5ibymhb4l1] {
        padding: 18px 0;
        grid-template-columns: 55px 1fr;
        gap: 14px;
    }


    .ia-generation__channels[b-5ibymhb4l1],
    .ia-generation__usage[b-5ibymhb4l1],
    .ia-generation__open[b-5ibymhb4l1] {
        grid-column: 2;
    }
}


@media(max-width:550px) {

    .ia-kpis[b-5ibymhb4l1] {
        grid-template-columns: 1fr;
    }


    .ia-header h1[b-5ibymhb4l1] {
        font-size: 35px;
    }
}
/* /Components/Pages/Admin/Inicio.razor.rz.scp.css */
/* ============================================================
   DASHBOARD
   Estrada Propiedades
   ============================================================ */

.dashboard-head[b-gornukoys1] {
    margin-bottom: 28px;
}


/* ============================================================
   KPIs
   ============================================================ */

.dashboard-stats[b-gornukoys1] {
    display: grid;
    grid-template-columns: 1.35fr 1fr 1fr 1fr;
    gap: 16px;
    margin-bottom: 24px;
}


/*
   IMPORTANTE:
   MudPaper es un componente hijo.
   ::deep permite que el CSS aislado llegue al elemento
   que realmente renderiza MudBlazor.
*/
[b-gornukoys1] .dashboard-stat {
    position: relative;
    min-height: 160px;
    padding: 24px;
    overflow: hidden;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 9px;
    background: var(--mud-palette-surface);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}


    [b-gornukoys1] .dashboard-stat:hover {
        transform: translateY(-2px);
        border-color: rgba(214, 159, 180, .62);
        box-shadow: 0 14px 34px rgba(20, 36, 52, .07);
    }


/* ============================================================
   ICONO KPI
   ============================================================ */

.dashboard-stat__icon[b-gornukoys1] {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(214, 159, 180, .15);
    color: var(--mud-palette-secondary);
}


[b-gornukoys1] .dashboard-stat__icon .mud-icon-root {
    width: 26px;
    height: 26px;
    font-size: 26px !important;
    color: var(--mud-palette-secondary) !important;
}


/* ============================================================
   CONTENIDO KPI
   ============================================================ */

.dashboard-stat__main[b-gornukoys1] {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


.dashboard-stat__label[b-gornukoys1] {
    margin-bottom: 9px;
    color: var(--mud-palette-secondary);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.6px;
}


.dashboard-stat__numero[b-gornukoys1] {
    color: var(--mud-palette-text-primary);
    font-family: "Lora", Georgia, serif;
    font-size: 43px;
    font-weight: 500;
    line-height: 1;
}


.dashboard-stat__texto[b-gornukoys1] {
    margin-top: 7px;
    color: var(--mud-palette-text-secondary);
    font-size: 11px;
}


/* ============================================================
   PUBLICADAS
   ============================================================ */

[b-gornukoys1] .dashboard-stat--publicadas {
    min-height: 235px;
}


/*
   Ya NO es absolute.
   De esta manera jamás se va a escapar de la tarjeta.
*/
.publicadas-tipos[b-gornukoys1] {
    margin-top: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
}


.publicadas-tipo[b-gornukoys1] {
    min-height: 64px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 11px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 6px;
    background: color-mix( in srgb, var(--mud-palette-background) 70%, var(--mud-palette-surface) );
    text-decoration: none;
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}


    .publicadas-tipo:hover[b-gornukoys1] {
        border-color: var(--mud-palette-secondary);
        transform: translateY(-1px);
    }


.publicadas-tipo__icon[b-gornukoys1] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(214, 159, 180, .16);
    color: var(--mud-palette-secondary);
}


[b-gornukoys1] .publicadas-tipo__icon .mud-icon-root {
    width: 20px;
    height: 20px;
    font-size: 20px !important;
    color: var(--mud-palette-secondary) !important;
}


.publicadas-tipo > div[b-gornukoys1] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}


.publicadas-tipo strong[b-gornukoys1] {
    color: var(--mud-palette-text-primary);
    font-size: 18px;
    line-height: 1;
}


.publicadas-tipo span[b-gornukoys1] {
    color: var(--mud-palette-text-secondary);
    font-size: 10px;
}


/* ============================================================
   LINK KPI CONSULTAS
   ============================================================ */

.dashboard-stat__link[b-gornukoys1] {
    position: absolute;
    left: 24px;
    bottom: 20px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--mud-palette-text-primary);
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}


    .dashboard-stat__link span[b-gornukoys1] {
        color: var(--mud-palette-secondary);
    }


/* ============================================================
   PENDIENTES
   ============================================================ */

[b-gornukoys1] .dashboard-pendientes {
    margin-bottom: 24px;
    padding: 26px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 9px;
    background: var(--mud-palette-surface);
}


.dashboard-section-head[b-gornukoys1] {
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.pendientes-grid[b-gornukoys1] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}


.pendiente-item[b-gornukoys1] {
    min-height: 80px;
    padding: 15px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 13px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 6px;
    color: var(--mud-palette-text-primary);
    text-decoration: none;
    transition: border-color .2s ease, transform .2s ease;
}


    .pendiente-item:hover[b-gornukoys1] {
        border-color: var(--mud-palette-secondary);
        transform: translateY(-1px);
    }


.pendiente-item__icon[b-gornukoys1] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(214, 159, 180, .15);
    color: var(--mud-palette-secondary);
}


[b-gornukoys1] .pendiente-item__icon .mud-icon-root {
    font-size: 22px !important;
    color: var(--mud-palette-secondary) !important;
}


.pendiente-item > div[b-gornukoys1] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}


.pendiente-item strong[b-gornukoys1] {
    font-size: 17px;
}


.pendiente-item div span[b-gornukoys1] {
    color: var(--mud-palette-text-secondary);
    font-size: 10px;
}


.pendiente-item__arrow[b-gornukoys1] {
    color: var(--mud-palette-secondary);
}


/* ============================================================
   INTELIGENCIA ARTIFICIAL
   ============================================================ */

[b-gornukoys1] .dashboard-ia {
    position: relative;
    min-height: 125px;
    padding: 25px 28px;
    display: flex;
    align-items: center;
    gap: 20px;
    overflow: hidden;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 9px;
    background: var(--mud-palette-surface);
}


    [b-gornukoys1] .dashboard-ia::after {
        content: "";
        position: absolute;
        right: -45px;
        top: -80px;
        width: 210px;
        height: 210px;
        border-radius: 50%;
        background: rgba(214, 159, 180, .08);
        pointer-events: none;
    }


.dashboard-ia__icon[b-gornukoys1] {
    position: relative;
    z-index: 2;
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(214, 159, 180, .16);
    color: var(--mud-palette-secondary);
}


[b-gornukoys1] .dashboard-ia__icon .mud-icon-root {
    font-size: 29px !important;
    color: var(--mud-palette-secondary) !important;
}


.dashboard-ia__content[b-gornukoys1] {
    position: relative;
    z-index: 2;
}


.dashboard-ia__link[b-gornukoys1] {
    position: relative;
    z-index: 3;
    margin-left: auto;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--mud-palette-secondary);
    color: var(--mud-palette-text-primary);
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}


    .dashboard-ia__link span[b-gornukoys1] {
        margin-left: 10px;
        color: var(--mud-palette-secondary);
    }


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

@media (max-width: 1200px) {

    .dashboard-stats[b-gornukoys1] {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 800px) {

    .pendientes-grid[b-gornukoys1] {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 600px) {

    .dashboard-stats[b-gornukoys1] {
        grid-template-columns: 1fr;
    }


    [b-gornukoys1] .dashboard-stat--publicadas {
        min-height: auto;
    }


    .publicadas-tipos[b-gornukoys1] {
        grid-template-columns: 1fr;
    }


    [b-gornukoys1] .dashboard-ia {
        align-items: flex-start;
        flex-direction: column;
    }


    .dashboard-ia__link[b-gornukoys1] {
        margin-left: 0;
    }
}
/* /Components/Pages/Admin/Localidades.razor.rz.scp.css */
.localidades-header[b-gorux3zjtj]{
    margin-bottom:28px;
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:30px;
}

.localidad-form[b-gorux3zjtj]{
    position:sticky;
    top:96px;
}

@media(max-width:1279px){
    .localidad-form[b-gorux3zjtj]{
        position:static;
    }
}

@media(max-width:700px){
    .localidades-header[b-gorux3zjtj]{
        align-items:flex-start;
        flex-direction:column;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ============================================================
   ESTRADA PROPIEDADES — HOME

   Escala tipográfica:
   nada baja de 12px en desktop, y el texto de lectura corrida
   no baja de 16px. Los 9-11px funcionan en una pieza impresa,
   donde el ojo está a 30cm del papel; en pantalla a 60cm se
   pierden.

   El letter-spacing es inversamente proporcional al tamaño: a
   20px, 3px de tracking queda elegante; a 11px, ese mismo
   tracking separa tanto las letras que se deja de leer la
   palabra como unidad. Por eso al subir los tamaños se baja
   el tracking, no se mantiene.
   ============================================================ */

.home-page[b-omixccba9v] {
    --azul: #2f4157;
    --azul-profundo: #142434;
    --rosa: #d69fb4;
    --rosa-claro: #e9c1cf;
    --celeste: #eaf2f9;
    --nude: #eedce2;
    --blanco: #ffffff;
    --texto-suave: #697888;
    overflow: hidden;
    background: #ffffff;
    color: var(--azul-profundo);
}


/* ============================================================
   HERO
   Premium editorial + diagonal Estrada
   ============================================================ */

/* El 196px descuenta el alto del header sticky. Si cambiás la
   altura en MainLayout.razor.css, cambiala también acá. */
.hero[b-omixccba9v] {
    position: relative;
    min-height: calc(100vh - 196px);
    display: grid;
    grid-template-columns: 40% 60%;
    overflow: hidden;
    background: linear-gradient( 135deg, #eef4fa 0%, #edf4fa 62%, #f5e7ed 100% );
}


/* ============================================================
   COPY IZQUIERDA
   ============================================================ */

.hero-copy[b-omixccba9v] {
    position: relative;
    z-index: 4;
    width: calc(100% + 112px);
    min-width: 0;
    padding: clamp(82px, 7.2vw, 128px) 78px 78px clamp(30px, 3vw, 56px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    background: radial-gradient( circle at 12% 18%, rgba(214, 159, 180, .16) 0, rgba(214, 159, 180, 0) 26% ), radial-gradient( circle at 72% 82%, rgba(214, 159, 180, .10) 0, rgba(214, 159, 180, 0) 28% ), linear-gradient( 180deg, #eef4fa 0%, #edf4fa 72%, #f4e8ed 100% );
    clip-path: polygon( 0 0, calc(100% - 112px) 0, 100% 100%, 0 100% );
}


/* ============================================================
   EYEBROW
   ============================================================ */

.hero-eyebrow[b-omixccba9v] {
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    gap: 13px;
    color: var(--azul);
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 1.9px;
}

    .hero-eyebrow span[b-omixccba9v] {
        display: block;
        width: 35px;
        height: 2px;
        background: var(--rosa);
    }


/* ============================================================
   TITULO
   ============================================================ */

.hero h1[b-omixccba9v] {
    max-width: 760px;
    margin: 0;
    padding: 0;
    border: 0 !important;
    outline: 0 !important;
    color: var(--azul-profundo);
    font-family: "Lora", Georgia, serif;
    font-size: clamp(62px, 5.7vw, 100px);
    font-weight: 500;
    line-height: .96;
    letter-spacing: -3.8px;
}

    .hero h1:focus[b-omixccba9v],
    .hero h1:focus-visible[b-omixccba9v] {
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
    }

    .hero h1 em[b-omixccba9v] {
        display: block;
        margin-top: 8px;
        color: #51667f;
        font-weight: 400;
    }

    .hero h1 .hero-accent[b-omixccba9v] {
        display: block;
        color: var(--rosa);
        font-family: "Montserrat", system-ui, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: .88em;
        letter-spacing: -3px;
        line-height: .98;
    }


/* ============================================================
   DESCRIPCION
   ============================================================ */

.hero-description[b-omixccba9v] {
    max-width: 620px;
    margin: 34px 0 0;
    color: #55677a;
    font-size: 19.5px;
    line-height: 1.7;
}


/* ============================================================
   ACCIONES
   ============================================================ */

.hero-actions[b-omixccba9v] {
    margin-top: 42px;
    display: flex;
    align-items: center;
    gap: 30px;
}

.btn-primary[b-omixccba9v] {
    min-height: 58px;
    padding: 0 28px;
    display: inline-flex;
    align-items: center;
    gap: 30px;
    background: var(--azul);
    color: white;
    text-decoration: none;
    font-size: 15.5px;
    font-weight: 600;
    transition: background-color .25s ease, transform .25s ease;
}

    .btn-primary span[b-omixccba9v] {
        color: var(--rosa-claro);
        font-size: 18px;
    }

    .btn-primary:hover[b-omixccba9v] {
        background: var(--azul-profundo);
        color: white;
        transform: translateY(-2px);
    }

.btn-link[b-omixccba9v] {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    padding: 10px 0;
    border-bottom: 1px solid var(--rosa);
    color: var(--azul);
    font-size: 15.5px;
    font-weight: 600;
    text-decoration: none;
}

    .btn-link span[b-omixccba9v] {
        color: var(--rosa);
    }


/* ============================================================
   STATS
   ============================================================ */

.hero-stats[b-omixccba9v] {
    margin-top: 72px;
    display: flex;
    align-items: center;
    gap: 26px;
}

    .hero-stats > div:not(.stat-line)[b-omixccba9v] {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .hero-stats strong[b-omixccba9v] {
        color: var(--azul);
        font-size: 15px;
        font-weight: 700;
    }

    .hero-stats span[b-omixccba9v] {
        color: #6b7b87;
        font-size: 13.5px;
    }

.stat-line[b-omixccba9v] {
    width: 1px;
    height: 40px;
    background: rgba(47, 65, 87, .2);
}


/* ============================================================
   HERO VISUAL
   ============================================================ */

.hero-visual[b-omixccba9v] {
    position: relative;
    z-index: 1;
    min-width: 0;
    min-height: 720px;
    overflow: hidden;
    background: var(--azul);
}

    .hero-visual[b-omixccba9v]::before {
        content: "";
        position: absolute;
        z-index: 2;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(90deg, rgba(20,36,52,.10) 0%, rgba(20,36,52,0) 18%);
    }

.hero-image[b-omixccba9v] {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(180deg, rgba(20,36,52,.04) 0%, rgba(20,36,52,.10) 55%, rgba(20,36,52,.38) 100%), url('/images/hero-estrada.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transform: scale(1.01);
    transition: transform 1.2s cubic-bezier(.2,.8,.2,1);
}

.hero:hover .hero-image[b-omixccba9v] {
    transform: scale(1.025);
}

.hero-pink-block[b-omixccba9v] {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 8px;
    height: 34%;
    background: linear-gradient(180deg, var(--rosa), var(--rosa-claro));
    pointer-events: none;
}

.hero-property-card[b-omixccba9v] {
    position: absolute;
    z-index: 4;
    right: 0;
    bottom: 0;
    width: min(380px, 70%);
    padding: 32px 34px;
    display: flex;
    flex-direction: column;
    background: var(--azul-profundo);
    color: white;
}

.mini-label[b-omixccba9v] {
    margin-bottom: 15px;
    color: var(--rosa-claro);
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.hero-property-card strong[b-omixccba9v] {
    font-family: "Lora", Georgia, serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.25;
}

.hero-property-card a[b-omixccba9v] {
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
    color: white;
    font-size: 15px;
    text-decoration: none;
}

    .hero-property-card a span[b-omixccba9v] {
        color: var(--rosa);
    }


/* ============================================================
   BUSCADOR / ACCESOS RÁPIDOS

   Es la barra de navegación real del sitio: quien llega al home
   decide acá si compra, invierte o vende. Los tamaños tienen que
   competir con el hero, no susurrar debajo de él.
   ============================================================ */

.quick-search[b-omixccba9v] {
    background: var(--azul-profundo);
    color: white;
}

/* Full-bleed con el mismo padding lateral que el header y el hero:
   así "¿Qué estás buscando?" cae en la misma línea vertical que el
   eyebrow y la descripción del hero. Centrado a 1540px arrancaba
   ~375px adentro y la columna izquierda se leía desalineada. */
.quick-search-inner[b-omixccba9v] {
    width: 100%;
    margin: 0;
    padding: 58px clamp(30px, 3vw, 56px);
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 58px;
    align-items: center;
}}


/* Título izquierdo */

.quick-title span[b-omixccba9v] {
    display: block;
    margin-bottom: 12px;
    color: var(--rosa-claro);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1.6px;
}

.quick-title strong[b-omixccba9v] {
    font-family: "Lora", Georgia, serif;
    font-size: 34px;
    font-weight: 500;
    line-height: 1.12;
}


/* Opciones */

.quick-options[b-omixccba9v] {
    display: grid;
    grid-template-columns: 1fr 1.3fr 1fr;
}
.quick-option[b-omixccba9v] {
    min-height: 128px;
    padding: 0 34px;
    display: grid;
    grid-template-columns: 74px 1fr auto;
    gap: 18px;
    align-items: center;
    border-left: 1px solid rgba(255,255,255,.16);
    color: white;
    text-decoration: none;
    transition: background .25s ease, transform .25s ease;
}

    .quick-option:hover[b-omixccba9v] {
        background: rgba(255,255,255,.055);
    }


/* 01 / 02 / 03 — son el ancla visual de cada opción, tienen que
   leerse como número editorial y no como nota al pie. */

.quick-number[b-omixccba9v] {
    color: var(--rosa);
    font-family: "Lora", Georgia, serif;
    font-size: 42px;
    font-weight: 500;
    line-height: 1;
}


/* Comprar / Invertir / Vender */

.quick-option strong[b-omixccba9v] {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.15;
}

.quick-option div[b-omixccba9v] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}


    /* descripción */

    .quick-option div span[b-omixccba9v] {
        color: rgba(255,255,255,.78);
        font-size: 15.5px;
        line-height: 1.4;
    }


/* flecha */

.quick-arrow[b-omixccba9v] {
    color: var(--rosa-claro);
    font-size: 24px;
    transition: transform .2s ease;
}

.quick-option:hover .quick-arrow[b-omixccba9v] {
    transform: translateX(5px);
}


/* ============================================================
   SECCIONES
   ============================================================ */

.section[b-omixccba9v] {
    width: min(1440px, calc(100% - 80px));
    margin: auto;
    padding: 130px 0;
}

.section-heading[b-omixccba9v] {
    margin-bottom: 55px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
}

.section-kicker[b-omixccba9v] {
    display: block;
    margin-bottom: 16px;
    color: var(--rosa);
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 1.9px;
}

.section-heading h2[b-omixccba9v] {
    margin: 0;
    color: var(--azul-profundo);
    font-family: "Lora", Georgia, serif;
    font-size: clamp(43px, 4vw, 66px);
    font-weight: 500;
    line-height: 1;
}

    .section-heading h2 em[b-omixccba9v] {
        display: block;
        color: var(--azul);
        font-weight: 400;
    }

.section-link[b-omixccba9v] {
    display: flex;
    align-items: center;
    gap: 25px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--rosa);
    color: var(--azul);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

    .section-link span[b-omixccba9v] {
        color: var(--rosa);
    }


/* ============================================================
   SELECCIÓN ESTRADA
   Book inmobiliario editorial
   ============================================================ */

.editorial-properties[b-omixccba9v] {
    width: min(1540px, calc(100% - 80px));
    margin: auto;
    padding: 135px 0 150px;
}

    .editorial-properties .section-kicker[b-omixccba9v] {
        margin-bottom: 18px;
        color: var(--rosa);
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 2px;
    }


/* ============================================================
   HEADING
   ============================================================ */

.editorial-properties__heading[b-omixccba9v] {
    margin-bottom: 68px;
    display: grid;
    grid-template-columns: minmax(360px, 1fr) minmax(280px, 420px) auto;
    gap: 60px;
    align-items: end;
}

    .editorial-properties__heading h2[b-omixccba9v] {
        margin: 0;
        color: var(--azul-profundo);
        font-family: "Lora", Georgia, serif;
        font-size: clamp(50px, 4.5vw, 72px);
        font-weight: 500;
        line-height: .96;
        letter-spacing: -1px;
    }

        .editorial-properties__heading h2 em[b-omixccba9v] {
            display: block;
            color: var(--azul);
            font-weight: 400;
        }

    .editorial-properties__heading > p[b-omixccba9v] {
        max-width: 470px;
        margin: 0 0 8px;
        color: #5a6b7a;
        font-size: 18px;
        line-height: 1.7;
    }

    .editorial-properties__heading .section-link[b-omixccba9v] {
        font-size: 16px;
        font-weight: 700;
    }


/* ============================================================
   GRID
   ============================================================ */

.editorial-properties__grid[b-omixccba9v] {
    display: grid;
    grid-template-columns: minmax(0, 1.22fr) minmax(0, .78fr);
    gap: 54px;
    align-items: start;
}

.editorial-properties__secondary[b-omixccba9v] {
    display: grid;
    gap: 56px;
}


/* ============================================================
   PROPERTY
   ============================================================ */

.editorial-property[b-omixccba9v] {
    display: block;
    color: var(--azul-profundo);
    text-decoration: none;
}


/* ============================================================
   PHOTO
   ============================================================ */

.editorial-property__photo[b-omixccba9v] {
    position: relative;
    overflow: hidden;
    background: #e9eef2;
}

.editorial-property--hero
.editorial-property__photo[b-omixccba9v] {
    aspect-ratio: 1 / 1.08;
}

.editorial-property--secondary
.editorial-property__photo[b-omixccba9v] {
    aspect-ratio: 16 / 9;
}

.editorial-property__photo img[b-omixccba9v] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transform: scale(1.002);
    transition: transform .75s cubic-bezier(.2,.8,.2,1);
}

.editorial-property:hover
.editorial-property__photo img[b-omixccba9v] {
    transform: scale(1.035);
}


/* overlay */

.editorial-property__photo[b-omixccba9v]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient( 180deg, rgba(20,36,52,.02), rgba(20,36,52,.16) );
    pointer-events: none;
}


/* ============================================================
   NÚMERO
   ============================================================ */

.editorial-property__number[b-omixccba9v] {
    position: absolute;
    z-index: 3;
    top: 22px;
    right: 24px;
    color: white;
    font-family: "Lora", Georgia, serif;
    font-size: 38px;
    font-weight: 400;
    line-height: 1;
    text-shadow: 0 1px 12px rgba(20,36,52,.35);
}


/* ============================================================
   BADGE
   ============================================================ */

.editorial-property__badge[b-omixccba9v] {
    position: absolute;
    z-index: 3;
    top: 22px;
    left: 22px;
    padding: 11px 16px;
    background: rgba(255,255,255,.94);
    color: var(--azul);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 1.2px;
    backdrop-filter: blur(8px);
}


/* ============================================================
   INFORMACIÓN
   ============================================================ */

.editorial-property__info[b-omixccba9v] {
    padding-top: 24px;
}

.editorial-property__location[b-omixccba9v] {
    color: var(--rosa);
    font-size: 13.5px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.editorial-property__info h3[b-omixccba9v] {
    margin: 10px 0 0;
    color: var(--azul-profundo);
    font-family: "Lora", Georgia, serif;
    font-weight: 500;
    line-height: 1.06;
}

.editorial-property--hero
.editorial-property__info h3[b-omixccba9v] {
    max-width: 720px;
    font-size: clamp(34px, 3.3vw, 54px);
}

.editorial-property--secondary
.editorial-property__info h3[b-omixccba9v] {
    max-width: 560px;
    font-size: clamp(25px, 2.1vw, 36px);
}

.editorial-property__info > p[b-omixccba9v] {
    max-width: 650px;
    margin: 15px 0 0;
    color: #64727e;
    font-family: "Lora", Georgia, serif;
    font-size: 17px;
    font-style: italic;
    line-height: 1.6;
}


/* ============================================================
   BOTTOM
   ============================================================ */

.editorial-property__bottom[b-omixccba9v] {
    margin-top: 25px;
    padding-top: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    border-top: 1px solid rgba(47,65,87,.13);
}

    .editorial-property__bottom span[b-omixccba9v] {
        color: #67757f;
        font-size: 16px;
    }

    .editorial-property__bottom strong[b-omixccba9v] {
        color: var(--azul);
        font-size: 19px;
        font-weight: 800;
        white-space: nowrap;
    }


/* ============================================================
   HOVER
   ============================================================ */

.editorial-property__info h3[b-omixccba9v] {
    transition: color .25s ease;
}

.editorial-property:hover
.editorial-property__info h3[b-omixccba9v] {
    color: #405872;
}

.editorial-property--hero[b-omixccba9v] {
    position: relative;
}

    .editorial-property--hero[b-omixccba9v]::before {
        content: "";
        position: absolute;
        z-index: 5;
        top: 0;
        left: 0;
        width: 32%;
        height: 4px;
        background: linear-gradient( 90deg, var(--azul), var(--rosa) );
    }


/* ============================================================
   FRASE DE MARCA
   ============================================================ */

.brand-statement[b-omixccba9v] {
    position: relative;
    padding: 120px max(40px, calc((100vw - 1540px) / 2));
    display: grid;
    grid-template-columns: .72fr 1.65fr;
    gap: 90px;
    align-items: center;
    overflow: hidden;
    background: radial-gradient( circle at 12% 40%, rgba(255,255,255,.24) 0, rgba(255,255,255,0) 32% ), linear-gradient( 135deg, #ead1db 0%, #eedce2 52%, #f3e6eb 100% );
}


    /* detalle decorativo grande */

    .brand-statement[b-omixccba9v]::after {
        content: "E+";
        position: absolute;
        right: -40px;
        bottom: -70px;
        color: rgba(255,255,255,.16);
        font-family: "Montserrat", system-ui, sans-serif;
        font-size: clamp(180px, 16vw, 320px);
        font-weight: 600;
        line-height: 1;
        pointer-events: none;
    }


/* bloque logo */

.statement-logo[b-omixccba9v] {
    position: relative;
    z-index: 2;
    min-height: 360px;
    padding: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient( 155deg, rgba(47,65,87,.95), rgba(20,36,52,.97) );
    box-shadow: 0 28px 70px rgba(20,36,52,.16);
    overflow: hidden;
}

    .statement-logo[b-omixccba9v]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 7px;
        height: 42%;
        background: linear-gradient( 180deg, var(--rosa), var(--rosa-claro) );
    }

    .statement-logo img[b-omixccba9v] {
        position: relative;
        z-index: 2;
        width: 100%;
        max-width: 290px;
        height: auto;
        object-fit: contain;
    }


/* copy */

.statement-copy[b-omixccba9v] {
    position: relative;
    z-index: 2;
}

    .statement-copy > span[b-omixccba9v] {
        display: block;
        margin-bottom: 20px;
        color: var(--azul);
        font-size: 12.5px;
        font-weight: 700;
        letter-spacing: 1.8px;
    }

    .statement-copy h2[b-omixccba9v] {
        max-width: 900px;
        margin: 0;
        color: var(--azul-profundo);
        font-family: "Lora", Georgia, serif;
        font-size: clamp(42px, 4.1vw, 64px);
        font-weight: 500;
        line-height: 1.08;
    }

        .statement-copy h2 em[b-omixccba9v] {
            display: block;
            margin-top: 10px;
            color: var(--azul);
            font-weight: 400;
        }


/* ============================================================
   PROYECTOS
   Premium full-width con aire y bordes suaves
   ============================================================ */

.projects-section[b-omixccba9v] {
    position: relative;
    padding: 125px 0 115px;
    background: linear-gradient( 180deg, #f8fbfd 0%, #f5f9fc 100% );
}

.projects-inner[b-omixccba9v] {
    width: 100%;
    margin: 0;
}

.projects-heading[b-omixccba9v] {
    width: min(1540px, calc(100% - 80px));
    margin: 0 auto 62px;
}

    .projects-heading p[b-omixccba9v] {
        max-width: 460px;
        margin: 0;
        color: #5c6b78;
        font-size: 17px;
        line-height: 1.7;
    }


/* Casi borde a borde: deja solo un marco fino premium */
.projects-grid[b-omixccba9v] {
    width: calc(100% - 24px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.project-card[b-omixccba9v] {
    position: relative;
    min-height: clamp(620px, 66vh, 820px);
    padding: 52px 58px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    border-radius: 28px;
    background-position: center;
    background-size: cover;
    color: white;
    text-decoration: none;
    box-shadow: 0 28px 70px rgba(20, 36, 52, .14);
    isolation: isolate;
}

    .project-card[b-omixccba9v]::before {
        content: "";
        position: absolute;
        z-index: -2;
        inset: 0;
        background: inherit;
        background-position: center;
        background-size: cover;
        transform: scale(1.01);
        transition: transform .85s cubic-bezier(.2,.8,.2,1);
    }

    .project-card:hover[b-omixccba9v]::before {
        transform: scale(1.045);
    }

.project-one[b-omixccba9v] {
    background-image: url('/images/portaBarrancas.png');
}

.project-two[b-omixccba9v] {
    background-image: url('/images/postadaParcelas.png');
}

.project-overlay[b-omixccba9v] {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient( 180deg, rgba(20,36,52,.08) 0%, rgba(20,36,52,.20) 38%, rgba(20,36,52,.88) 100% );
    transition: background .4s ease;
}

.project-card:hover .project-overlay[b-omixccba9v] {
    background: linear-gradient( 180deg, rgba(20,36,52,.04) 0%, rgba(20,36,52,.13) 38%, rgba(20,36,52,.79) 100% );
}

.project-top[b-omixccba9v],
.project-content[b-omixccba9v] {
    position: relative;
    z-index: 2;
}

.project-top[b-omixccba9v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1.45px;
    text-transform: uppercase;
    text-shadow: 0 1px 14px rgba(20,36,52,.38);
}

    /* 01 / LOTEO y 02 / LOTEO */
    .project-top > span:first-child[b-omixccba9v] {
        color: #ffffff;
    }

    /* SAN PEDRO y BURZACO */
    .project-top > span:last-child[b-omixccba9v] {
        color: var(--rosa-claro);
    }

.project-status[b-omixccba9v] {
    color: var(--rosa-claro);
    font-size: 15.5px;
    font-weight: 800;
    letter-spacing: 1.65px;
}

.project-content[b-omixccba9v] {
    max-width: 700px;
}

    .project-content h3[b-omixccba9v] {
        max-width: 650px;
        margin: 15px 0 18px;
        color: white;
        font-family: "Lora", Georgia, serif;
        font-size: clamp(60px, 4.8vw, 86px);
        font-weight: 500;
        line-height: .96;
        letter-spacing: -1px;
    }

    .project-content p[b-omixccba9v] {
        max-width: 500px;
        margin: 0;
        color: rgba(255,255,255,.88);
        font-size: 18px;
        line-height: 1.68;
    }

.project-cta[b-omixccba9v] {
    width: fit-content;
    margin-top: 30px;
    padding-bottom: 10px;
    display: flex;
    gap: 55px;
    border-bottom: 1px solid var(--rosa);
    font-size: 16px;
    font-weight: 700;
}

    .project-cta b[b-omixccba9v] {
        color: var(--rosa-claro);
        font-weight: 400;
    }


/* ============================================================
   CAMPOS
   Full-width premium con split diagonal
   ============================================================ */

.fields-section[b-omixccba9v] {
    position: relative;
    width: calc(100% - 24px);
    min-height: clamp(670px, 70vh, 820px);
    margin: 0 auto 120px;
    padding: 105px clamp(58px, 6.5vw, 118px);
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: 30px;
    background: linear-gradient( 145deg, #172c40 0%, var(--azul-profundo) 76% );
    color: white;
    box-shadow: 0 32px 78px rgba(20,36,52,.15);
    isolation: isolate;
}

.fields-image[b-omixccba9v] {
    position: absolute;
    z-index: -2;
    top: 0;
    right: 0;
    bottom: 0;
    width: 62%;
    background: url('/images/portadaCampos.png');
    background-position: center;
    background-size: cover;
    clip-path: polygon( 18% 0, 100% 0, 100% 100%, 0 100% );
    transform: scale(1.01);
    transition: transform .9s cubic-bezier(.2,.8,.2,1);
}

.fields-section:hover .fields-image[b-omixccba9v] {
    transform: scale(1.035);
}

.fields-overlay[b-omixccba9v] {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    width: 67%;
    background: linear-gradient( 90deg, rgba(20,36,52,.97) 0%, rgba(20,36,52,.63) 22%, rgba(20,36,52,.18) 58%, rgba(20,36,52,.07) 100% );
    clip-path: polygon( 16% 0, 100% 0, 100% 100%, 0 100% );
    pointer-events: none;
}

.fields-section[b-omixccba9v]::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    /*
       El borde visible de la imagen va aproximadamente
       de 49.2% arriba a 38% abajo.
       Esta franja rosa usa el mismo recorrido.
    */
    background: linear-gradient( 180deg, var(--rosa), var(--rosa-claro) );
    clip-path: polygon( 49.10% 0, 49.68% 0, 38.58% 100%, 38.00% 100% );
    filter: drop-shadow(0 0 7px rgba(214,159,180,.16));
    pointer-events: none;
}

.fields-content[b-omixccba9v] {
    position: relative;
    z-index: 3;
    width: 46%;
    max-width: 720px;
}

.fields-kicker[b-omixccba9v] {
    color: var(--rosa-claro);
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 2px;
}

.fields-content h2[b-omixccba9v] {
    margin: 20px 0 26px;
    font-family: "Lora", Georgia, serif;
    font-size: clamp(52px, 5vw, 80px);
    font-weight: 500;
    line-height: .98;
}

    .fields-content h2 em[b-omixccba9v] {
        display: block;
        color: var(--rosa-claro);
        font-weight: 400;
    }

.fields-content p[b-omixccba9v] {
    max-width: 560px;
    color: rgba(255,255,255,.87);
    font-size: 17.5px;
    line-height: 1.75;
}

.fields-types[b-omixccba9v] {
    margin-top: 32px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

    .fields-types span[b-omixccba9v] {
        padding: 11px 16px;
        border: 1px solid rgba(255,255,255,.32);
        background: rgba(255,255,255,.025);
        font-size: 12.5px;
        font-weight: 600;
        letter-spacing: .9px;
        text-transform: uppercase;
    }

.fields-button[b-omixccba9v] {
    width: fit-content;
    min-height: 58px;
    margin-top: 35px;
    padding: 0 27px;
    display: flex;
    align-items: center;
    gap: 42px;
    border-radius: 4px;
    background: var(--rosa);
    color: var(--azul-profundo);
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: background .2s ease, transform .2s ease;
}

    .fields-button:hover[b-omixccba9v] {
        background: var(--rosa-claro);
        transform: translateY(-2px);
    }

.fields-number[b-omixccba9v] {
    position: absolute;
    z-index: 1;
    right: 4vw;
    bottom: -48px;
    color: rgba(255,255,255,.09);
    font-family: "Lora", Georgia, serif;
    font-size: 250px;
    line-height: 1;
    pointer-events: none;
}


/* ============================================================
   NOSOTROS
   ============================================================ */

.about-section[b-omixccba9v] {
    width: min(1440px, calc(100% - 80px));
    margin: auto;
    padding: 140px 0;
    display: grid;
    grid-template-columns: .55fr 2fr;
    gap: 70px;
}

.about-label[b-omixccba9v] {
    color: var(--rosa);
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 2px;
}

.about-main[b-omixccba9v] {
    display: grid;
    grid-template-columns: 1.35fr .8fr;
    gap: 90px;
}

    .about-main h2[b-omixccba9v] {
        margin: 0;
        color: var(--azul-profundo);
        font-family: "Lora", Georgia, serif;
        font-size: clamp(42px, 4vw, 65px);
        font-weight: 500;
        line-height: 1.05;
    }

        .about-main h2 em[b-omixccba9v] {
            display: block;
            margin-top: 9px;
            color: var(--azul);
            font-weight: 400;
        }

.about-copy[b-omixccba9v] {
    padding-top: 7px;
}

    .about-copy p[b-omixccba9v] {
        margin: 0 0 22px;
        color: #556573;
        font-size: 17px;
        line-height: 1.8;
    }

    .about-copy a[b-omixccba9v] {
        width: fit-content;
        margin-top: 12px;
        padding-bottom: 9px;
        display: flex;
        gap: 28px;
        border-bottom: 1px solid var(--rosa);
        color: var(--azul);
        font-size: 15px;
        font-weight: 600;
        text-decoration: none;
    }


/* ============================================================
   VENDER
   Premium sin imagen para no sobrecargar el home
   ============================================================ */

.sell-cta[b-omixccba9v] {
    position: relative;
    min-height: 620px;
    padding: 110px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: radial-gradient( circle at 18% 18%, rgba(255,255,255,.30) 0%, rgba(255,255,255,0) 30% ), radial-gradient( circle at 82% 78%, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 28% ), linear-gradient( 135deg, #efcbd9 0%, var(--rosa-claro) 48%, #f2d8e2 100% );
    text-align: center;
}

    /* placa diagonal sutil, sin sumar otra foto */
    .sell-cta[b-omixccba9v]::before {
        content: "";
        position: absolute;
        top: -18%;
        right: -9%;
        width: 42%;
        height: 145%;
        background: rgba(255,255,255,.13);
        transform: skewX(-12deg);
        pointer-events: none;
    }

    .sell-cta[b-omixccba9v]::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 54px;
        width: 70px;
        height: 2px;
        background: var(--azul);
        opacity: .28;
        transform: translateX(-50%);
        pointer-events: none;
    }

.sell-cta-inner[b-omixccba9v] {
    position: relative;
    z-index: 2;
    max-width: 900px;
}

    .sell-cta-inner > span[b-omixccba9v] {
        color: var(--azul);
        font-size: 12.5px;
        font-weight: 700;
        letter-spacing: 2px;
    }

.sell-cta h2[b-omixccba9v] {
    margin: 24px 0 22px;
    color: var(--azul-profundo);
    font-family: "Lora", Georgia, serif;
    font-size: clamp(50px, 5vw, 76px);
    font-weight: 500;
    line-height: .98;
}

    .sell-cta h2 em[b-omixccba9v] {
        color: var(--azul);
        font-weight: 400;
    }

.sell-cta p[b-omixccba9v] {
    max-width: 680px;
    margin: auto;
    color: #48596b;
    font-size: 17.5px;
    line-height: 1.75;
}

.sell-cta a[b-omixccba9v] {
    min-height: 60px;
    margin-top: 36px;
    padding: 0 29px;
    display: inline-flex;
    align-items: center;
    gap: 45px;
    border-radius: 4px;
    background: var(--azul-profundo);
    color: white;
    box-shadow: 0 16px 34px rgba(20,36,52,.16);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: transform .2s ease, background .2s ease;
}

    .sell-cta a:hover[b-omixccba9v] {
        background: var(--azul);
        transform: translateY(-2px);
    }

    .sell-cta a span[b-omixccba9v] {
        color: var(--rosa);
    }

.sell-cta-decoration[b-omixccba9v] {
    position: absolute;
    left: -50px;
    bottom: -95px;
    color: rgba(255,255,255,.27);
    font-family: "Montserrat", system-ui, sans-serif;
    font-size: 320px;
    font-weight: 500;
    line-height: 1;
    pointer-events: none;
}


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

@media (max-width: 1100px) {

    .hero[b-omixccba9v] {
        grid-template-columns: 43% 57%;
    }

    .hero-copy[b-omixccba9v] {
        width: calc(100% + 90px);
        padding: 70px 62px 68px 32px;
        clip-path: polygon( 0 0, calc(100% - 90px) 0, 100% 100%, 0 100% );
    }

    .hero h1[b-omixccba9v] {
        max-width: 650px;
        font-size: clamp(54px, 5.45vw, 84px);
    }

        .hero h1 .hero-accent[b-omixccba9v] {
            letter-spacing: -1.8px;
        }

    .hero-stats[b-omixccba9v] {
        gap: 16px;
    }

    .quick-search-inner[b-omixccba9v] {
        width: 100%;
        padding: 48px 28px;
        grid-template-columns: 260px 1fr;
        gap: 34px;
    }

    /* Menos ancho total: la 2 necesita proporcionalmente más. */
    .quick-options[b-omixccba9v] {
        grid-template-columns: 1fr 1.42fr 1fr;
    }

    .quick-option[b-omixccba9v] {
        padding: 0 20px;
        grid-template-columns: 60px 1fr auto;
        gap: 14px;
    }

    .quick-number[b-omixccba9v] {
        font-size: 34px;
    }

    .quick-option strong[b-omixccba9v] {
        font-size: 18px;
    }

    .quick-option div span[b-omixccba9v] {
        font-size: 14.5px;
    }

    .projects-grid[b-omixccba9v],
    .fields-section[b-omixccba9v] {
        width: calc(100% - 20px);
    }

    .project-card[b-omixccba9v] {
        min-height: 630px;
        padding: 42px;
    }

    .fields-section[b-omixccba9v] {
        min-height: 650px;
        padding: 80px 48px;
    }

    .fields-content[b-omixccba9v] {
        width: 50%;
    }

    .fields-image[b-omixccba9v] {
        width: 63%;
    }

    .about-section[b-omixccba9v] {
        grid-template-columns: 1fr;
    }

    .about-main[b-omixccba9v] {
        grid-template-columns: 1.2fr .8fr;
    }
}


/* ============================================================
   SELECCIÓN ESTRADA — TABLET
   ============================================================ */

@media (max-width: 1000px) {

    .editorial-properties[b-omixccba9v] {
        width: calc(100% - 48px);
        padding: 100px 0 110px;
    }

    .editorial-properties__heading[b-omixccba9v] {
        grid-template-columns: 1fr 1fr;
        gap: 35px;
        margin-bottom: 50px;
    }

        .editorial-properties__heading
        .section-link[b-omixccba9v] {
            grid-column: 2;
            justify-self: start;
        }

    .editorial-properties__grid[b-omixccba9v] {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .editorial-properties__secondary[b-omixccba9v] {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }

    .editorial-property--hero
    .editorial-property__photo[b-omixccba9v] {
        aspect-ratio: 16 / 10;
    }
}


@media (max-width: 850px) {

    .hero[b-omixccba9v] {
        min-height: auto;
        grid-template-columns: 1fr;
    }

    .hero-copy[b-omixccba9v] {
        width: 100%;
        padding: 56px 32px 48px;
        clip-path: none;
        overflow: visible;
    }

        .hero-copy[b-omixccba9v]::before {
            left: -110px;
            bottom: -120px;
        }

    .hero h1[b-omixccba9v] {
        max-width: 100%;
        font-size: clamp(38px, 9vw, 58px);
        letter-spacing: -2px;
    }

    .hero-description[b-omixccba9v] {
        max-width: 100%;
        font-size: 17px;
    }

    .hero-actions[b-omixccba9v] {
        flex-wrap: wrap;
        gap: 18px;
    }

    .hero-stats[b-omixccba9v] {
        flex-wrap: wrap;
        gap: 18px;
        margin-top: 40px;
    }

    .hero-visual[b-omixccba9v] {
        min-height: 440px;
    }

    .hero-pink-block[b-omixccba9v] {
        top: 0;
        left: 0;
        width: 105px;
        height: 6px;
    }

    .quick-search-inner[b-omixccba9v] {
        width: 100%;
        padding: 40px 20px;
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .quick-options[b-omixccba9v] {
        grid-template-columns: 1fr;
    }

    .quick-option[b-omixccba9v] {
        min-height: auto;
        padding: 20px 10px;
        grid-template-columns: 58px 1fr auto;
        border-top: 1px solid rgba(255,255,255,.12);
        border-left: 0;
    }

    .quick-number[b-omixccba9v] {
        font-size: 32px;
    }

    .section[b-omixccba9v] {
        width: calc(100% - 40px);
        padding: 90px 0;
    }

    .section-heading[b-omixccba9v] {
        align-items: flex-start;
        flex-direction: column;
    }

    .brand-statement[b-omixccba9v] {
        padding: 80px 24px;
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .statement-logo[b-omixccba9v] {
        justify-content: flex-start;
    }

        .statement-logo img[b-omixccba9v] {
            max-width: 200px;
        }

    /* PROYECTOS */

    .projects-section[b-omixccba9v] {
        padding: 90px 0 80px;
    }

    .projects-heading[b-omixccba9v] {
        width: calc(100% - 40px);
        margin-bottom: 45px;
    }

    .projects-grid[b-omixccba9v] {
        width: calc(100% - 20px);
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .project-card[b-omixccba9v] {
        min-height: 560px;
        padding: 32px 28px;
        border-radius: 22px;
    }

    /* CAMPOS */

    .fields-section[b-omixccba9v] {
        width: calc(100% - 20px);
        min-height: 720px;
        margin-bottom: 90px;
        padding: 58px 28px 340px;
        align-items: flex-start;
        border-radius: 22px;
    }

    .fields-content[b-omixccba9v] {
        width: 100%;
        max-width: 620px;
    }

    .fields-image[b-omixccba9v] {
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 310px;
        clip-path: polygon( 0 18%, 100% 0, 100% 100%, 0 100% );
    }

    .fields-overlay[b-omixccba9v] {
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 340px;
        background: linear-gradient( 180deg, rgba(20,36,52,.96) 0%, rgba(20,36,52,.42) 34%, rgba(20,36,52,.10) 100% );
        clip-path: polygon( 0 12%, 100% 0, 100% 100%, 0 100% );
    }

    .fields-section[b-omixccba9v]::before {
        inset: auto auto 304px 0;
        width: 110px;
        height: 6px;
        background: var(--rosa);
        clip-path: none;
        filter: none;
    }

    .fields-number[b-omixccba9v] {
        right: 25px;
        bottom: -20px;
        font-size: 150px;
    }

    .about-section[b-omixccba9v] {
        width: calc(100% - 40px);
        padding: 90px 0;
    }

    .about-main[b-omixccba9v] {
        grid-template-columns: 1fr;
        gap: 45px;
    }
}


/* ============================================================
   SELECCIÓN ESTRADA — MOBILE
   ============================================================ */

@media (max-width: 650px) {

    .editorial-properties[b-omixccba9v] {
        width: calc(100% - 32px);
        padding: 80px 0 90px;
    }

    .editorial-properties__heading[b-omixccba9v] {
        grid-template-columns: 1fr;
        gap: 22px;
        margin-bottom: 38px;
    }

        .editorial-properties__heading
        .section-link[b-omixccba9v] {
            grid-column: auto;
        }

    .editorial-properties__secondary[b-omixccba9v] {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .editorial-property--hero
    .editorial-property__photo[b-omixccba9v],
    .editorial-property--secondary
    .editorial-property__photo[b-omixccba9v] {
        aspect-ratio: 4 / 3;
    }

    .editorial-property__number[b-omixccba9v] {
        font-size: 30px;
    }

    .editorial-property--hero
    .editorial-property__info h3[b-omixccba9v] {
        font-size: 34px;
    }

    .editorial-property--secondary
    .editorial-property__info h3[b-omixccba9v] {
        font-size: 29px;
    }

    .editorial-property__bottom[b-omixccba9v] {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }
}


@media (max-width: 550px) {

    .hero-copy[b-omixccba9v] {
        padding: 48px 22px 44px;
    }

    .hero h1[b-omixccba9v] {
        font-size: 46px;
    }

    .hero-description[b-omixccba9v] {
        font-size: 17px;
    }

    .hero-actions[b-omixccba9v] {
        align-items: flex-start;
        flex-direction: column;
        gap: 22px;
    }

    .hero-stats[b-omixccba9v] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 25px;
    }

    .stat-line[b-omixccba9v] {
        display: none;
    }

    .hero-visual[b-omixccba9v] {
        min-height: 420px;
    }

    .hero-property-card[b-omixccba9v] {
        width: 78%;
        padding: 22px;
    }

    .section-heading h2[b-omixccba9v],
    .statement-copy h2[b-omixccba9v],
    .about-main h2[b-omixccba9v] {
        font-size: 42px;
    }

    .project-card[b-omixccba9v] {
        min-height: 470px;
        padding: 25px 22px;
        border-radius: 18px;
    }

    .project-content h3[b-omixccba9v] {
        font-size: 42px;
    }

    .fields-section[b-omixccba9v] {
        width: calc(100% - 12px);
        margin-bottom: 70px;
        padding: 48px 22px 300px;
        border-radius: 18px;
    }

    .fields-content h2[b-omixccba9v] {
        font-size: 49px;
    }

    .fields-image[b-omixccba9v] {
        height: 275px;
    }

    .fields-overlay[b-omixccba9v] {
        height: 300px;
    }

    .fields-section[b-omixccba9v]::before {
        bottom: 270px;
    }

    .sell-cta[b-omixccba9v] {
        min-height: 550px;
        padding: 75px 22px;
    }

        .sell-cta h2[b-omixccba9v] {
            font-size: 46px;
        }

    .sell-cta-decoration[b-omixccba9v] {
        font-size: 220px;
    }
}
/* /Components/Pages/Public/CampoDetalle.razor.rz.scp.css */
.campo[b-l7tdsku2yr]{--azul:#2f4157;--oscuro:#142434;--rosa:#d69fb4;--rosa-claro:#e9c1cf;--celeste:#eaf2f9;--nude:#eedce2;color:var(--oscuro)}
.campo-galeria[b-l7tdsku2yr]{position:relative;height:min(72vh,750px);display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:5px;background:var(--oscuro)}
.campo-galeria>a[b-l7tdsku2yr]{position:relative;overflow:hidden}.campo-galeria__principal[b-l7tdsku2yr]{grid-row:1/3}.campo-galeria img[b-l7tdsku2yr]{width:100%;height:100%;display:block;object-fit:cover;transition:.55s}.campo-galeria a:hover img[b-l7tdsku2yr]{transform:scale(1.025)}
.campo-galeria__mas[b-l7tdsku2yr],.campo-galeria__video[b-l7tdsku2yr]{position:absolute;z-index:4;padding:11px 15px;background:rgba(20,36,52,.9);color:#fff;text-decoration:none;font-size:11px}.campo-galeria__mas[b-l7tdsku2yr]{right:20px;bottom:20px}.campo-galeria__video[b-l7tdsku2yr]{left:22px;bottom:22px}.campo-galeria__vacia[b-l7tdsku2yr]{grid-column:1/-1;display:grid;place-items:center;color:#fff;font-family:"Lora",serif;font-size:32px}
.campo-header[b-l7tdsku2yr],.campo-resumen[b-l7tdsku2yr],.campo-layout[b-l7tdsku2yr]{width:min(1440px,calc(100% - 80px));margin:auto}.campo-header[b-l7tdsku2yr]{padding:65px 0 48px;display:grid;grid-template-columns:1fr auto;gap:60px;border-bottom:1px solid rgba(47,65,87,.13)}
.campo-kicker[b-l7tdsku2yr],.campo-seccion__kicker[b-l7tdsku2yr],.campo-contacto>span[b-l7tdsku2yr],.dossier>div>span[b-l7tdsku2yr]{color:var(--rosa);font-size:9px;font-weight:700;letter-spacing:2.2px}.campo-header h1[b-l7tdsku2yr]{max-width:900px;margin:14px 0 0;font-family:"Lora",serif;font-size:clamp(44px,4.5vw,72px);font-weight:500;line-height:1.02}.campo-slogan[b-l7tdsku2yr]{color:var(--azul);font-family:"Lora",serif;font-size:22px}.campo-ubicacion[b-l7tdsku2yr],.campo-aviso[b-l7tdsku2yr]{color:#788692;font-size:13px}.campo-precio[b-l7tdsku2yr]{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.campo-precio>span[b-l7tdsku2yr]{color:#8995a0;font-size:9px;letter-spacing:2px}.campo-precio strong[b-l7tdsku2yr]{margin-top:6px;color:var(--azul);font-family:"Lora",serif;font-size:34px;font-weight:500}
.campo-resumen[b-l7tdsku2yr]{padding:28px 0;display:flex;flex-wrap:wrap;border-bottom:1px solid rgba(47,65,87,.13)}[b-l7tdsku2yr] .resumen-item{min-width:190px;padding:12px 28px;display:flex;align-items:center;gap:13px;border-right:1px solid rgba(47,65,87,.12)}[b-l7tdsku2yr] .resumen-item:first-child{padding-left:0}[b-l7tdsku2yr] .resumen-item__icono{font-size:24px}[b-l7tdsku2yr] .resumen-item__texto{display:flex;flex-direction:column}[b-l7tdsku2yr] .resumen-item__texto small{color:#84919c}
.campo-layout[b-l7tdsku2yr]{padding:85px 0 120px;display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:90px}.campo-seccion[b-l7tdsku2yr]{padding-bottom:80px}.campo-seccion+.campo-seccion[b-l7tdsku2yr]{padding-top:80px;border-top:1px solid rgba(47,65,87,.13)}.campo-seccion h2[b-l7tdsku2yr],.dossier h2[b-l7tdsku2yr]{max-width:760px;margin:14px 0 30px;font-family:"Lora",serif;font-size:clamp(38px,3.6vw,58px);font-weight:500;line-height:1.05}.campo-seccion h2 em[b-l7tdsku2yr],.dossier h2 em[b-l7tdsku2yr]{color:var(--azul);font-weight:400}.campo-descripcion[b-l7tdsku2yr]{max-width:820px;color:#647481;font-size:15px;line-height:1.85}.campo-descripcion p[b-l7tdsku2yr]{margin:0 0 18px}
.campo-caracteristicas[b-l7tdsku2yr]{display:grid;grid-template-columns:repeat(2,1fr);gap:0 35px}.campo-caracteristica[b-l7tdsku2yr]{padding:15px 0;display:flex;gap:11px;border-bottom:1px solid rgba(47,65,87,.10)}.campo-caracteristica>span[b-l7tdsku2yr]{color:var(--rosa)}.campo-caracteristica div[b-l7tdsku2yr]{display:flex;flex-direction:column}.campo-caracteristica small[b-l7tdsku2yr]{margin-top:3px;color:#82909c}.campo-grupos[b-l7tdsku2yr]{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.campo-grupos h3[b-l7tdsku2yr]{color:var(--azul)}.campo-grupos p[b-l7tdsku2yr]{padding:10px 0;border-bottom:1px solid rgba(47,65,87,.08);color:#657582}.campo-grupos p>span[b-l7tdsku2yr]{color:var(--rosa)}
.campo-video[b-l7tdsku2yr]{width:100%;aspect-ratio:16/9;margin-top:20px;background:var(--oscuro)}.campo-video iframe[b-l7tdsku2yr],.campo-video video[b-l7tdsku2yr],.campo-mapa iframe[b-l7tdsku2yr]{width:100%;height:100%;border:0}.campo-mapa[b-l7tdsku2yr]{height:490px;background:var(--celeste)}
.dossier[b-l7tdsku2yr]{padding:50px;display:grid;grid-template-columns:1fr auto;gap:45px;align-items:center;background:var(--nude)}.dossier p[b-l7tdsku2yr]{max-width:600px;color:#697885;line-height:1.7}.dossier>a[b-l7tdsku2yr]{min-height:55px;padding:0 20px;display:flex;align-items:center;gap:35px;background:var(--oscuro);color:#fff;text-decoration:none;font-size:11px;font-weight:700}
.campo-contacto[b-l7tdsku2yr]{position:sticky;top:145px;padding:35px;background:var(--oscuro);color:#fff}.campo-contacto h2[b-l7tdsku2yr]{margin:14px 0;font-family:"Lora",serif;font-size:30px;font-weight:500}.campo-contacto>p[b-l7tdsku2yr]{color:rgba(255,255,255,.62);font-size:12px;line-height:1.6}.campo-contacto label[b-l7tdsku2yr]{margin-top:15px;display:block;color:rgba(255,255,255,.55);font-size:9px;text-transform:uppercase;letter-spacing:1px}.campo-contacto input[b-l7tdsku2yr],.campo-contacto textarea[b-l7tdsku2yr]{width:100%;margin-top:5px;padding:11px 0;border:0;border-bottom:1px solid rgba(255,255,255,.22);outline:0;background:transparent;color:#fff;font:inherit}.campo-contacto button[b-l7tdsku2yr],.campo-whatsapp[b-l7tdsku2yr]{width:100%;min-height:50px;margin-top:22px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border:0;background:var(--rosa);color:var(--oscuro);font:inherit;font-size:11px;font-weight:700;text-decoration:none}.campo-whatsapp[b-l7tdsku2yr]{margin-top:10px;background:rgba(255,255,255,.08);color:#fff}.campo-ref[b-l7tdsku2yr]{margin-top:25px;padding-top:16px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);font-size:10px}.campo-ref span[b-l7tdsku2yr]{color:rgba(255,255,255,.45)}.campo-estado[b-l7tdsku2yr]{min-height:55vh;padding:100px 40px;text-align:center}
@media(max-width:950px){.campo-layout[b-l7tdsku2yr]{grid-template-columns:1fr}.campo-contacto[b-l7tdsku2yr]{position:static;max-width:650px}}
@media(max-width:760px){.campo-galeria[b-l7tdsku2yr]{height:520px;grid-template-columns:1fr;grid-template-rows:2fr 1fr}.campo-galeria__principal[b-l7tdsku2yr]{grid-row:auto}.campo-galeria__secundaria:not(.campo-galeria__ultima)[b-l7tdsku2yr]{display:none}.campo-header[b-l7tdsku2yr],.campo-resumen[b-l7tdsku2yr],.campo-layout[b-l7tdsku2yr]{width:calc(100% - 40px)}.campo-header[b-l7tdsku2yr]{grid-template-columns:1fr}.campo-precio[b-l7tdsku2yr]{align-items:flex-start}.campo-caracteristicas[b-l7tdsku2yr],.campo-grupos[b-l7tdsku2yr]{grid-template-columns:1fr}.campo-mapa[b-l7tdsku2yr]{height:370px}.dossier[b-l7tdsku2yr]{padding:35px 25px;grid-template-columns:1fr}}
/* /Components/Pages/Public/Contacto.razor.rz.scp.css */
/* ============================================================
   ESTRADA PROPIEDADES — CONTACTO

   Misma escala que el resto del sitio: nada baja de 11px, y el
   texto de lectura no baja de 14px.

   En un formulario esto pesa más que en una página de contenido:
   las etiquetas a 9px hacen dudar de qué va en cada campo, y una
   duda en el formulario de contacto es una consulta que no llega.
   ============================================================ */

.contacto-page[b-ckecs5tro1] {
    --azul: #2f4157;
    --oscuro: #142434;
    --rosa: #d69fb4;
    --rosa-claro: #e9c1cf;
    --celeste: #eaf2f9;
    --nude: #eedce2;
    color: var(--oscuro);
    background: #fff;
}

.contacto-kicker[b-ckecs5tro1],
.contacto-aside__kicker[b-ckecs5tro1] {
    display: block;
    color: var(--rosa);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.1px;
}


/* ============================================================
   HERO
   ============================================================ */

.contacto-hero[b-ckecs5tro1] {
    padding: 110px 0 95px;
    background: var(--celeste);
}

.contacto-hero__inner[b-ckecs5tro1],
.contacto-main[b-ckecs5tro1],
.contacto-bottom[b-ckecs5tro1] {
    width: min(1440px, calc(100% - 80px));
    margin: auto;
}

.contacto-hero__inner[b-ckecs5tro1] {
    display: grid;
    grid-template-columns: 1.3fr .7fr;
    gap: 110px;
    align-items: end;
}

.contacto-hero h1[b-ckecs5tro1] {
    max-width: 850px;
    margin: 18px 0 0;
    font-family: "Lora", Georgia, serif;
    font-size: clamp(55px, 5.7vw, 88px);
    font-weight: 500;
    line-height: .98;
    letter-spacing: -3px;
}

    .contacto-hero h1 em[b-ckecs5tro1],
    .contacto-form-wrap h2 em[b-ckecs5tro1],
    .contacto-aside h2 em[b-ckecs5tro1],
    .contacto-bottom blockquote em[b-ckecs5tro1] {
        color: var(--azul);
        font-weight: 400;
    }

.contacto-hero p[b-ckecs5tro1] {
    margin: 0 0 8px;
    color: #5c6b78;
    font-size: 16.5px;
    line-height: 1.8;
}


/* ============================================================
   CUERPO
   ============================================================ */

.contacto-main[b-ckecs5tro1] {
    padding: 110px 0 125px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 390px;
    gap: 100px;
}

.contacto-form-wrap h2[b-ckecs5tro1],
.contacto-aside h2[b-ckecs5tro1] {
    margin: 14px 0 38px;
    font-family: "Lora", Georgia, serif;
    font-size: clamp(40px, 4vw, 60px);
    font-weight: 500;
    line-height: 1.05;
}


/* ============================================================
   FORMULARIO
   ============================================================ */

.contacto-form[b-ckecs5tro1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 26px 28px;
}

.campo[b-ckecs5tro1] {
    display: flex;
    flex-direction: column;
}

.campo--full[b-ckecs5tro1] {
    grid-column: 1 / -1;
}

.campo label[b-ckecs5tro1] {
    margin-bottom: 8px;
    color: #64737f;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.campo input[b-ckecs5tro1],
.campo select[b-ckecs5tro1],
.campo textarea[b-ckecs5tro1] {
    width: 100%;
    min-height: 52px;
    padding: 12px 0;
    border: 0;
    border-bottom: 1px solid rgba(47, 65, 87, .20);
    border-radius: 0;
    outline: 0;
    background: transparent;
    color: var(--oscuro);
    font: inherit;
    font-size: 16px;
}

    /* 16px no es estético: en iOS, un input de menos de 16px hace que
       Safari haga zoom automático al enfocarlo y descoloca la página. */

    .campo input[b-ckecs5tro1]::placeholder,
    .campo textarea[b-ckecs5tro1]::placeholder {
        color: #9aa6b0;
        font-size: 15px;
    }

.campo textarea[b-ckecs5tro1] {
    min-height: 135px;
    resize: vertical;
    line-height: 1.6;
}

    .campo input:focus[b-ckecs5tro1],
    .campo select:focus[b-ckecs5tro1],
    .campo textarea:focus[b-ckecs5tro1] {
        border-color: var(--rosa);
    }

.campo select[b-ckecs5tro1] {
    cursor: pointer;
}

.contacto-form__bottom[b-ckecs5tro1] {
    grid-column: 1 / -1;
    margin-top: 10px;
    padding-top: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    border-top: 1px solid rgba(47, 65, 87, .12);
}

    .contacto-form__bottom p[b-ckecs5tro1] {
        max-width: 470px;
        margin: 0;
        color: #64737f;
        font-size: 13px;
        line-height: 1.6;
    }

    .contacto-form__bottom button[b-ckecs5tro1] {
        min-width: 200px;
        min-height: 56px;
        padding: 0 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 0;
        background: var(--oscuro);
        color: #fff;
        font: inherit;
        font-size: 13.5px;
        font-weight: 700;
        cursor: pointer;
        transition: background-color .25s ease, transform .25s ease;
    }

        .contacto-form__bottom button:hover[b-ckecs5tro1] {
            background: var(--azul);
            transform: translateY(-2px);
        }

        .contacto-form__bottom button span[b-ckecs5tro1] {
            color: var(--rosa);
            font-size: 16px;
        }


/* ============================================================
   COLUMNA LATERAL
   ============================================================ */

.contacto-aside[b-ckecs5tro1] {
    align-self: start;
}

.contacto-aside__main[b-ckecs5tro1] {
    padding: 38px;
    background: var(--oscuro);
    color: #fff;
}

.contacto-aside h2[b-ckecs5tro1] {
    margin-bottom: 18px;
    font-size: 38px;
}

.contacto-aside__main p[b-ckecs5tro1] {
    margin: 0;
    color: rgba(255, 255, 255, .74);
    font-size: 14.5px;
    line-height: 1.7;
}

.contacto-whatsapp[b-ckecs5tro1] {
    min-height: 54px;
    margin-top: 28px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--rosa);
    color: var(--oscuro);
    text-decoration: none;
    font-size: 13.5px;
    font-weight: 700;
    transition: background-color .25s ease;
}

    .contacto-whatsapp:hover[b-ckecs5tro1] {
        background: var(--rosa-claro);
    }

    .contacto-whatsapp span[b-ckecs5tro1] {
        font-size: 16px;
    }

.contacto-aside__areas[b-ckecs5tro1] {
    padding: 30px 0 0;
}

    .contacto-aside__areas > .contacto-aside__kicker[b-ckecs5tro1] {
        margin-bottom: 13px;
    }

    .contacto-aside__areas > a[b-ckecs5tro1] {
        min-height: 82px;
        padding: 18px 4px;
        display: grid;
        grid-template-columns: 1fr auto;
        border-bottom: 1px solid rgba(47, 65, 87, .13);
        color: var(--oscuro);
        text-decoration: none;
        font-size: 16px;
        transition: padding-left .2s ease;
    }

        .contacto-aside__areas > a:hover[b-ckecs5tro1] {
            padding-left: 10px;
        }

        .contacto-aside__areas > a > small[b-ckecs5tro1] {
            grid-column: 1;
            margin-top: 5px;
            color: #64737f;
            font-size: 12.5px;
            line-height: 1.5;
        }

        .contacto-aside__areas > a > span[b-ckecs5tro1] {
            grid-column: 2;
            grid-row: 1 / 3;
            align-self: center;
            color: var(--rosa);
            font-size: 16px;
        }


/* ============================================================
   CIERRE
   ============================================================ */

.contacto-bottom[b-ckecs5tro1] {
    margin-bottom: 120px;
    padding: 65px 70px;
    display: grid;
    grid-template-columns: .45fr 1.3fr .6fr;
    gap: 70px;
    align-items: center;
    background: var(--nude);
}

.contacto-bottom__label[b-ckecs5tro1] {
    color: var(--azul);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.1px;
}

.contacto-bottom blockquote[b-ckecs5tro1] {
    margin: 0;
    font-family: "Lora", Georgia, serif;
    font-size: 36px;
    line-height: 1.15;
}

.contacto-bottom p[b-ckecs5tro1] {
    margin: 0;
    color: #5c6b78;
    font-size: 14px;
    line-height: 1.7;
}


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

@media (max-width: 950px) {

    .contacto-hero__inner[b-ckecs5tro1],
    .contacto-main[b-ckecs5tro1],
    .contacto-bottom[b-ckecs5tro1] {
        grid-template-columns: 1fr;
    }

    .contacto-main[b-ckecs5tro1] {
        gap: 65px;
    }

    .contacto-aside[b-ckecs5tro1] {
        max-width: 650px;
    }

    .contacto-bottom[b-ckecs5tro1] {
        gap: 25px;
    }
}


@media (max-width: 700px) {

    .contacto-hero[b-ckecs5tro1] {
        padding: 85px 0 70px;
    }

    .contacto-hero__inner[b-ckecs5tro1],
    .contacto-main[b-ckecs5tro1],
    .contacto-bottom[b-ckecs5tro1] {
        width: calc(100% - 40px);
    }

    .contacto-hero__inner[b-ckecs5tro1] {
        gap: 35px;
    }

    .contacto-hero h1[b-ckecs5tro1] {
        font-size: 52px;
        letter-spacing: -1.8px;
    }

    .contacto-main[b-ckecs5tro1] {
        padding: 80px 0;
    }

    .contacto-form[b-ckecs5tro1] {
        grid-template-columns: 1fr;
    }

    .campo--full[b-ckecs5tro1],
    .contacto-form__bottom[b-ckecs5tro1] {
        grid-column: auto;
    }

    .contacto-form__bottom[b-ckecs5tro1] {
        align-items: flex-start;
        flex-direction: column;
    }

        .contacto-form__bottom button[b-ckecs5tro1] {
            width: 100%;
        }

    .contacto-aside__main[b-ckecs5tro1] {
        padding: 30px 24px;
    }

    .contacto-aside h2[b-ckecs5tro1] {
        font-size: 33px;
    }

    .contacto-bottom[b-ckecs5tro1] {
        margin-bottom: 80px;
        padding: 40px 25px;
    }

        .contacto-bottom blockquote[b-ckecs5tro1] {
            font-size: 30px;
        }
}
/* /Components/Pages/Public/Nosotros.razor.rz.scp.css */
/* ============================================================
   ESTRADA PROPIEDADES — NOSOTROS

   Escala tipográfica: nada baja de 11px, y el texto de lectura
   corrida no baja de 14px. Los 8 y 9px que había antes funcionan
   en una pieza impresa, donde el ojo está a 30cm del papel; en
   pantalla a 60cm no se leen.

   El letter-spacing bajó junto con los tamaños: es inversamente
   proporcional. A 11px, 2.8px de tracking separa tanto las letras
   que se deja de leer la palabra como unidad.
   ============================================================ */

.nosotros-page[b-e6h75h5n0e] {
    --azul: #2f4157;
    --oscuro: #142434;
    --rosa: #d69fb4;
    --rosa-claro: #e9c1cf;
    --celeste: #eaf2f9;
    --nude: #eedce2;
    color: var(--oscuro);
    background: #fff;
}

.eyebrow[b-e6h75h5n0e] {
    display: block;
    color: var(--rosa);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.2px;
}


/* ============================================================
   HERO
   ============================================================ */

.nosotros-hero[b-e6h75h5n0e] {
    padding: 120px 0 105px;
    background: var(--celeste);
}

.nosotros-hero__inner[b-e6h75h5n0e],
.manifesto[b-e6h75h5n0e],
.diferencial[b-e6h75h5n0e],
.valores[b-e6h75h5n0e],
.ecosistema[b-e6h75h5n0e] {
    width: min(1440px, calc(100% - 80px));
    margin: auto;
}

.nosotros-hero__inner[b-e6h75h5n0e] {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 120px;
    align-items: end;
}

.nosotros-hero h1[b-e6h75h5n0e] {
    max-width: 760px;
    margin: 18px 0 28px;
    font-family: "Lora", Georgia, serif;
    font-size: clamp(58px, 6vw, 94px);
    line-height: .96;
    font-weight: 500;
    letter-spacing: -3px;
}

    .nosotros-hero h1 em[b-e6h75h5n0e],
    .manifesto h2 em[b-e6h75h5n0e],
    .diferencial h2 em[b-e6h75h5n0e],
    .valores h2 em[b-e6h75h5n0e],
    .ecosistema h2 em[b-e6h75h5n0e],
    .nosotros-cta h2 em[b-e6h75h5n0e] {
        color: var(--azul);
        font-weight: 400;
    }

.nosotros-hero__lead[b-e6h75h5n0e] {
    max-width: 650px;
    margin: 0;
    color: #5c6b78;
    font-size: 17px;
    line-height: 1.8;
}

.nosotros-hero__statement[b-e6h75h5n0e] {
    padding: 35px 0 8px 42px;
    border-left: 2px solid var(--rosa);
}

    .nosotros-hero__statement > span[b-e6h75h5n0e] {
        color: #74828e;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 1.6px;
    }

    .nosotros-hero__statement p[b-e6h75h5n0e] {
        margin: 13px 0 0;
        font-family: "Lora", Georgia, serif;
        font-size: 28px;
        line-height: 1.3;
    }

    .nosotros-hero__statement strong[b-e6h75h5n0e] {
        display: block;
        margin-top: 6px;
        color: var(--azul);
        font-weight: 500;
    }


/* ============================================================
   MANIFIESTO
   ============================================================ */

.manifesto[b-e6h75h5n0e] {
    padding: 125px 0;
    display: grid;
    grid-template-columns: .45fr 1.55fr;
    gap: 80px;
}

.manifesto__label[b-e6h75h5n0e] {
    padding-top: 9px;
    color: var(--rosa);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

.manifesto__content[b-e6h75h5n0e] {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 85px;
}

.manifesto h2[b-e6h75h5n0e],
.diferencial h2[b-e6h75h5n0e],
.valores h2[b-e6h75h5n0e],
.ecosistema h2[b-e6h75h5n0e],
.nosotros-cta h2[b-e6h75h5n0e] {
    margin: 0;
    font-family: "Lora", Georgia, serif;
    font-size: clamp(42px, 4.3vw, 66px);
    line-height: 1.04;
    font-weight: 500;
}

.manifesto__text[b-e6h75h5n0e] {
    color: #5c6b78;
    font-size: 15.5px;
    line-height: 1.8;
}

    .manifesto__text p[b-e6h75h5n0e] {
        margin: 0 0 22px;
    }


/* ============================================================
   DIFERENCIAL
   ============================================================ */

.diferencial[b-e6h75h5n0e] {
    padding: 105px 0 125px;
    border-top: 1px solid rgba(47, 65, 87, .13);
}

.diferencial__head[b-e6h75h5n0e] {
    max-width: 820px;
    margin-bottom: 55px;
}

    .diferencial__head h2[b-e6h75h5n0e],
    .valores__intro h2[b-e6h75h5n0e] {
        margin-top: 15px;
    }

.diferencial__grid[b-e6h75h5n0e] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.diferencial-card[b-e6h75h5n0e] {
    min-height: 390px;
    padding: 34px;
    display: flex;
    flex-direction: column;
    background: var(--celeste);
}

    .diferencial-card:nth-child(2)[b-e6h75h5n0e] {
        background: var(--nude);
    }

.diferencial-card--dark[b-e6h75h5n0e] {
    background: var(--azul);
    color: #fff;
}

.diferencial-card__number[b-e6h75h5n0e] {
    margin-bottom: auto;
    color: var(--rosa);
    font-family: "Lora", Georgia, serif;
    font-size: 15px;
}

.diferencial-card h3[b-e6h75h5n0e] {
    margin: 80px 0 15px;
    font-family: "Lora", Georgia, serif;
    font-size: 31px;
    font-weight: 500;
}

.diferencial-card p[b-e6h75h5n0e] {
    margin: 0;
    color: #5c6b78;
    font-size: 14.5px;
    line-height: 1.72;
}

.diferencial-card--dark p[b-e6h75h5n0e] {
    color: rgba(255, 255, 255, .74);
}


/* ============================================================
   VALORES
   ============================================================ */

.valores[b-e6h75h5n0e] {
    padding: 115px 0;
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 100px;
    border-top: 1px solid rgba(47, 65, 87, .13);
}

.valores__grid[b-e6h75h5n0e] {
    display: grid;
    gap: 0;
    border-top: 1px solid rgba(47, 65, 87, .14);
}

.valor[b-e6h75h5n0e] {
    padding: 32px 0;
    display: grid;
    grid-template-columns: 110px .9fr 1.1fr;
    gap: 25px;
    border-bottom: 1px solid rgba(47, 65, 87, .14);
    align-items: start;
}

    .valor > span[b-e6h75h5n0e] {
        color: var(--rosa);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 1.4px;
    }

    .valor h3[b-e6h75h5n0e] {
        margin: 0;
        color: var(--azul);
        font-family: "Lora", Georgia, serif;
        font-size: 24px;
        font-weight: 500;
    }

    .valor p[b-e6h75h5n0e] {
        margin: 0;
        color: #5c6b78;
        font-size: 14px;
        line-height: 1.72;
    }


/* ============================================================
   ECOSISTEMA
   ============================================================ */

.ecosistema[b-e6h75h5n0e] {
    margin-bottom: 120px;
    display: grid;
    grid-template-columns: 1.25fr .75fr;
}

.ecosistema__content[b-e6h75h5n0e] {
    padding: 75px 70px;
    background: var(--celeste);
}

    .ecosistema__content h2[b-e6h75h5n0e] {
        margin-top: 15px;
    }

    .ecosistema__content > p[b-e6h75h5n0e] {
        max-width: 700px;
        margin: 25px 0 0;
        color: #5c6b78;
        font-size: 15.5px;
        line-height: 1.78;
    }

.ecosistema__links[b-e6h75h5n0e] {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    .ecosistema__links a[b-e6h75h5n0e] {
        min-width: 175px;
        min-height: 52px;
        padding: 0 17px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 1px solid rgba(47, 65, 87, .16);
        color: var(--azul);
        text-decoration: none;
        font-size: 13px;
        font-weight: 700;
        transition: border-color .2s ease, background-color .2s ease;
    }

        .ecosistema__links a:hover[b-e6h75h5n0e] {
            border-color: var(--rosa);
            background: rgba(255, 255, 255, .55);
        }

        .ecosistema__links a span[b-e6h75h5n0e] {
            color: var(--rosa);
            font-size: 15px;
        }

.ecosistema__quote[b-e6h75h5n0e] {
    padding: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: var(--oscuro);
    color: #fff;
}

    .ecosistema__quote > span[b-e6h75h5n0e] {
        color: var(--rosa-claro);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 1.6px;
    }

    .ecosistema__quote blockquote[b-e6h75h5n0e] {
        margin: 25px 0 18px;
        font-family: "Lora", Georgia, serif;
        font-size: 43px;
        line-height: 1.1;
    }

    .ecosistema__quote p[b-e6h75h5n0e] {
        margin: 0;
        color: rgba(255, 255, 255, .68);
        font-size: 14px;
        line-height: 1.7;
    }


/* ============================================================
   CTA
   ============================================================ */

.nosotros-cta[b-e6h75h5n0e] {
    padding: 120px 30px;
    text-align: center;
    background: var(--nude);
}

    .nosotros-cta > span[b-e6h75h5n0e] {
        color: var(--azul);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 2.2px;
    }

    .nosotros-cta h2[b-e6h75h5n0e] {
        max-width: 780px;
        margin: 18px auto 20px;
    }

    .nosotros-cta p[b-e6h75h5n0e] {
        max-width: 620px;
        margin: 0 auto;
        color: #5c6b78;
        font-size: 15.5px;
        line-height: 1.78;
    }

    .nosotros-cta > a[b-e6h75h5n0e] {
        min-height: 57px;
        margin-top: 32px;
        padding: 0 24px;
        display: inline-flex;
        align-items: center;
        gap: 45px;
        background: var(--oscuro);
        color: #fff;
        text-decoration: none;
        font-size: 13.5px;
        font-weight: 700;
        transition: background-color .25s ease, transform .25s ease;
    }

        .nosotros-cta > a:hover[b-e6h75h5n0e] {
            background: var(--azul);
            transform: translateY(-2px);
        }

        .nosotros-cta > a span[b-e6h75h5n0e] {
            color: var(--rosa);
            font-size: 16px;
        }


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

@media (max-width: 950px) {

    .nosotros-hero__inner[b-e6h75h5n0e],
    .manifesto__content[b-e6h75h5n0e],
    .valores[b-e6h75h5n0e],
    .ecosistema[b-e6h75h5n0e] {
        grid-template-columns: 1fr;
    }

    .nosotros-hero__inner[b-e6h75h5n0e] {
        gap: 55px;
    }

    .manifesto[b-e6h75h5n0e] {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .diferencial__grid[b-e6h75h5n0e] {
        grid-template-columns: 1fr;
    }

    .diferencial-card[b-e6h75h5n0e] {
        min-height: 300px;
    }

        .diferencial-card h3[b-e6h75h5n0e] {
            margin-top: 55px;
        }

    .valor[b-e6h75h5n0e] {
        grid-template-columns: 110px 1fr;
    }

        .valor p[b-e6h75h5n0e] {
            grid-column: 2;
        }
}


@media (max-width: 700px) {

    .nosotros-hero[b-e6h75h5n0e] {
        padding: 85px 0 75px;
    }

    .nosotros-hero__inner[b-e6h75h5n0e],
    .manifesto[b-e6h75h5n0e],
    .diferencial[b-e6h75h5n0e],
    .valores[b-e6h75h5n0e],
    .ecosistema[b-e6h75h5n0e] {
        width: calc(100% - 40px);
    }

    .nosotros-hero h1[b-e6h75h5n0e] {
        font-size: 55px;
        letter-spacing: -1.8px;
    }

    .nosotros-hero__statement[b-e6h75h5n0e] {
        padding-left: 25px;
    }

        .nosotros-hero__statement p[b-e6h75h5n0e] {
            font-size: 24px;
        }

    .manifesto[b-e6h75h5n0e],
    .diferencial[b-e6h75h5n0e],
    .valores[b-e6h75h5n0e] {
        padding: 80px 0;
    }

    .valor[b-e6h75h5n0e] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

        .valor p[b-e6h75h5n0e] {
            grid-column: auto;
        }

    .ecosistema__content[b-e6h75h5n0e],
    .ecosistema__quote[b-e6h75h5n0e] {
        padding: 40px 25px;
    }

        .ecosistema__quote blockquote[b-e6h75h5n0e] {
            font-size: 34px;
        }

    .ecosistema__links a[b-e6h75h5n0e] {
        flex: 1 1 100%;
    }

    .nosotros-cta[b-e6h75h5n0e] {
        padding: 85px 22px;
    }
}
/* /Components/Pages/Public/PropiedadDetalle.razor.rz.scp.css */
/* ============================================================
   ESTRADA PROPIEDADES
   PROPIEDAD DETALLE — PREMIUM
   ============================================================ */

.detalle[b-olhah6dlv2] {
    --azul: #2f4157;
    --oscuro: #142434;
    --rosa: #d69fb4;
    --rosa-claro: #e9c1cf;
    --celeste: #eaf2f9;
    --nude: #eedce2;
    --borde: rgba(47, 65, 87, .12);
    --borde-suave: rgba(47, 65, 87, .075);
    color: var(--oscuro);
    background: linear-gradient( 180deg, #ffffff 0, #ffffff 720px, #f7f9fb 720px, #f7f9fb 100% );
}


/* ============================================================
   TOP BAR
   ============================================================ */

.detalle__topbar[b-olhah6dlv2] {
    width: min(1380px, calc(100% - 56px));
    margin: 0 auto;
    padding: 22px 0 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}


.detalle__volver[b-olhah6dlv2] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #76848f;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    transition: color .2s ease, transform .2s ease;
}


    .detalle__volver span[b-olhah6dlv2] {
        color: var(--rosa);
    }


    .detalle__volver:hover[b-olhah6dlv2] {
        color: var(--oscuro);
        transform: translateX(-3px);
    }


.detalle__ref-top[b-olhah6dlv2] {
    color: #98a3ab;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}


/* ============================================================
   GALERÍA
   ============================================================ */

.galeria[b-olhah6dlv2] {
    position: relative;
    width: min(1380px, calc(100% - 56px));
    height: clamp(440px, 59vh, 620px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.72fr) minmax(310px, .88fr);
    grid-template-rows: 1fr 1fr;
    gap: 8px;
    overflow: hidden;
    background: var(--oscuro);
    border-radius: 22px;
    box-shadow: 0 28px 70px rgba(20, 36, 52, .12);
}


    .galeria > a[b-olhah6dlv2] {
        position: relative;
        overflow: hidden;
        background: #dce7ee;
        text-decoration: none;
    }


.galeria__principal[b-olhah6dlv2] {
    grid-row: 1 / 3;
}


.galeria img[b-olhah6dlv2] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    /*
       Evita recortar siempre el centro exacto.
       Si luego querés guardar posición focal por foto,
       lo podemos hacer desde DB.
    */
    object-position: center center;
    image-rendering: auto;
    transition: transform .55s ease, filter .35s ease;
}


.galeria a:hover img[b-olhah6dlv2] {
    transform: scale(1.012);
}


.galeria__principal[b-olhah6dlv2]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient( 180deg, transparent 62%, rgba(20, 36, 52, .15) 100% );
}


/* ============================================================
   BOTÓN VER GALERÍA
   ============================================================ */

.galeria__zoom[b-olhah6dlv2] {
    position: absolute;
    z-index: 6;
    left: 18px;
    /*
       Antes 18px.
       Ahora queda arriba de la zona que invade la ficha.
    */
    bottom: 44px;
    padding: 10px 13px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 9px;
    background: rgba(20, 36, 52, .9);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    backdrop-filter: blur(8px);
    box-shadow: 0 10px 24px rgba(20, 36, 52, .16);
    transition: transform .2s ease, background .2s ease;
}

.galeria__principal:hover .galeria__zoom[b-olhah6dlv2] {
    transform: translateY(-2px);
    background: rgba(20, 36, 52, .97);
}


/* ============================================================
   MÁS FOTOS / VIDEO
   ============================================================ */

.galeria__mas[b-olhah6dlv2],
.galeria__video[b-olhah6dlv2] {
    position: absolute;
    z-index: 4;
    padding: 10px 14px;
    border-radius: 9px;
    background: rgba(20, 36, 52, .9);
    color: #fff;
    text-decoration: none;
    font-size: 10px;
    font-weight: 700;
    backdrop-filter: blur(8px);
    transition: transform .2s ease, background .2s ease;
}


    .galeria__mas:hover[b-olhah6dlv2],
    .galeria__video:hover[b-olhah6dlv2] {
        transform: translateY(-2px);
        background: rgba(20, 36, 52, .98);
    }


.galeria__mas[b-olhah6dlv2] {
    right: 16px;
    bottom: 16px;
}


.galeria__video[b-olhah6dlv2] {
    right: 16px;
    top: 16px;
}


/* ============================================================
   GALERÍA VACÍA
   ============================================================ */

.galeria__vacia[b-olhah6dlv2] {
    grid-column: 1 / -1;
    display: grid;
    place-items: center;
    color: rgba(255, 255, 255, .86);
    font-family: "Lora", Georgia, serif;
    font-size: 31px;
    background: radial-gradient( circle at 30% 20%, rgba(214, 159, 180, .17), transparent 35% ), var(--oscuro);
}


/* ============================================================
   FICHA SUPERPUESTA
   ============================================================ */

.detalle__ficha[b-olhah6dlv2] {
    position: relative;
    z-index: 5;
    width: min(1260px, calc(100% - 110px));
    /* antes -48px */
    margin: -26px auto 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(47, 65, 87, .08);
    border-radius: 22px;
    box-shadow: 0 26px 65px rgba(20, 36, 52, .115);
}


/* ============================================================
   HEADER PROPIEDAD
   ============================================================ */

.detalle__header[b-olhah6dlv2] {
    padding: 38px 42px 30px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 55px;
    align-items: end;
}


.detalle__heading[b-olhah6dlv2] {
    min-width: 0;
}


.detalle__kicker[b-olhah6dlv2],
.seccion__kicker[b-olhah6dlv2],
.contacto__marca > span[b-olhah6dlv2] {
    color: var(--rosa);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2.1px;
    text-transform: uppercase;
}


.detalle__header h1[b-olhah6dlv2] {
    max-width: 850px;
    margin: 10px 0 7px;
    color: var(--oscuro);
    font-family: "Lora", Georgia, serif;
    font-size: clamp(40px, 4.3vw, 66px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: -.8px;
}


.detalle__slogan[b-olhah6dlv2] {
    margin: 10px 0 0;
    color: var(--azul);
    font-family: "Lora", Georgia, serif;
    font-size: 20px;
    line-height: 1.4;
    font-style: italic;
}


.detalle__ubicacion[b-olhah6dlv2] {
    margin: 8px 0 0;
    color: #788692;
    font-size: 13px;
    line-height: 1.5;
}


/* ============================================================
   PRECIO
   ============================================================ */

.detalle__precio[b-olhah6dlv2] {
    min-width: 220px;
    padding-left: 28px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    border-left: 1px solid var(--borde-suave);
}


    .detalle__precio > span[b-olhah6dlv2] {
        color: var(--rosa);
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 2px;
        text-transform: uppercase;
    }


    .detalle__precio strong[b-olhah6dlv2] {
        margin-top: 7px;
        color: var(--azul);
        font-family: "Lora", Georgia, serif;
        font-size: clamp(30px, 2.7vw, 40px);
        font-weight: 500;
        line-height: 1;
        white-space: nowrap;
    }


    .detalle__precio small[b-olhah6dlv2] {
        margin-top: 7px;
        color: #8b96a0;
        font-size: 11px;
    }


/* ============================================================
   RESUMEN / DATOS PRINCIPALES
   ============================================================ */

.resumen[b-olhah6dlv2] {
    padding: 0 24px;
    display: flex;
    border-top: 1px solid var(--borde);
    overflow-x: auto;
    scrollbar-width: thin;
}


/* Cada dato */

[b-olhah6dlv2] .resumen-item {
    min-width: 185px;
    padding: 24px 24px;
    display: flex;
    align-items: center;
    gap: 14px;
    border-right: 1px solid var(--borde-suave);
}


    [b-olhah6dlv2] .resumen-item:last-child {
        border-right: 0;
    }


/* Icono */

[b-olhah6dlv2] .resumen-item__icono {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    flex: 0 0 46px;
    border-radius: 50%;
    background: rgba(214, 159, 180, .14);
    color: var(--rosa);
    font-size: 21px;
}


/* Texto */

[b-olhah6dlv2] .resumen-item__texto {
    display: flex;
    flex-direction: column;
    min-width: 0;
}


    /* Valor */

    [b-olhah6dlv2] .resumen-item__texto strong {
        color: var(--oscuro);
        font-size: 18px;
        font-weight: 800;
        line-height: 1.05;
    }


    /* Descripción */

    [b-olhah6dlv2] .resumen-item__texto small {
        margin-top: 6px;
        color: #7f8c97;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.25;
    }

/* ============================================================
   LAYOUT CONTENIDO
   ============================================================ */

.detalle__layout[b-olhah6dlv2] {
    width: min(1260px, calc(100% - 110px));
    margin: auto;
    padding: 30px 0 110px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 24px;
    align-items: start;
}


.detalle__contenido[b-olhah6dlv2] {
    min-width: 0;
}


.detalle__aside[b-olhah6dlv2] {
    min-width: 0;
}


/* ============================================================
   SECCIONES
   ============================================================ */

.seccion[b-olhah6dlv2] {
    padding: 42px 42px;
    background: #fff;
    border: 1px solid var(--borde);
    border-radius: 22px;
    box-shadow: 0 14px 38px rgba(20, 36, 52, .045);
}


    .seccion + .seccion[b-olhah6dlv2] {
        margin-top: 22px;
    }


.seccion--principal[b-olhah6dlv2] {
    padding-top: 46px;
}


.seccion h2[b-olhah6dlv2] {
    max-width: 720px;
    margin: 13px 0 23px;
    color: var(--oscuro);
    font-family: "Lora", Georgia, serif;
    font-size: clamp(34px, 3.25vw, 52px);
    font-weight: 500;
    line-height: 1.04;
    letter-spacing: -.5px;
}


    .seccion h2 em[b-olhah6dlv2] {
        color: var(--azul);
        font-style: italic;
        font-weight: 400;
    }


/* ============================================================
   DESCRIPCIÓN
   ============================================================ */

.descripcion[b-olhah6dlv2] {
    max-width: 820px;
    color: #60717e;
    font-size: 15px;
    line-height: 1.9;
}


    .descripcion p[b-olhah6dlv2] {
        margin: 0 0 18px;
    }


        .descripcion p:last-child[b-olhah6dlv2] {
            margin-bottom: 0;
        }


/* ============================================================
   CARACTERÍSTICAS
   ============================================================ */

.caracteristicas[b-olhah6dlv2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}


.caracteristicas__grupo[b-olhah6dlv2] {
    padding: 22px 22px 9px;
    border: 1px solid rgba(47, 65, 87, .08);
    border-radius: 16px;
    background: #fbfcfd;
}


    .caracteristicas__grupo h3[b-olhah6dlv2] {
        margin: 0 0 10px;
        color: var(--azul);
        font-size: 16px;
    }


.caracteristica[b-olhah6dlv2] {
    padding: 12px 0;
    display: flex;
    gap: 10px;
    border-bottom: 1px solid rgba(47, 65, 87, .075);
}


    .caracteristica:last-child[b-olhah6dlv2] {
        border-bottom: 0;
    }


    .caracteristica > span[b-olhah6dlv2] {
        color: var(--rosa);
        font-weight: 800;
    }


    .caracteristica div[b-olhah6dlv2] {
        display: flex;
        flex-direction: column;
    }


    .caracteristica strong[b-olhah6dlv2] {
        color: var(--oscuro);
        font-size: 13px;
    }


    .caracteristica small[b-olhah6dlv2] {
        margin-top: 3px;
        color: #83909b;
        font-size: 11px;
    }


/* ============================================================
   VIDEO
   ============================================================ */

.video[b-olhah6dlv2] {
    width: 100%;
    aspect-ratio: 16 / 9;
    margin-top: 20px;
    overflow: hidden;
    border-radius: 16px;
    background: var(--oscuro);
}


    .video iframe[b-olhah6dlv2],
    .video video[b-olhah6dlv2] {
        width: 100%;
        height: 100%;
        display: block;
        border: 0;
    }


/* ============================================================
   MAPA
   ============================================================ */

.mapa[b-olhah6dlv2] {
    height: 430px;
    margin-top: 20px;
    overflow: hidden;
    border-radius: 16px;
    background: var(--celeste);
}


    .mapa iframe[b-olhah6dlv2] {
        width: 100%;
        height: 100%;
        display: block;
        border: 0;
    }


.ubicacion-aviso[b-olhah6dlv2] {
    margin: 0 0 4px;
    color: #7e8b96;
    font-size: 12px;
    line-height: 1.6;
}


/* ============================================================
   CONTACTO
   ============================================================ */

.contacto[b-olhah6dlv2] {
    position: sticky;
    top: 112px;
    padding: 28px 28px 26px;
    overflow: hidden;
    border-radius: 22px;
    background: radial-gradient( circle at 100% 0%, rgba(214, 159, 180, .17), transparent 31% ), linear-gradient( 155deg, #192f43 0%, #142434 62%, #101f2d 100% );
    color: #fff;
    box-shadow: 0 24px 55px rgba(20, 36, 52, .17);
}


    .contacto[b-olhah6dlv2]::before {
        content: "";
        position: absolute;
        width: 115px;
        height: 115px;
        right: -50px;
        bottom: -50px;
        border: 1px solid rgba(233, 193, 207, .11);
        border-radius: 50%;
        pointer-events: none;
    }


.contacto__marca[b-olhah6dlv2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .contacto__marca > span[b-olhah6dlv2] {
        font-size: 10px;
    }

    .contacto__marca small[b-olhah6dlv2] {
        color: rgba(255, 255, 255, .72);
        font-size: 10px;
        font-weight: 500;
        line-height: 1.3;
        letter-spacing: .2px;
    }


.contacto h2[b-olhah6dlv2] {
    margin: 14px 0 11px;
    font-family: "Lora", Georgia, serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.08;
}


.contacto > p[b-olhah6dlv2] {
    margin: 0 0 13px;
    color: rgba(255, 255, 255, .7);
    font-size: 12px;
    line-height: 1.7;
}


/* ============================================================
   FORMULARIO HIJO
   ============================================================ */

/*
   FormularioConsulta es otro componente Razor.
   ::deep permite llegar a su markup desde este CSS aislado.
*/

.contacto[b-olhah6dlv2]  label {
    color: rgba(255, 255, 255, .58);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}


.contacto[b-olhah6dlv2]  input,
.contacto[b-olhah6dlv2]  textarea {
    width: 100%;
    margin-top: 5px;
    padding: 11px 12px;
    border: 1px solid rgba(255, 255, 255, .16);
    outline: 0;
    border-radius: 8px;
    background: rgba(255, 255, 255, .065);
    color: #fff;
    font-size: 12px;
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}


    .contacto[b-olhah6dlv2]  input:focus,
    .contacto[b-olhah6dlv2]  textarea:focus {
        border-color: rgba(233, 193, 207, .72);
        background: rgba(255, 255, 255, .09);
        box-shadow: 0 0 0 3px rgba(214, 159, 180, .09);
    }


.contacto[b-olhah6dlv2]  textarea {
    min-height: 100px;
    resize: vertical;
}


.contacto[b-olhah6dlv2]  button {
    min-height: 49px;
    font-size: 11px;
}


/* ============================================================
   WHATSAPP
   ============================================================ */

.whatsapp[b-olhah6dlv2] {
    width: 100%;
    min-height: 49px;
    margin-top: 10px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 9px;
    background: rgba(255, 255, 255, .085);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    transition: transform .2s ease, background .2s ease;
}


    .whatsapp:hover[b-olhah6dlv2] {
        transform: translateY(-2px);
        background: rgba(255, 255, 255, .14);
    }


/* ============================================================
   REFERENCIA
   ============================================================ */

.referencia[b-olhah6dlv2] {
    margin-top: 20px;
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid rgba(255, 255, 255, .12);
    font-size: 10px;
}


    .referencia span[b-olhah6dlv2] {
        color: rgba(255, 255, 255, .43);
    }


/* ============================================================
   ESTADOS
   ============================================================ */

.detalle-estado[b-olhah6dlv2] {
    min-height: 60vh;
    padding: 100px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}


    .detalle-estado h1[b-olhah6dlv2] {
        color: var(--oscuro);
        font-family: "Lora", Georgia, serif;
        font-size: clamp(38px, 5vw, 58px);
        font-weight: 500;
    }


    .detalle-estado a[b-olhah6dlv2] {
        margin-top: 20px;
        color: var(--azul);
    }


/* ============================================================
   RESPONSIVE — DETALLE
   ============================================================ */

@media (max-width: 1180px) {
    .detalle__layout[b-olhah6dlv2] {
        grid-template-columns: 1fr;
    }

    .contacto[b-olhah6dlv2] {
        position: static;
        max-width: 720px;
    }
}

@media (max-width: 900px) {
    .galeria[b-olhah6dlv2] {
        height: 510px;
        grid-template-columns: 1fr;
        grid-template-rows: 2fr 1fr;
    }

    .galeria__principal[b-olhah6dlv2] {
        grid-row: auto;
    }

    .galeria__secundaria:not(.galeria__ultima)[b-olhah6dlv2] {
        display: none;
    }

    .detalle__ficha[b-olhah6dlv2] {
        width: calc(100% - 48px);
        margin-top: -24px;
    }

    .detalle__header[b-olhah6dlv2] {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .detalle__precio[b-olhah6dlv2] {
        padding-left: 0;
        align-items: flex-start;
        border-left: 0;
    }

    .caracteristicas[b-olhah6dlv2] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .detalle[b-olhah6dlv2] {
        background: #f7f9fb;
    }

    .detalle__topbar[b-olhah6dlv2],
    .galeria[b-olhah6dlv2] {
        width: calc(100% - 24px);
    }

    .detalle__ficha[b-olhah6dlv2],
    .detalle__layout[b-olhah6dlv2] {
        width: calc(100% - 24px);
    }

    .detalle__topbar[b-olhah6dlv2] {
        padding: 16px 0 13px;
    }

    .detalle__ref-top[b-olhah6dlv2] {
        display: none;
    }

    .galeria[b-olhah6dlv2] {
        height: 390px;
        gap: 5px;
        border-radius: 16px;
    }

    .detalle__ficha[b-olhah6dlv2] {
        margin-top: -18px;
        border-radius: 17px;
    }

    .detalle__header[b-olhah6dlv2] {
        padding: 28px 22px 24px;
    }

        .detalle__header h1[b-olhah6dlv2] {
            font-size: clamp(34px, 9vw, 48px);
        }

    .detalle__slogan[b-olhah6dlv2] {
        font-size: 18px;
    }

    .detalle__precio strong[b-olhah6dlv2] {
        font-size: 32px;
    }

    .resumen[b-olhah6dlv2] {
        padding: 0;
    }

    [b-olhah6dlv2] .resumen-item {
        min-width: 158px;
        padding: 20px 18px;
        gap: 12px;
    }

    [b-olhah6dlv2] .resumen-item__icono {
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
        font-size: 19px;
    }

    [b-olhah6dlv2] .resumen-item__texto strong {
        font-size: 16px;
    }

    [b-olhah6dlv2] .resumen-item__texto small {
        font-size: 12px;
    }

    .detalle__layout[b-olhah6dlv2] {
        padding: 24px 0 75px;
        gap: 20px;
    }

    .seccion[b-olhah6dlv2] {
        padding: 30px 22px;
        border-radius: 17px;
    }

        .seccion h2[b-olhah6dlv2] {
            font-size: clamp(30px, 8vw, 42px);
        }

    .descripcion[b-olhah6dlv2] {
        font-size: 15px;
    }

    .contacto[b-olhah6dlv2] {
        padding: 25px 21px;
        border-radius: 17px;
    }

        .contacto h2[b-olhah6dlv2] {
            font-size: 28px;
        }

    .mapa[b-olhah6dlv2] {
        height: 340px;
    }
}

@media (max-width: 480px) {
    .galeria[b-olhah6dlv2] {
        height: 340px;
    }

    .detalle__ficha[b-olhah6dlv2] {
        width: calc(100% - 16px);
    }

    .detalle__layout[b-olhah6dlv2] {
        width: calc(100% - 20px);
    }

    .detalle__header[b-olhah6dlv2] {
        padding: 24px 18px 21px;
    }

        .detalle__header h1[b-olhah6dlv2] {
            font-size: 36px;
        }

    .seccion[b-olhah6dlv2] {
        padding: 26px 18px;
    }

    .contacto[b-olhah6dlv2] {
        padding: 23px 18px;
    }
}



/* ============================================================
   LIGHTBOX / CARRUSEL
   UNA SOLA IMAGEN GRANDE + MINIATURAS
   ============================================================ */

.lightbox[b-olhah6dlv2] {
    position: fixed;
    z-index: 99999;
    inset: 0;
    display: none;
    background: rgba(9, 20, 30, .97);
    color: #fff;
}

    .lightbox.is-open[b-olhah6dlv2] {
        display: block;
    }

.lightbox__fondo[b-olhah6dlv2] {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 35%, rgba(47, 65, 87, .34), transparent 48%);
}

/* BARRA SUPERIOR */

.lightbox__barra[b-olhah6dlv2] {
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    right: 0;
    height: 72px;
    padding: 0 28px;
    display: flex;
    align-items: center;
    gap: 22px;
    background: rgba(11, 25, 37, .76);
    border-bottom: 1px solid rgba(255, 255, 255, .10);
    backdrop-filter: blur(14px);
}

.lightbox__titulo[b-olhah6dlv2] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    color: rgba(255, 255, 255, .92);
    font-family: "Lora", Georgia, serif;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lightbox__contador[b-olhah6dlv2] {
    color: rgba(255, 255, 255, .54);
    font-size: 11px;
    letter-spacing: .8px;
}

.lightbox__cerrar[b-olhah6dlv2] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 50%;
    background: rgba(255, 255, 255, .06);
    color: #fff;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
}

    .lightbox__cerrar:hover[b-olhah6dlv2] {
        background: rgba(214, 159, 180, .18);
        transform: rotate(4deg);
    }

/* ESCENA — UNA SOLA FOTO */

.lightbox__escena[b-olhah6dlv2] {
    position: absolute;
    z-index: 5;
    top: 90px;
    right: 95px;
    bottom: 115px;
    left: 95px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.lightbox__img[b-olhah6dlv2] {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    user-select: none;
    box-shadow: 0 18px 55px rgba(0, 0, 0, .28);
    transition: opacity .18s ease, transform .25s ease;
}

    .lightbox__img.cargando[b-olhah6dlv2] {
        opacity: .25;
        transform: scale(.99);
    }

.lightbox__pie[b-olhah6dlv2] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4px;
    padding: 0 60px;
    overflow: hidden;
    color: rgba(255, 255, 255, .52);
    font-size: 11px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* FLECHAS */

.lightbox__nav[b-olhah6dlv2] {
    position: absolute;
    z-index: 15;
    top: 50%;
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 50%;
    background: rgba(255, 255, 255, .065);
    color: #fff;
    cursor: pointer;
    transform: translateY(-50%);
    backdrop-filter: blur(8px);
    transition: background .2s ease, border-color .2s ease;
}

    .lightbox__nav:hover[b-olhah6dlv2] {
        background: rgba(214, 159, 180, .18);
        border-color: rgba(214, 159, 180, .44);
    }

.lightbox__prev[b-olhah6dlv2] {
    left: 24px;
}

.lightbox__next[b-olhah6dlv2] {
    right: 24px;
}

/* ============================================================
   MINIATURAS DEL LIGHTBOX
   IMPORTANTE: son creadas dinámicamente por JS.
   ::deep evita el problema de CSS Isolation de Blazor.
   ============================================================ */

.lightbox__tira[b-olhah6dlv2] {
    position: absolute;
    z-index: 15;
    left: 50%;
    bottom: 14px;
    width: auto;
    max-width: calc(100% - 140px);
    height: 72px;
    padding: 7px 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
    overflow-x: auto;
    overflow-y: hidden;
    transform: translateX(-50%);
    background: rgba(10, 22, 33, .72);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 10px;
    backdrop-filter: blur(10px);
    scrollbar-width: thin;
}


    /*
   Los botones son insertados por JavaScript,
   por eso necesitamos ::deep.
*/

    .lightbox__tira[b-olhah6dlv2]  .lightbox__mini {
        width: 82px !important;
        height: 56px !important;
        min-width: 82px !important;
        min-height: 56px !important;
        max-width: 82px !important;
        max-height: 56px !important;
        flex: 0 0 82px !important;
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
        border: 0 !important;
        background: transparent !important;
        overflow: hidden !important;
        cursor: pointer;
    }


        /*
   Muy importante:
   pisa cualquier tamaño heredado de otras imágenes.
*/

        .lightbox__tira[b-olhah6dlv2]  .lightbox__mini img {
            display: block !important;
            width: 82px !important;
            height: 56px !important;
            min-width: 82px !important;
            min-height: 56px !important;
            max-width: 82px !important;
            max-height: 56px !important;
            margin: 0 !important;
            padding: 0 !important;
            object-fit: cover !important;
            object-position: center !important;
            border: 2px solid transparent !important;
            border-radius: 6px;
            opacity: .5;
            transform: none !important;
            transition: opacity .2s ease, border-color .2s ease, transform .2s ease;
        }


        .lightbox__tira[b-olhah6dlv2]  .lightbox__mini:hover img {
            opacity: .82;
            transform: translateY(-1px) !important;
        }


        .lightbox__tira[b-olhah6dlv2]  .lightbox__mini.is-active img {
            opacity: 1;
            border-color: var(--rosa) !important;
        }

@media (max-width: 760px) {
    .lightbox__barra[b-olhah6dlv2] {
        height: 62px;
        padding: 0 14px;
        gap: 12px;
    }

    .lightbox__titulo[b-olhah6dlv2] {
        font-size: 14px;
    }

    .lightbox__contador[b-olhah6dlv2] {
        font-size: 10px;
    }

    .lightbox__cerrar[b-olhah6dlv2] {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .lightbox__escena[b-olhah6dlv2] {
        top: 72px;
        right: 16px;
        bottom: 90px;
        left: 16px;
    }

    .lightbox__nav[b-olhah6dlv2] {
        width: 42px;
        height: 42px;
        background: rgba(20, 36, 52, .55);
    }

    .lightbox__prev[b-olhah6dlv2] {
        left: 10px;
    }

    .lightbox__next[b-olhah6dlv2] {
        right: 10px;
    }

    .lightbox__tira[b-olhah6dlv2] {
        bottom: 8px;
        height: 60px;
        max-width: calc(100% - 20px);
        padding: 6px 8px;
        gap: 7px;
    }


        .lightbox__tira[b-olhah6dlv2]  .lightbox__mini {
            width: 66px !important;
            height: 44px !important;
            min-width: 66px !important;
            min-height: 44px !important;
            max-width: 66px !important;
            max-height: 44px !important;
            flex-basis: 66px !important;
        }


            .lightbox__tira[b-olhah6dlv2]  .lightbox__mini img {
                width: 66px !important;
                height: 44px !important;
                min-width: 66px !important;
                min-height: 44px !important;
                max-width: 66px !important;
                max-height: 44px !important;
            }

    .lightbox__mini[b-olhah6dlv2] {
        width: 68px !important;
        height: 46px !important;
        min-width: 68px !important;
        min-height: 46px !important;
        flex-basis: 68px !important;
    }

        .lightbox__mini img[b-olhah6dlv2] {
            width: 68px !important;
            height: 46px !important;
            min-width: 68px !important;
            min-height: 46px !important;
            max-width: 68px !important;
            max-height: 46px !important;
        }

    .lightbox__pie[b-olhah6dlv2] {
        display: none;
    }
}
/* /Components/Pages/Public/Propiedades.razor.rz.scp.css */
/* ============================================================
   ESTRADA PROPIEDADES — LISTADO
   CSS aislado de Propiedades.razor

   Las variables (--estrada-blue, etc.) se declaran en
   MainLayout.razor.css sobre .estrada-site. Las custom properties
   se heredan por el DOM sin importar el aislamiento de Blazor,
   así que acá se usan directamente sin redeclararlas.
   ============================================================ */


/* ============================================================
   ENCABEZADO
   ============================================================ */

.listado__encabezado[b-awk8lucmqa] {
    padding: 70px 0 55px;
    background: var(--estrada-sky);
}

.listado__encabezado-inner[b-awk8lucmqa] {
    width: min(1500px, calc(100% - 80px));
    margin: 0 auto;
}

.listado__kicker[b-awk8lucmqa] {
    display: block;
    margin-bottom: 14px;
    color: var(--estrada-pink);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.2px;
}

.listado__encabezado h1[b-awk8lucmqa] {
    margin: 0;
    color: var(--estrada-dark);
    font-family: "Lora", Georgia, serif;
    font-size: clamp(40px, 4.2vw, 62px);
    font-weight: 500;
    line-height: 1.02;
}

.listado__encabezado p[b-awk8lucmqa] {
    max-width: 560px;
    margin: 16px 0 0;
    color: #55677a;
    font-size: 16px;
    line-height: 1.7;
}


/* ============================================================
   FILTROS

   Es un <form method="get"> a propósito: el estado queda en la URL,
   funciona sin JavaScript y cada combinación es compartible.
   ============================================================ */

.filtros[b-awk8lucmqa] {
    position: sticky;
    /* Se pega debajo del header, que es sticky y mide 122px. */
    top: 122px;
    z-index: 20;
    background: #ffffff;
    border-bottom: 1px solid var(--border);
}

.filtros__inner[b-awk8lucmqa] {
    width: min(1500px, calc(100% - 80px));
    margin: 0 auto;
    padding: 20px 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr) auto;
    gap: 18px;
    align-items: end;
}

.filtro[b-awk8lucmqa] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

    .filtro label[b-awk8lucmqa] {
        color: #64737f;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 1.1px;
        text-transform: uppercase;
    }

    .filtro select[b-awk8lucmqa],
    .filtro input[b-awk8lucmqa] {
        height: 46px;
        padding: 0 13px;
        border: 1px solid var(--border);
        border-radius: 0;
        background: #ffffff;
        color: var(--estrada-dark);
        font-family: inherit;
        font-size: 14.5px;
        appearance: none;
        cursor: pointer;
    }

    /* La flecha se dibuja en CSS: el select nativo de Windows
       rompe la estética del resto del sitio. */
    .filtro select[b-awk8lucmqa] {
        padding-right: 34px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232f4157'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right 8px center;
        background-size: 20px;
    }

        .filtro select:focus[b-awk8lucmqa],
        .filtro input:focus[b-awk8lucmqa] {
            outline: none;
            border-color: var(--estrada-blue);
        }

.filtros__acciones[b-awk8lucmqa] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.filtros__buscar[b-awk8lucmqa] {
    height: 46px;
    padding: 0 30px;
    border: 0;
    background: var(--estrada-blue);
    color: #ffffff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .2s ease;
}

    .filtros__buscar:hover[b-awk8lucmqa] {
        background: var(--estrada-dark);
    }

.filtros__limpiar[b-awk8lucmqa] {
    padding-bottom: 2px;
    border-bottom: 1px solid var(--estrada-pink);
    color: #64737f;
    font-size: 13.5px;
    text-decoration: none;
}


/* ============================================================
   RESULTADOS
   ============================================================ */

.listado__resultados[b-awk8lucmqa] {
    width: min(1500px, calc(100% - 80px));
    margin: 0 auto;
    padding: 45px 0 110px;
}

.listado__barra[b-awk8lucmqa] {
    margin-bottom: 30px;
    padding-bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    border-bottom: 1px solid var(--border);
}

.listado__conteo[b-awk8lucmqa] {
    color: var(--estrada-blue);
    font-size: 14px;
    font-weight: 600;
}

.listado__orden[b-awk8lucmqa] {
    display: flex;
    align-items: center;
    gap: 20px;
}

    .listado__orden > span[b-awk8lucmqa] {
        color: #7c8994;
        font-size: 12px;
        letter-spacing: .4px;
    }

    .listado__orden a[b-awk8lucmqa] {
        padding-bottom: 3px;
        border-bottom: 1px solid transparent;
        color: #64737f;
        font-size: 13.5px;
        text-decoration: none;
        transition: color .2s ease, border-color .2s ease;
    }

        .listado__orden a:hover[b-awk8lucmqa] {
            color: var(--estrada-blue);
        }

        .listado__orden a.activo[b-awk8lucmqa] {
            border-bottom-color: var(--estrada-pink);
            color: var(--estrada-blue);
            font-weight: 600;
        }

.listado__grid[b-awk8lucmqa] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px 22px;
}


/* ============================================================
   SIN RESULTADOS
   ============================================================ */

.listado__vacio[b-awk8lucmqa] {
    padding: 90px 20px;
    text-align: center;
}

    .listado__vacio h2[b-awk8lucmqa] {
        margin: 0 0 14px;
        color: var(--estrada-dark);
        font-family: "Lora", Georgia, serif;
        font-size: clamp(28px, 3vw, 38px);
        font-weight: 500;
    }

    .listado__vacio p[b-awk8lucmqa] {
        max-width: 480px;
        margin: 0 auto 28px;
        color: #64737f;
        font-size: 15.5px;
        line-height: 1.75;
    }

    /* El botón repite el estilo de .btn-primary de la home porque el CSS
   aislado no cruza entre componentes. Si aparece un tercer lugar que
   lo necesite, conviene moverlo a un CSS global de utilidades. */
    .listado__vacio .btn-primary[b-awk8lucmqa] {
        min-height: 56px;
        padding: 0 26px;
        display: inline-flex;
        align-items: center;
        gap: 30px;
        background: var(--estrada-blue);
        color: #ffffff;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        transition: background-color .25s ease, transform .25s ease;
    }

        .listado__vacio .btn-primary span[b-awk8lucmqa] {
            color: var(--estrada-pink-light);
            font-size: 17px;
        }

        .listado__vacio .btn-primary:hover[b-awk8lucmqa] {
            background: var(--estrada-dark);
            transform: translateY(-2px);
        }


/* ============================================================
   PAGINADO
   ============================================================ */

.paginado[b-awk8lucmqa] {
    margin-top: 55px;
    padding-top: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
    border-top: 1px solid var(--border);
}

    .paginado a[b-awk8lucmqa] {
        padding-bottom: 5px;
        border-bottom: 1px solid var(--estrada-pink);
        color: var(--estrada-blue);
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
    }

.paginado__estado[b-awk8lucmqa] {
    color: #7c8994;
    font-size: 13px;
}


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

@media (max-width: 1100px) {

    .listado__grid[b-awk8lucmqa] {
        grid-template-columns: repeat(2, 1fr);
    }

    .filtros__inner[b-awk8lucmqa] {
        grid-template-columns: repeat(3, 1fr);
    }

    .filtros__acciones[b-awk8lucmqa] {
        grid-column: 1 / -1;
    }
}


@media (max-width: 850px) {

    .listado__encabezado[b-awk8lucmqa] {
        padding: 50px 0 40px;
    }

    .listado__encabezado-inner[b-awk8lucmqa],
    .filtros__inner[b-awk8lucmqa],
    .listado__resultados[b-awk8lucmqa] {
        width: calc(100% - 40px);
    }

    /* Deja de ser sticky en mobile: ocupa demasiado alto de pantalla
       y termina tapando justo lo que se está buscando. */
    .filtros[b-awk8lucmqa] {
        position: static;
    }

    .filtros__inner[b-awk8lucmqa] {
        grid-template-columns: 1fr 1fr;
        gap: 14px;
    }

    .filtro--precio[b-awk8lucmqa] {
        grid-column: 1 / -1;
    }

    .listado__barra[b-awk8lucmqa] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .listado__orden[b-awk8lucmqa] {
        flex-wrap: wrap;
        gap: 14px;
    }

    .listado__grid[b-awk8lucmqa] {
        gap: 20px;
    }
}


@media (max-width: 560px) {

    .listado__grid[b-awk8lucmqa] {
        grid-template-columns: 1fr;
    }

    .paginado[b-awk8lucmqa] {
        gap: 18px;
        flex-wrap: wrap;
    }
}
/* /Components/Pages/Public/Proyectos/BarrancasDrivingGolf.razor.rz.scp.css */
/* ============================================================
   BARRANCAS DRIVING GOLF — LANDING

   Toda la página sobre azul profundo. La decisión no es sólo de
   contraste con el home: sobre fondo oscuro las fotos del country
   son lo único que tiene color, y eso es exactamente lo que
   vende un desarrollo.

   El rosa de marca se usa con cuentagotas — números, kickers y
   hairlines. Sobre oscuro, un rosa repartido por todos lados
   pasa de elegante a dulce en dos secciones.

   Escala: nada baja de 12px, el texto de lectura arranca en 17px.
   ============================================================ */

.barrancas[b-q66zvlgyq7] {
    --azul: #2f4157;
    --profundo: #142434;
    --profundo-alto: #0e1b28;
    --panel: #1a2c3f;
    --rosa: #d69fb4;
    --rosa-claro: #e9c1cf;
    --linea: rgba(255, 255, 255, .12);
    --texto: rgba(255, 255, 255, .74);
    background: var(--profundo);
    color: #fff;
}


/* ------------------------------------------------------------
   Elementos compartidos
   ------------------------------------------------------------ */

.bar-kicker[b-q66zvlgyq7] {
    display: block;
    color: var(--rosa);
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 1.9px;
    text-transform: uppercase;
}

.barrancas h2[b-q66zvlgyq7] {
    margin: 18px 0 0;
    font-family: "Lora", Georgia, serif;
    font-size: clamp(42px, 4.1vw, 64px);
    font-weight: 500;
    line-height: 1.04;
    letter-spacing: -.8px;
}

    .barrancas h2 em[b-q66zvlgyq7] {
        display: block;
        color: var(--rosa-claro);
        font-weight: 400;
    }

.bar-boton[b-q66zvlgyq7] {
    min-height: 60px;
    padding: 0 30px;
    display: inline-flex;
    align-items: center;
    gap: 40px;
    background: var(--rosa);
    color: var(--profundo);
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    transition: background .25s ease, transform .25s ease;
}

    .bar-boton:hover[b-q66zvlgyq7] {
        background: var(--rosa-claro);
        transform: translateY(-2px);
    }

/* Variante en vidrio: el segundo CTA no debe competir con el
   primero, pero sobre foto un borde solo no se lee. */
.bar-boton--fantasma[b-q66zvlgyq7] {
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .26);
    color: #fff;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

    .bar-boton--fantasma:hover[b-q66zvlgyq7] {
        background: rgba(255, 255, 255, .18);
        color: #fff;
    }

.bar-enlace[b-q66zvlgyq7] {
    width: fit-content;
    margin-top: 34px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 26px;
    border-bottom: 1px solid var(--rosa);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}

    .bar-enlace span[b-q66zvlgyq7] {
        color: var(--rosa);
    }


/* ============================================================
   PORTADA
   ============================================================ */

/* El 196px descuenta el header sticky del layout público. */
.bar-hero[b-q66zvlgyq7] {
    position: relative;
    min-height: calc(100vh - 196px);
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    background: var(--profundo);
}

.bar-hero__foto[b-q66zvlgyq7] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Doble degradado: uno lateral que sostiene el texto y otro
   inferior que ancla la foto contra la franja de datos. Con un
   velo plano la foto pierde profundidad. */
.bar-hero__velo[b-q66zvlgyq7] {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(20,36,52,.94) 0%, rgba(20,36,52,.72) 38%, rgba(20,36,52,.12) 78%), linear-gradient(0deg, rgba(20,36,52,.88) 0%, rgba(20,36,52,0) 52%);
}

.bar-hero__contenido[b-q66zvlgyq7] {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 150px clamp(30px, 3vw, 56px) 110px;
}

.bar-eyebrow[b-q66zvlgyq7] {
    display: flex;
    align-items: center;
    gap: 14px;
    color: rgba(255, 255, 255, .82);
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 1.9px;
    text-transform: uppercase;
}

.bar-eyebrow__linea[b-q66zvlgyq7] {
    display: block;
    width: 38px;
    height: 2px;
    background: var(--rosa);
}

.bar-hero h1[b-q66zvlgyq7] {
    max-width: 980px;
    margin: 26px 0 30px;
    font-family: "Lora", Georgia, serif;
    font-size: clamp(58px, 7vw, 116px);
    font-weight: 500;
    line-height: .9;
    letter-spacing: -4px;
}

    .bar-hero h1 em[b-q66zvlgyq7] {
        display: block;
        color: var(--rosa-claro);
        font-weight: 400;
    }

.bar-hero__bajada[b-q66zvlgyq7] {
    max-width: 620px;
    margin: 0;
    color: rgba(255, 255, 255, .86);
    font-size: 18.5px;
    line-height: 1.72;
}

.bar-hero__acciones[b-q66zvlgyq7] {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.bar-hero__firma[b-q66zvlgyq7] {
    position: absolute;
    z-index: 2;
    right: clamp(30px, 3vw, 56px);
    bottom: 110px;
    padding-left: 26px;
    border-left: 2px solid var(--rosa);
}

    .bar-hero__firma span[b-q66zvlgyq7] {
        display: block;
        color: rgba(255, 255, 255, .62);
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 1.6px;
        text-transform: uppercase;
    }

    .bar-hero__firma strong[b-q66zvlgyq7] {
        display: block;
        margin-top: 9px;
        font-family: "Lora", Georgia, serif;
        font-size: 22px;
        font-weight: 500;
    }


/* ============================================================
   DATOS
   ============================================================ */

.bar-datos[b-q66zvlgyq7] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: var(--profundo-alto);
    border-top: 1px solid var(--linea);
    border-bottom: 1px solid var(--linea);
}

.bar-dato[b-q66zvlgyq7] {
    min-height: 190px;
    padding: 34px clamp(24px, 2.4vw, 42px);
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--linea);
}

    .bar-dato:last-child[b-q66zvlgyq7] {
        border-right: 0;
    }

    .bar-dato > span[b-q66zvlgyq7] {
        color: var(--rosa);
        font-family: "Lora", Georgia, serif;
        font-size: 17px;
    }

    .bar-dato strong[b-q66zvlgyq7] {
        margin-top: auto;
        font-family: "Lora", Georgia, serif;
        font-size: 40px;
        font-weight: 500;
        line-height: 1.05;
        letter-spacing: -1px;
    }

    .bar-dato small[b-q66zvlgyq7] {
        margin-top: 9px;
        color: var(--texto);
        font-size: 14px;
        line-height: 1.45;
    }


/* ============================================================
   CONCEPTO
   ============================================================ */

.bar-concepto[b-q66zvlgyq7] {
    padding: 140px clamp(30px, 3vw, 56px);
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 60px;
}

.bar-concepto__marca[b-q66zvlgyq7] {
    padding-top: 10px;
}

.bar-concepto__cuerpo[b-q66zvlgyq7] {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 80px;
    align-items: start;
}

    .bar-concepto__cuerpo h2[b-q66zvlgyq7] {
        margin: 0;
    }

.bar-concepto__texto[b-q66zvlgyq7] {
    padding-top: 8px;
    color: var(--texto);
    font-size: 17px;
    line-height: 1.85;
}

    .bar-concepto__texto p[b-q66zvlgyq7] {
        margin: 0 0 22px;
    }


/* ============================================================
   VIDEO
   ============================================================ */

.bar-video[b-q66zvlgyq7] {
    padding: 0 clamp(30px, 3vw, 56px) 140px;
}

.bar-video__intro[b-q66zvlgyq7] {
    margin-bottom: 44px;
}

.bar-video__marco[b-q66zvlgyq7] {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: var(--profundo-alto);
    cursor: pointer;
}

    .bar-video__marco img[b-q66zvlgyq7],
    .bar-video__marco iframe[b-q66zvlgyq7],
    .bar-video__marco video[b-q66zvlgyq7] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        border: 0;
        display: block;
        object-fit: cover;
    }

    .bar-video__marco video[b-q66zvlgyq7] {
        transition: transform .8s cubic-bezier(.2,.8,.2,1);
    }

    .bar-video__marco:not(.reproduciendo):hover video[b-q66zvlgyq7] {
        transform: scale(1.03);
    }


    .bar-video__marco img[b-q66zvlgyq7] {
        transition: transform .8s cubic-bezier(.2,.8,.2,1), opacity .4s ease;
    }

    .bar-video__marco:hover img[b-q66zvlgyq7] {
        transform: scale(1.03);
    }

    /* Velo permanente: sin esto el botón de play se pierde sobre
       las zonas claras del cielo. */
    .bar-video__marco[b-q66zvlgyq7]::after {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(20, 36, 52, .34);
        pointer-events: none;
        transition: background .4s ease;
    }

    .bar-video__marco:hover[b-q66zvlgyq7]::after {
        background: rgba(20, 36, 52, .22);
    }

.bar-video__play[b-q66zvlgyq7] {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    width: 94px;
    height: 94px;
    display: grid;
    place-items: center;
    padding-left: 5px;
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 50%;
    background: rgba(255, 255, 255, .14);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    color: #fff;
    /* El botón es decorativo: quien maneja el click es el marco.
       Sin esto captura el gesto y Chrome bloquea el play(). */
    pointer-events: none;
    transform: translate(-50%, -50%);
    transition: background .3s ease, transform .3s ease;
}

/* El hover se dispara desde el marco, no desde el botón. */
.bar-video__marco:not(.reproduciendo):hover .bar-video__play[b-q66zvlgyq7] {
    background: var(--rosa);
    color: var(--profundo);
    transform: translate(-50%, -50%) scale(1.06);
}

    .bar-video__play:hover[b-q66zvlgyq7] {
        background: var(--rosa);
        color: var(--profundo);
        transform: translate(-50%, -50%) scale(1.06);
    }

/* Al reproducir: fuera el velo y el botón, y el video pasa a
   contain para no recortar la imagen real. */
.bar-video__marco.reproduciendo .bar-video__play[b-q66zvlgyq7],
.bar-video__marco.reproduciendo[b-q66zvlgyq7]::after {
    display: none;
}

.bar-video__marco.reproduciendo video[b-q66zvlgyq7] {
    object-fit: contain;
    background: #000;
    transform: none;
}

/* ============================================================
   AMENITIES

   Grilla de 4 columnas con el golf ocupando 2x2: es lo que le
   da nombre al barrio, y en una grilla pareja ese jerarquía se
   pierde.
   ============================================================ */

.bar-amenities[b-q66zvlgyq7] {
    padding: 0 clamp(30px, 3vw, 56px) 140px;
}

.bar-amenities__encabezado[b-q66zvlgyq7] {
    margin-bottom: 52px;
    display: grid;
    grid-template-columns: 1.4fr .8fr;
    gap: 70px;
    align-items: end;
}

    .bar-amenities__encabezado p[b-q66zvlgyq7] {
        margin: 0 0 8px;
        color: var(--texto);
        font-size: 17px;
        line-height: 1.75;
    }

.bar-amenities__grilla[b-q66zvlgyq7] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 300px;
    gap: 10px;
}

.bar-amenity[b-q66zvlgyq7] {
    position: relative;
    overflow: hidden;
    background: var(--panel);
}

.bar-amenity--principal[b-q66zvlgyq7] {
    grid-column: span 2;
    grid-row: span 2;
}

.bar-amenity--ancho[b-q66zvlgyq7] {
    grid-column: span 2;
}

.bar-amenity img[b-q66zvlgyq7] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .8s cubic-bezier(.2,.8,.2,1);
}

.bar-amenity:hover img[b-q66zvlgyq7] {
    transform: scale(1.05);
}

/* Degradado desde abajo, no velo plano: la foto se ve completa
   arriba y el texto se apoya en la zona oscura. */
.bar-amenity[b-q66zvlgyq7]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(14,27,40,.92) 0%, rgba(14,27,40,.46) 34%, rgba(14,27,40,.06) 68%);
    pointer-events: none;
}

.bar-amenity__texto[b-q66zvlgyq7] {
    position: absolute;
    z-index: 2;
    inset: auto 0 0 0;
    padding: 26px 28px;
}

    .bar-amenity__texto span[b-q66zvlgyq7] {
        color: var(--rosa);
        font-family: "Lora", Georgia, serif;
        font-size: 16px;
    }

    .bar-amenity__texto h3[b-q66zvlgyq7] {
        margin: 6px 0 0;
        font-family: "Lora", Georgia, serif;
        font-size: 27px;
        font-weight: 500;
        line-height: 1.15;
    }

    .bar-amenity__texto p[b-q66zvlgyq7] {
        max-width: 380px;
        margin: 8px 0 0;
        color: rgba(255, 255, 255, .78);
        font-size: 14.5px;
        line-height: 1.5;
    }

.bar-amenity--principal .bar-amenity__texto[b-q66zvlgyq7] {
    padding: 34px 36px;
}

    .bar-amenity--principal .bar-amenity__texto h3[b-q66zvlgyq7] {
        font-size: 40px;
    }

    .bar-amenity--principal .bar-amenity__texto p[b-q66zvlgyq7] {
        font-size: 16px;
    }

/* Dos columnas y dos filas: la foto del SUM es apaisada y en una
   celda de 2x1 el recorte se comía el edificio. Con el doble de
   alto entra la construcción completa. */
.bar-amenity--alto[b-q66zvlgyq7] {
    grid-column: span 2;
    grid-row: span 3;
}
/* ============================================================
   EL BARRIO
   ============================================================ */

.bar-barrio[b-q66zvlgyq7] {
    padding: 0 clamp(30px, 3vw, 56px) 140px;
}

.bar-barrio__intro[b-q66zvlgyq7] {
    max-width: 640px;
    margin-bottom: 48px;
}

    .bar-barrio__intro p[b-q66zvlgyq7] {
        margin: 20px 0 0;
        color: var(--texto);
        font-size: 17px;
        line-height: 1.75;
    }

.bar-barrio__grilla[b-q66zvlgyq7] {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    grid-template-rows: 300px 300px;
    gap: 10px;
}

.bar-barrio__foto[b-q66zvlgyq7] {
    margin: 0;
    overflow: hidden;
    background: var(--panel);
}

    .bar-barrio__foto img[b-q66zvlgyq7] {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        transition: transform .8s cubic-bezier(.2,.8,.2,1);
    }

    .bar-barrio__foto:hover img[b-q66zvlgyq7] {
        transform: scale(1.04);
    }

.bar-barrio__foto--a[b-q66zvlgyq7] {
    grid-row: span 2;
}


/* ============================================================
   UBICACIÓN
   ============================================================ */

.bar-ubicacion[b-q66zvlgyq7] {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    background: var(--profundo-alto);
    border-top: 1px solid var(--linea);
}

.bar-ubicacion__datos[b-q66zvlgyq7] {
    padding: 110px clamp(30px, 3vw, 56px);
}

    .bar-ubicacion__datos p[b-q66zvlgyq7] {
        max-width: 460px;
        margin: 22px 0 0;
        color: var(--texto);
        font-size: 17px;
        line-height: 1.75;
    }

.bar-ficha[b-q66zvlgyq7] {
    margin: 40px 0 0;
    border-top: 1px solid var(--linea);
}

    .bar-ficha > div[b-q66zvlgyq7] {
        padding: 19px 0;
        display: grid;
        grid-template-columns: 190px 1fr;
        align-items: center;
        border-bottom: 1px solid var(--linea);
    }

    .bar-ficha dt[b-q66zvlgyq7] {
        color: rgba(255, 255, 255, .55);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1.4px;
        text-transform: uppercase;
    }

    .bar-ficha dd[b-q66zvlgyq7] {
        margin: 0;
        font-family: "Lora", Georgia, serif;
        font-size: 21px;
        font-weight: 500;
    }

.bar-ubicacion__mapa[b-q66zvlgyq7] {
    min-height: 560px;
    background: var(--profundo-alto);
}

    /* Leaflet trae fondo blanco por defecto: sobre esta página se
   ve como un flash mientras cargan los tiles. */
    .bar-ubicacion__mapa[b-q66zvlgyq7]  .leaflet-container {
        width: 100%;
        height: 100%;
        background: var(--profundo-alto);
        font-family: "Montserrat", system-ui, sans-serif;
    }

    /* Pin de marca: un punto rosa con halo, en vez del marcador
   azul por defecto que no pertenece a la paleta. */
    .bar-ubicacion__mapa[b-q66zvlgyq7]  .bar-pin span {
        display: block;
        width: 14px;
        height: 14px;
        margin: 4px;
        border-radius: 50%;
        background: var(--rosa);
        box-shadow: 0 0 0 6px rgba(214, 159, 180, .28), 0 0 0 12px rgba(214, 159, 180, .12);
    }

   

/* ============================================================
   LOTES
   ============================================================ */

.bar-lotes[b-q66zvlgyq7] {
    padding: 0 clamp(30px, 3vw, 56px) 140px;
}

.bar-lotes__intro[b-q66zvlgyq7] {
    max-width: 620px;
    margin-bottom: 44px;
}

    .bar-lotes__intro p[b-q66zvlgyq7] {
        margin: 20px 0 0;
        color: var(--texto);
        font-size: 17px;
        line-height: 1.75;
    }

.bar-lotes__grilla[b-q66zvlgyq7] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

/* Sin foto: el dato es el número. Una imagen de fondo acá
   competiría con la grilla de amenities que viene después. */
.bar-lote[b-q66zvlgyq7] {
    min-height: 190px;
    padding: 30px;
    display: flex;
    align-items: baseline;
    gap: 10px;
    background: var(--profundo-alto);
    border-top: 2px solid var(--rosa);
}

    .bar-lote strong[b-q66zvlgyq7] {
        font-family: "Lora", Georgia, serif;
        font-size: clamp(44px, 4vw, 62px);
        font-weight: 500;
        line-height: 1;
        letter-spacing: -1.5px;
    }

    .bar-lote span[b-q66zvlgyq7] {
        color: var(--rosa);
        font-size: 17px;
        font-weight: 600;
    }


@media (max-width: 950px) {

    .bar-lotes__grilla[b-q66zvlgyq7] {
        grid-template-columns: repeat(2, 1fr);
    }

    .bar-lote[b-q66zvlgyq7] {
        min-height: 150px;
        padding: 24px;
    }
}


@media (max-width: 600px) {

    .bar-lotes[b-q66zvlgyq7] {
        padding-bottom: 90px;
    }

    .bar-lote[b-q66zvlgyq7] {
        min-height: 0;
        padding: 22px 20px;
    }
}

/* ============================================================
   CIERRE
   ============================================================ */

.bar-cierre[b-q66zvlgyq7] {
    position: relative;
    padding: 150px clamp(30px, 3vw, 56px);
    overflow: hidden;
    background: var(--profundo);
    text-align: center;
}

.bar-cierre__foto[b-q66zvlgyq7] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bar-cierre__velo[b-q66zvlgyq7] {
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(20,36,52,.95), rgba(20,36,52,.82));
}

.bar-cierre__contenido[b-q66zvlgyq7] {
    position: relative;
    z-index: 2;
    max-width: 820px;
    margin: 0 auto;
}

    .bar-cierre__contenido p[b-q66zvlgyq7] {
        max-width: 580px;
        margin: 24px auto 0;
        color: rgba(255, 255, 255, .8);
        font-size: 17.5px;
        line-height: 1.75;
    }

.bar-cierre__acciones[b-q66zvlgyq7] {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: center;
}


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

@media (max-width: 1200px) {

    .bar-concepto[b-q66zvlgyq7] {
        grid-template-columns: 1fr;
        gap: 30px;
        padding-top: 110px;
        padding-bottom: 110px;
    }

    .bar-concepto__cuerpo[b-q66zvlgyq7] {
        gap: 50px;
    }

    .bar-amenities__encabezado[b-q66zvlgyq7] {
        grid-template-columns: 1fr;
        gap: 28px;
        align-items: start;
    }

    .bar-ubicacion[b-q66zvlgyq7] {
        grid-template-columns: 1fr;
    }

    .bar-ubicacion__datos[b-q66zvlgyq7] {
        padding-top: 90px;
        padding-bottom: 70px;
    }

    .bar-ubicacion__mapa[b-q66zvlgyq7] {
        min-height: 440px;
    }
}


@media (max-width: 950px) {

    .bar-hero[b-q66zvlgyq7] {
        min-height: 720px;
    }

    .bar-hero__contenido[b-q66zvlgyq7] {
        padding-top: 120px;
        padding-bottom: 90px;
    }

    .bar-hero__firma[b-q66zvlgyq7] {
        display: none;
    }

    .bar-datos[b-q66zvlgyq7] {
        grid-template-columns: repeat(2, 1fr);
    }

    .bar-dato[b-q66zvlgyq7] {
        min-height: 165px;
    }

        .bar-dato:nth-child(2n)[b-q66zvlgyq7] {
            border-right: 0;
        }

        .bar-dato:nth-child(-n+2)[b-q66zvlgyq7] {
            border-bottom: 1px solid var(--linea);
        }

    .bar-concepto__cuerpo[b-q66zvlgyq7] {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    /* Dos columnas: el golf pasa a ocupar la fila entera y el
       resto va de a pares. */
    .bar-amenities__grilla[b-q66zvlgyq7] {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 260px;
    }

    .bar-amenity--principal[b-q66zvlgyq7] {
        grid-column: span 2;
        grid-row: span 1;
    }

    .bar-amenity--ancho[b-q66zvlgyq7] {
        grid-column: span 2;
    }

    .bar-amenity--principal .bar-amenity__texto h3[b-q66zvlgyq7] {
        font-size: 32px;
    }

    .bar-barrio__grilla[b-q66zvlgyq7] {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, 260px);
    }

    .bar-barrio__foto--a[b-q66zvlgyq7] {
        grid-row: auto;
    }
}


@media (max-width: 600px) {

    .bar-hero h1[b-q66zvlgyq7] {
        font-size: clamp(46px, 12vw, 64px);
        letter-spacing: -2px;
    }

    .bar-hero__bajada[b-q66zvlgyq7] {
        font-size: 16.5px;
    }

    .bar-hero__acciones .bar-boton[b-q66zvlgyq7],
    .bar-cierre__acciones .bar-boton[b-q66zvlgyq7] {
        width: 100%;
        justify-content: space-between;
    }

    .bar-datos[b-q66zvlgyq7] {
        grid-template-columns: 1fr;
    }

    .bar-dato[b-q66zvlgyq7] {
        min-height: 0;
        padding: 26px 24px;
        border-right: 0;
        border-bottom: 1px solid var(--linea);
    }

    .bar-concepto[b-q66zvlgyq7],
    .bar-video[b-q66zvlgyq7],
    .bar-amenities[b-q66zvlgyq7],
    .bar-barrio[b-q66zvlgyq7] {
        padding-bottom: 90px;
    }

    .bar-video__play[b-q66zvlgyq7] {
        width: 72px;
        height: 72px;
    }

    .bar-amenities__grilla[b-q66zvlgyq7] {
        grid-template-columns: 1fr;
        grid-auto-rows: 240px;
    }

    .bar-amenity--principal[b-q66zvlgyq7],
    .bar-amenity--ancho[b-q66zvlgyq7] {
        grid-column: auto;
    }

    .bar-ficha > div[b-q66zvlgyq7] {
        grid-template-columns: 1fr;
        gap: 6px;
        padding: 17px 0;
    }

    .bar-cierre[b-q66zvlgyq7] {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
/* /Components/Pages/Public/Proyectos/Burzaco.razor.rz.scp.css */
/* ============================================================
   ESTRADA PROPIEDADES — PÁGINA DE PROYECTO

   Sirve para Barrancas y para Parcelas del Sur: cambia sólo el
   modificador de la clase raíz (.project--barrancas / --burzaco)
   y con eso cambian las imágenes de fondo. Misma estructura,
   una sola hoja para mantener.

   Escala tipográfica: nada baja de 11px. Los 8 y 9px de antes
   funcionan impresos; en pantalla se pierden, y acá pesa doble
   porque son justo los datos del desarrollo.
   ============================================================ */

.project[b-of4nkhow6o] {
    --blue: #2f4157;
    --deep: #142434;
    --pink: #d69fb4;
    --pink-light: #e9c1cf;
    --sky: #eaf2f9;
    --nude: #eedce2;
    color: var(--deep);
    background: #fff;
}

    .project .eyebrow[b-of4nkhow6o] {
        display: block;
        color: var(--pink);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 2.2px;
    }


/* ============================================================
   HERO
   ============================================================ */

.project-hero[b-of4nkhow6o] {
    position: relative;
    min-height: calc(100vh - 122px);
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    background: var(--deep);
}

.project-hero__media[b-of4nkhow6o],
.project-hero__overlay[b-of4nkhow6o] {
    position: absolute;
    inset: 0;
}

.project-hero__media[b-of4nkhow6o] {
    background-position: center;
    background-size: cover;
    transform: scale(1.015);
}

.project--barrancas .project-hero__media[b-of4nkhow6o] {
    background-image: url('/images/proyectos/barrancas/hero.jpg');
}

.project--burzaco .project-hero__media[b-of4nkhow6o] {
    background-image: url('/images/proyectos/burzaco/hero.jpg');
}

.project-hero__overlay[b-of4nkhow6o] {
    background: linear-gradient(90deg, rgba(20,36,52,.82) 0%, rgba(20,36,52,.58) 42%, rgba(20,36,52,.18) 75%), linear-gradient(0deg, rgba(20,36,52,.52), transparent 50%);
}

.project-hero__content[b-of4nkhow6o] {
    position: relative;
    z-index: 2;
    width: min(1440px, calc(100% - 80px));
    margin: 0 auto;
    padding: 120px 0 105px;
    color: #fff;
}

.project-hero h1[b-of4nkhow6o] {
    max-width: 900px;
    margin: 18px 0 28px;
    font-family: "Lora", Georgia, serif;
    font-size: clamp(60px, 7.2vw, 112px);
    font-weight: 500;
    line-height: .9;
    letter-spacing: -4px;
}

    .project-hero h1 em[b-of4nkhow6o] {
        display: block;
        color: var(--pink-light);
        font-weight: 400;
    }

.project-hero__lead[b-of4nkhow6o] {
    max-width: 640px;
    margin: 0;
    color: rgba(255, 255, 255, .84);
    font-size: 16.5px;
    line-height: 1.8;
}

.project-hero__cta[b-of4nkhow6o] {
    min-width: 215px;
    min-height: 56px;
    margin-top: 34px;
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    background: #fff;
    color: var(--deep);
    text-decoration: none;
    font-size: 13.5px;
    font-weight: 700;
    transition: transform .25s ease;
}

    .project-hero__cta:hover[b-of4nkhow6o] {
        transform: translateY(-2px);
    }

    .project-hero__cta span[b-of4nkhow6o] {
        color: var(--pink);
        font-size: 16px;
    }

.project-hero__signature[b-of4nkhow6o] {
    position: absolute;
    z-index: 2;
    right: 40px;
    bottom: 35px;
    padding-left: 24px;
    border-left: 2px solid var(--pink);
    color: #fff;
}

    .project-hero__signature span[b-of4nkhow6o] {
        display: block;
        color: rgba(255, 255, 255, .68);
        font-size: 11px;
        letter-spacing: 1.6px;
    }

    .project-hero__signature strong[b-of4nkhow6o] {
        display: block;
        margin-top: 8px;
        font-family: "Lora", Georgia, serif;
        font-size: 19px;
        font-weight: 500;
    }


/* ============================================================
   DATOS DESTACADOS
   ============================================================ */

.project-facts[b-of4nkhow6o] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: var(--deep);
    color: #fff;
}

.project-fact[b-of4nkhow6o] {
    min-height: 165px;
    padding: 28px 34px;
    display: flex;
    flex-direction: column;
    border-right: 1px solid rgba(255, 255, 255, .1);
}

    .project-fact > span[b-of4nkhow6o] {
        color: var(--pink);
        font-size: 12px;
        font-family: "Lora", Georgia, serif;
    }

    .project-fact strong[b-of4nkhow6o] {
        margin-top: auto;
        font-family: "Lora", Georgia, serif;
        font-size: 26px;
        font-weight: 500;
        line-height: 1.15;
    }

    .project-fact small[b-of4nkhow6o] {
        margin-top: 6px;
        color: rgba(255, 255, 255, .68);
        font-size: 12.5px;
        letter-spacing: .3px;
    }


/* ============================================================
   INTRO
   ============================================================ */

.project-intro[b-of4nkhow6o],
.project-values[b-of4nkhow6o],
.project-editorial[b-of4nkhow6o],
.project-info[b-of4nkhow6o],
.project-pending[b-of4nkhow6o] {
    width: min(1440px, calc(100% - 80px));
    margin: auto;
}

.project-intro[b-of4nkhow6o] {
    padding: 120px 0;
    display: grid;
    grid-template-columns: .42fr 1.58fr;
    gap: 80px;
}

.project-intro__label[b-of4nkhow6o] {
    padding-top: 8px;
    color: var(--pink);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

.project-intro__body[b-of4nkhow6o] {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 90px;
}

.project-intro h2[b-of4nkhow6o],
.project-values h2[b-of4nkhow6o],
.project-info h2[b-of4nkhow6o],
.project-cta h2[b-of4nkhow6o] {
    margin: 0;
    font-family: "Lora", Georgia, serif;
    font-size: clamp(43px, 4.5vw, 69px);
    line-height: 1.03;
    font-weight: 500;
}

    .project-intro h2 em[b-of4nkhow6o],
    .project-values h2 em[b-of4nkhow6o],
    .project-info h2 em[b-of4nkhow6o],
    .project-cta h2 em[b-of4nkhow6o] {
        color: var(--blue);
        font-weight: 400;
    }

.project-intro__copy[b-of4nkhow6o] {
    color: #5c6b78;
    font-size: 15.5px;
    line-height: 1.8;
}

    .project-intro__copy p[b-of4nkhow6o] {
        margin: 0 0 22px;
    }


/* ============================================================
   CORTE DE IMAGEN
   ============================================================ */

.project-image-break[b-of4nkhow6o] {
    position: relative;
    min-height: 680px;
    margin: 0;
    background-position: center;
    background-size: cover;
}

.project--barrancas .project-image-break--one[b-of4nkhow6o] {
    background-image: url('/images/proyectos/barrancas/paisaje.jpg');
}

.project--burzaco .project-image-break--one[b-of4nkhow6o] {
    background-image: url('/images/proyectos/burzaco/paisaje.jpg');
}

.project-image-break[b-of4nkhow6o]:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(20,36,52,.62), transparent 55%);
}

.project-image-break__caption[b-of4nkhow6o] {
    position: absolute;
    z-index: 2;
    left: max(40px, calc((100vw - 1440px) / 2));
    bottom: 48px;
    max-width: 640px;
    color: #fff;
}

    .project-image-break__caption span[b-of4nkhow6o] {
        color: var(--pink-light);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 1.7px;
    }

    .project-image-break__caption strong[b-of4nkhow6o] {
        display: block;
        margin-top: 12px;
        font-family: "Lora", Georgia, serif;
        font-size: 36px;
        line-height: 1.15;
        font-weight: 500;
    }


/* ============================================================
   VALORES
   ============================================================ */

.project-values[b-of4nkhow6o] {
    padding: 120px 0;
}

.project-values__head[b-of4nkhow6o] {
    max-width: 840px;
    margin-bottom: 55px;
}

    .project-values__head h2[b-of4nkhow6o] {
        margin-top: 15px;
    }

.project-values__grid[b-of4nkhow6o] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.project-values article[b-of4nkhow6o] {
    min-height: 360px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    background: var(--sky);
}

    .project-values article:nth-child(2n)[b-of4nkhow6o] {
        background: var(--nude);
    }

    .project-values article > span[b-of4nkhow6o] {
        color: var(--pink);
        font-family: "Lora", Georgia, serif;
        font-size: 15px;
    }

.project-values h3[b-of4nkhow6o] {
    margin: auto 0 14px;
    font-family: "Lora", Georgia, serif;
    font-size: 27px;
    font-weight: 500;
}

.project-values article p[b-of4nkhow6o] {
    margin: 0;
    color: #5c6b78;
    font-size: 14.5px;
    line-height: 1.72;
}


/* ============================================================
   EDITORIAL
   ============================================================ */

.project-editorial[b-of4nkhow6o] {
    padding: 110px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 110px;
    border-top: 1px solid rgba(47, 65, 87, .13);
}

.project-editorial__quote > span[b-of4nkhow6o] {
    color: var(--pink);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.7px;
}

.project-editorial blockquote[b-of4nkhow6o] {
    margin: 15px 0 0;
    font-family: "Lora", Georgia, serif;
    font-size: clamp(48px, 5vw, 76px);
    line-height: 1;
}

    .project-editorial blockquote em[b-of4nkhow6o] {
        color: var(--blue);
        font-weight: 400;
    }

.project-editorial__text[b-of4nkhow6o] {
    align-self: end;
    color: #5c6b78;
    font-size: 15.5px;
    line-height: 1.8;
}

    .project-editorial__text p[b-of4nkhow6o] {
        margin: 0 0 22px;
    }


/* ============================================================
   GALERÍA
   ============================================================ */

.project-gallery[b-of4nkhow6o] {
    height: 760px;
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 5px;
}

.project-gallery__item[b-of4nkhow6o] {
    background-position: center;
    background-size: cover;
}

.project-gallery__item--large[b-of4nkhow6o] {
    grid-row: 1 / 3;
}

.project--barrancas .project-gallery__item--large[b-of4nkhow6o] {
    background-image: url('/images/proyectos/barrancas/galeria-1.jpg');
}

.project--barrancas .project-gallery__item--small-a[b-of4nkhow6o] {
    background-image: url('/images/proyectos/barrancas/galeria-2.jpg');
}

.project--barrancas .project-gallery__item--small-b[b-of4nkhow6o] {
    background-image: url('/images/proyectos/barrancas/galeria-3.jpg');
}

.project--burzaco .project-gallery__item--large[b-of4nkhow6o] {
    background-image: url('/images/proyectos/burzaco/galeria-1.jpg');
}

.project--burzaco .project-gallery__item--small-a[b-of4nkhow6o] {
    background-image: url('/images/proyectos/burzaco/galeria-2.jpg');
}

.project--burzaco .project-gallery__item--small-b[b-of4nkhow6o] {
    background-image: url('/images/proyectos/burzaco/galeria-3.jpg');
}


/* ============================================================
   INFORMACIÓN DEL DESARROLLO
   ============================================================ */

.project-info[b-of4nkhow6o] {
    padding: 120px 0;
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 100px;
}

    .project-info > div:first-child h2[b-of4nkhow6o] {
        margin-top: 15px;
    }

.project-info__list[b-of4nkhow6o] {
    border-top: 1px solid rgba(47, 65, 87, .14);
}

    .project-info__list > div[b-of4nkhow6o] {
        min-height: 78px;
        padding: 20px 0;
        display: grid;
        grid-template-columns: 190px 1fr;
        align-items: center;
        border-bottom: 1px solid rgba(47, 65, 87, .14);
    }

    .project-info__list span[b-of4nkhow6o] {
        color: #64737f;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .project-info__list strong[b-of4nkhow6o] {
        font-family: "Lora", Georgia, serif;
        font-size: 21px;
        font-weight: 500;
    }


/* ============================================================
   PENDIENTE
   ============================================================ */

.project-pending[b-of4nkhow6o] {
    margin-bottom: 120px;
    padding: 45px 50px;
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 70px;
    background: #f8fafb;
    border: 1px solid rgba(47, 65, 87, .11);
}

    .project-pending span[b-of4nkhow6o] {
        color: var(--pink);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 1.7px;
    }

    .project-pending h2[b-of4nkhow6o] {
        margin: 10px 0 0;
        font-family: "Lora", Georgia, serif;
        font-size: 29px;
        font-weight: 500;
    }

    .project-pending p[b-of4nkhow6o] {
        margin: 0;
        color: #5c6b78;
        font-size: 14.5px;
        line-height: 1.72;
    }


/* ============================================================
   CTA
   ============================================================ */

.project-cta[b-of4nkhow6o] {
    padding: 115px 30px;
    text-align: center;
    background: var(--deep);
    color: #fff;
}

    .project-cta > span[b-of4nkhow6o] {
        color: var(--pink);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 2.2px;
    }

    .project-cta h2[b-of4nkhow6o] {
        max-width: 820px;
        margin: 16px auto 20px;
    }

        .project-cta h2 em[b-of4nkhow6o] {
            color: var(--pink-light);
        }

    .project-cta > p[b-of4nkhow6o] {
        max-width: 620px;
        margin: 0 auto;
        color: rgba(255, 255, 255, .74);
        font-size: 15.5px;
        line-height: 1.72;
    }

.project-cta__actions[b-of4nkhow6o] {
    margin-top: 32px;
    display: flex;
    justify-content: center;
    gap: 10px;
}

    .project-cta__actions a[b-of4nkhow6o] {
        min-width: 210px;
        min-height: 56px;
        padding: 0 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 25px;
        background: var(--pink);
        color: var(--deep);
        text-decoration: none;
        font-size: 13.5px;
        font-weight: 700;
        transition: transform .25s ease, background-color .25s ease;
    }

        .project-cta__actions a:hover[b-of4nkhow6o] {
            transform: translateY(-2px);
        }

        .project-cta__actions a span[b-of4nkhow6o] {
            font-size: 16px;
        }

    .project-cta__actions .project-cta__secondary[b-of4nkhow6o] {
        background: rgba(255, 255, 255, .08);
        color: #fff;
    }

        .project-cta__actions .project-cta__secondary:hover[b-of4nkhow6o] {
            background: rgba(255, 255, 255, .16);
        }


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

@media (max-width: 1050px) {

    .project-facts[b-of4nkhow6o],
    .project-values__grid[b-of4nkhow6o] {
        grid-template-columns: repeat(2, 1fr);
    }

    .project-intro[b-of4nkhow6o],
    .project-intro__body[b-of4nkhow6o],
    .project-editorial[b-of4nkhow6o],
    .project-info[b-of4nkhow6o],
    .project-pending[b-of4nkhow6o] {
        grid-template-columns: 1fr;
    }

    .project-intro[b-of4nkhow6o] {
        gap: 28px;
    }

    .project-intro__body[b-of4nkhow6o],
    .project-editorial[b-of4nkhow6o],
    .project-info[b-of4nkhow6o] {
        gap: 55px;
    }
}


@media (max-width: 760px) {

    .project-hero[b-of4nkhow6o] {
        min-height: 720px;
    }

    .project-hero__content[b-of4nkhow6o],
    .project-intro[b-of4nkhow6o],
    .project-values[b-of4nkhow6o],
    .project-editorial[b-of4nkhow6o],
    .project-info[b-of4nkhow6o],
    .project-pending[b-of4nkhow6o] {
        width: calc(100% - 40px);
    }

    .project-hero__content[b-of4nkhow6o] {
        padding: 100px 0 75px;
    }

    .project-hero h1[b-of4nkhow6o] {
        font-size: 58px;
        letter-spacing: -2px;
    }

    .project-hero__signature[b-of4nkhow6o] {
        display: none;
    }

    .project-facts[b-of4nkhow6o],
    .project-values__grid[b-of4nkhow6o] {
        grid-template-columns: 1fr;
    }

    .project-fact[b-of4nkhow6o] {
        min-height: 130px;
    }

    .project-intro[b-of4nkhow6o],
    .project-values[b-of4nkhow6o],
    .project-editorial[b-of4nkhow6o],
    .project-info[b-of4nkhow6o] {
        padding: 80px 0;
    }

    .project-image-break[b-of4nkhow6o] {
        min-height: 520px;
    }

    .project-image-break__caption strong[b-of4nkhow6o] {
        font-size: 28px;
    }

    .project-gallery[b-of4nkhow6o] {
        height: 620px;
        grid-template-columns: 1fr;
        grid-template-rows: 2fr 1fr;
    }

    .project-gallery__item--large[b-of4nkhow6o] {
        grid-row: auto;
    }

    .project-gallery__item--small-b[b-of4nkhow6o] {
        display: none;
    }

    .project-info__list > div[b-of4nkhow6o] {
        grid-template-columns: 1fr;
        gap: 6px;
        padding: 18px 0;
    }

    .project-pending[b-of4nkhow6o] {
        padding: 32px 25px;
        gap: 22px;
    }

    .project-cta__actions[b-of4nkhow6o] {
        align-items: center;
        flex-direction: column;
    }

        .project-cta__actions a[b-of4nkhow6o] {
            width: min(100%, 320px);
        }
}
/* /Components/Pages/Public/QuieroVender.razor.rz.scp.css */
/* ============================================================
   QUIERO VENDER / TASACIÓN
   Estrada Propiedades — Premium inmobiliaria
   ============================================================ */

.tasacion-page[b-786d440ajr] {
    --azul: #2f4157;
    --profundo: #142434;
    --rosa: #d69fb4;
    --rosa-claro: #e9c1cf;
    --celeste: #eaf2f9;
    --nude: #eedce2;
    --texto: #142434;
    --suave: #667786;
    --linea: rgba(47,65,87,.14);

    background:
        linear-gradient(135deg, #edf4fa 0%, #f7fafc 55%, #f5e7ed 100%);

    color: var(--texto);
}

.tasacion-hero[b-786d440ajr] {
    width: min(1640px, calc(100% - 64px));
    margin: 0 auto;
    padding: 85px 0 120px;
    display: grid;
    grid-template-columns: .84fr 1.16fr;
    gap: 70px;
    align-items: start;
}

.tasacion-hero__copy[b-786d440ajr] {
    position: sticky;
    top: 175px;
    min-height: 720px;
    padding: 72px 64px;
    overflow: hidden;
    background: linear-gradient(145deg, #142434 0%, #1d3348 100%);
    color: #fff;
    border-radius: 24px 4px 24px 4px;
    box-shadow: 0 28px 80px rgba(20,36,52,.12);
}

.tasacion-hero__copy[b-786d440ajr]::before {
    content: "";
    position: absolute;
    top: -120px;
    right: -110px;
    width: 320px;
    height: 520px;
    background: rgba(214,159,180,.12);
    transform: rotate(17deg);
    pointer-events: none;
}

.tasacion-kicker[b-786d440ajr] {
    position: relative;
    display: block;
    color: var(--rosa-claro);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2.4px;
}

.tasacion-hero__copy h1[b-786d440ajr] {
    position: relative;
    max-width: 650px;
    margin: 27px 0 28px;
    font-family: "Lora", Georgia, serif;
    font-size: clamp(54px, 4.6vw, 78px);
    font-weight: 500;
    line-height: .98;
    letter-spacing: -2.4px;
}

.tasacion-hero__copy h1 em[b-786d440ajr] {
    display: block;
    margin-top: 7px;
    color: var(--rosa-claro);
    font-weight: 400;
}

.tasacion-hero__copy > p[b-786d440ajr] {
    position: relative;
    max-width: 570px;
    margin: 0;
    color: rgba(255,255,255,.72);
    font-size: 16px;
    line-height: 1.8;
}

.tasacion-beneficios[b-786d440ajr] {
    position: relative;
    margin-top: 68px;
    border-top: 1px solid rgba(255,255,255,.15);
}

.tasacion-beneficios > div[b-786d440ajr] {
    min-height: 105px;
    padding: 22px 0;
    display: grid;
    grid-template-columns: 54px 1fr;
    align-content: center;
    border-bottom: 1px solid rgba(255,255,255,.15);
}

.tasacion-beneficios span[b-786d440ajr] {
    grid-row: 1 / 3;
    color: var(--rosa);
    font-family: "Lora", Georgia, serif;
    font-size: 22px;
}

.tasacion-beneficios strong[b-786d440ajr] {
    font-size: 14px;
}

.tasacion-beneficios small[b-786d440ajr] {
    margin-top: 5px;
    color: rgba(255,255,255,.56);
    font-size: 12px;
    line-height: 1.5;
}

.tasacion-hero__form[b-786d440ajr] {
    min-width: 0;
    padding: 58px 60px 64px;
    background: #fff;
    border: 1px solid rgba(47,65,87,.10);
    border-radius: 4px 24px 4px 24px;
    box-shadow: 0 30px 90px rgba(20,36,52,.09);
}

.tasacion-form-head > span[b-786d440ajr] {
    color: var(--rosa);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.1px;
}

.tasacion-form-head h2[b-786d440ajr] {
    margin: 10px 0 0;
    font-family: "Lora", Georgia, serif;
    font-size: clamp(38px, 3.3vw, 54px);
    font-weight: 500;
    line-height: 1;
}

.tasacion-tipo[b-786d440ajr] {
    margin: 34px 0 46px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.tasacion-tipo__item[b-786d440ajr] {
    min-height: 118px;
    padding: 20px 22px;
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 12px;
    align-items: center;
    border: 1px solid var(--linea);
    border-radius: 3px;
    background: #fff;
    color: var(--profundo);
    text-align: left;
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.tasacion-tipo__item:hover[b-786d440ajr] {
    transform: translateY(-2px);
    border-color: rgba(214,159,180,.75);
}

.tasacion-tipo__item.activo[b-786d440ajr] {
    border-color: var(--rosa);
    background: linear-gradient(135deg, rgba(233,193,207,.42), rgba(234,242,249,.42));
}

.tasacion-tipo__item > span[b-786d440ajr] {
    color: var(--rosa);
    font-family: "Lora", Georgia, serif;
    font-size: 23px;
}

.tasacion-tipo__item div[b-786d440ajr] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.tasacion-tipo__item strong[b-786d440ajr] {
    font-size: 16px;
}

.tasacion-tipo__item small[b-786d440ajr] {
    color: #748391;
    font-size: 11px;
    line-height: 1.45;
}

.tasacion-grid[b-786d440ajr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px 20px;
}

.tasacion-field[b-786d440ajr] {
    min-width: 0;
}

.tasacion-field--full[b-786d440ajr] {
    grid-column: 1 / -1;
}

.tasacion-field label[b-786d440ajr] {
    display: block;
    margin-bottom: 8px;
    color: var(--azul);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.25px;
    text-transform: uppercase;
}

/* ============================================================
   INPUTS BLAZOR
   ::deep porque InputText / InputNumber / InputSelect /
   InputTextArea son componentes hijos
   ============================================================ */

.tasacion-field[b-786d440ajr]  input,
.tasacion-field[b-786d440ajr]  select,
.tasacion-field[b-786d440ajr]  textarea {
    width: 100%;
    min-height: 52px;
    padding: 13px 15px;
    border: 1px solid #d8e1e8;
    border-radius: 4px;
    outline: none;
    background: #fbfcfd;
    color: var(--profundo);
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 500;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}


.tasacion-field[b-786d440ajr]  textarea {
    min-height: 130px;
    resize: vertical;
    line-height: 1.6;
}


    .tasacion-field[b-786d440ajr]  input:hover,
    .tasacion-field[b-786d440ajr]  select:hover,
    .tasacion-field[b-786d440ajr]  textarea:hover {
        border-color: rgba(47, 65, 87, .35);
    }


    .tasacion-field[b-786d440ajr]  input:focus,
    .tasacion-field[b-786d440ajr]  select:focus,
    .tasacion-field[b-786d440ajr]  textarea:focus {
        border-color: var(--rosa);
        background: #ffffff;
        box-shadow: 0 0 0 3px rgba(214, 159, 180, .14);
    }


    .tasacion-field[b-786d440ajr]  input::placeholder,
    .tasacion-field[b-786d440ajr]  textarea::placeholder {
        color: #9aa6af;
        font-weight: 400;
    }


/* validaciones */
.tasacion-field[b-786d440ajr]  .validation-message {
    display: block;
    margin-top: 6px;
    color: #b23b50;
    font-size: 11px;
    font-weight: 500;
}



.tasacion-input-unit[b-786d440ajr] {
    position: relative;
}

    .tasacion-input-unit[b-786d440ajr]  input {
        padding-right: 52px;
    }

.tasacion-input-unit > span[b-786d440ajr] {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    color: #7d8994;
    font-size: 12px;
}

.tasacion-upload[b-786d440ajr] {
    margin-top: 38px;
    padding-top: 34px;
    border-top: 1px solid var(--linea);
}

.tasacion-upload__head[b-786d440ajr] {
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: end;
}

.tasacion-upload__head > div[b-786d440ajr] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.tasacion-upload__head span[b-786d440ajr] {
    color: var(--rosa);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.tasacion-upload__head strong[b-786d440ajr] {
    color: var(--profundo);
    font-size: 15px;
}

.tasacion-upload__head > small[b-786d440ajr] {
    color: #7a8995;
    font-size: 10px;
}

.tasacion-drop[b-786d440ajr] {
    min-height: 130px;
    padding: 24px;
    display: flex;
    align-items: center;
    gap: 20px;
    border: 1px dashed rgba(47,65,87,.35);
    border-radius: 4px;
    background: linear-gradient(135deg, rgba(234,242,249,.65), rgba(238,220,226,.45));
    cursor: pointer;
    transition: border-color .2s ease, transform .2s ease;
}

.tasacion-drop:hover[b-786d440ajr] {
    border-color: var(--rosa);
    transform: translateY(-1px);
}

.tasacion-drop__icon[b-786d440ajr] {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--profundo);
    color: var(--rosa-claro);
    font-size: 28px;
    line-height: 1;
}

.tasacion-drop > div[b-786d440ajr] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.tasacion-drop strong[b-786d440ajr] {
    font-size: 14px;
}

.tasacion-drop small[b-786d440ajr] {
    color: #697986;
    font-size: 11px;
    line-height: 1.45;
}

.tasacion-upload[b-786d440ajr]  .tasacion-file-input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.tasacion-files[b-786d440ajr] {
    margin-top: 14px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.tasacion-file[b-786d440ajr] {
    min-width: 0;
    padding: 11px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid #e0e7ec;
    background: #fafcfd;
}

.tasacion-file > div[b-786d440ajr] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.tasacion-file strong[b-786d440ajr] {
    overflow: hidden;
    color: var(--profundo);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tasacion-file small[b-786d440ajr] {
    color: #84919b;
    font-size: 10px;
}

.tasacion-file button[b-786d440ajr] {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border: 0;
    border-radius: 50%;
    background: var(--nude);
    color: var(--profundo);
    font-size: 18px;
    cursor: pointer;
}

.tasacion-error[b-786d440ajr] {
    margin-top: 20px;
    padding: 14px 16px;
    border-left: 3px solid #b23b50;
    background: #fff2f4;
    color: #922f42;
    font-size: 12px;
    line-height: 1.55;
}

.tasacion-legal[b-786d440ajr] {
    margin-top: 22px;
    color: #84919b;
    font-size: 10px;
    line-height: 1.55;
}

.tasacion-submit[b-786d440ajr] {
    width: 100%;
    min-height: 60px;
    margin-top: 18px;
    padding: 0 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 0;
    border-radius: 3px;
    background: var(--profundo);
    color: #fff;
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
}

.tasacion-submit:hover:not(:disabled)[b-786d440ajr] {
    background: var(--azul);
    transform: translateY(-2px);
}

.tasacion-submit > span:last-child[b-786d440ajr] {
    color: var(--rosa);
    font-size: 18px;
}

.tasacion-submit:disabled[b-786d440ajr] {
    cursor: wait;
    opacity: .68;
}

.tasacion-hp[b-786d440ajr] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
}

.tasacion-ok[b-786d440ajr] {
    min-height: 620px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.tasacion-ok > span[b-786d440ajr] {
    color: var(--rosa);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

.tasacion-ok h2[b-786d440ajr] {
    margin: 18px 0;
    font-family: "Lora", Georgia, serif;
    font-size: clamp(44px, 4vw, 62px);
    font-weight: 500;
    line-height: 1;
}

.tasacion-ok p[b-786d440ajr] {
    max-width: 520px;
    margin: 0 auto;
    color: #687986;
    font-size: 15px;
    line-height: 1.7;
}

.tasacion-ok a[b-786d440ajr] {
    width: fit-content;
    margin: 30px auto 0;
    padding-bottom: 7px;
    display: inline-flex;
    gap: 18px;
    border-bottom: 1px solid var(--rosa);
    color: var(--profundo);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

@media (max-width: 1050px) {
    .tasacion-hero[b-786d440ajr] {
        width: calc(100% - 40px);
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .tasacion-hero__copy[b-786d440ajr] {
        position: relative;
        top: auto;
        min-height: 0;
        padding: 58px 48px;
    }

    .tasacion-beneficios[b-786d440ajr] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0;
    }

    .tasacion-beneficios > div[b-786d440ajr] {
        padding: 22px;
        grid-template-columns: 42px 1fr;
        border-right: 1px solid rgba(255,255,255,.15);
    }
}

@media (max-width: 700px) {
    .tasacion-hero[b-786d440ajr] {
        width: calc(100% - 24px);
        padding: 40px 0 70px;
    }

    .tasacion-hero__copy[b-786d440ajr] {
        padding: 45px 26px;
        border-radius: 16px 3px 16px 3px;
    }

    .tasacion-hero__copy h1[b-786d440ajr] {
        font-size: 48px;
    }

    .tasacion-beneficios[b-786d440ajr] {
        grid-template-columns: 1fr;
    }

    .tasacion-beneficios > div[b-786d440ajr] {
        border-right: 0;
    }

    .tasacion-hero__form[b-786d440ajr] {
        padding: 38px 22px 42px;
        border-radius: 3px 16px 3px 16px;
    }

    .tasacion-tipo[b-786d440ajr],
    .tasacion-grid[b-786d440ajr],
    .tasacion-files[b-786d440ajr] {
        grid-template-columns: 1fr;
    }

    .tasacion-field--full[b-786d440ajr] {
        grid-column: auto;
    }

    .tasacion-upload__head[b-786d440ajr] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Shared/Dialogos/GeneracionIADetalleDialog.razor.rz.scp.css */
.generation-dialog__head[b-887d7ccyds] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
}


.generation-dialog__cost[b-887d7ccyds] {
    padding-left: 25px;
    border-left: 1px solid var(--mud-palette-lines-default);
    text-align: right;
}


    .generation-dialog__cost span[b-887d7ccyds] {
        display: block;
        color: var(--mud-palette-secondary);
        font-size: 8px;
        font-weight: 800;
        letter-spacing: 1.4px;
    }


    .generation-dialog__cost strong[b-887d7ccyds] {
        display: block;
        margin-top: 5px;
        font-family: "Lora", Georgia, serif;
        font-size: 21px;
        font-weight: 500;
    }


.generation-channel[b-887d7ccyds] {
    padding: 20px 4px 5px;
}


.generation-channel__top[b-887d7ccyds] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}


.generation-channel__eyebrow[b-887d7ccyds] {
    color: var(--mud-palette-secondary);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.7px;
}


.generation-channel__used[b-887d7ccyds] {
    margin-left: 10px;
    padding: 4px 8px;
    border-radius: 20px;
    background: rgba(214,159,180,.14);
    color: var(--mud-palette-secondary);
    font-size: 8px;
}


[b-887d7ccyds] .generation-text textarea {
    font-size: 13px !important;
    line-height: 1.7 !important;
}


.generation-edited[b-887d7ccyds] {
    margin-top: 14px;
    padding: 13px 15px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-left: 3px solid var(--mud-palette-secondary);
    background: rgba(214,159,180,.07);
}


    .generation-edited > div[b-887d7ccyds] {
        display: flex;
        flex-direction: column;
    }


    .generation-edited strong[b-887d7ccyds] {
        font-size: 11px;
    }


    .generation-edited span[b-887d7ccyds] {
        margin-top: 2px;
        color: var(--mud-palette-text-secondary);
        font-size: 9px;
    }


.generation-extra[b-887d7ccyds] {
    margin-top: 18px;
    padding: 16px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 5px;
}


    .generation-extra > span[b-887d7ccyds] {
        color: var(--mud-palette-secondary);
        font-size: 8px;
        font-weight: 800;
        letter-spacing: 1.4px;
    }


    .generation-extra p[b-887d7ccyds] {
        margin: 7px 0 0;
        color: var(--mud-palette-text-secondary);
        font-size: 11px;
        line-height: 1.6;
    }


@media(max-width:650px) {

    .generation-dialog__head[b-887d7ccyds] {
        flex-direction: column;
    }


    .generation-dialog__cost[b-887d7ccyds] {
        padding-left: 0;
        border-left: 0;
        text-align: left;
    }
}
/* /Components/Shared/Public/FormularioConsulta.razor.rz.scp.css */
.consulta-field[b-x71hwkdhxn] {
    margin-bottom: 18px
}

    .consulta-field label[b-x71hwkdhxn] {
        display: block;
        margin-bottom: 7px;
        color: rgba(255,255,255,.68);
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .consulta-field input[b-x71hwkdhxn], .consulta-field textarea[b-x71hwkdhxn] {
        width: 100%;
        padding: 12px 0;
        border: 0;
        border-bottom: 1px solid rgba(255,255,255,.23);
        outline: 0;
        background: transparent;
        color: #fff;
        font-family: inherit
    }

        .consulta-field input:focus[b-x71hwkdhxn], .consulta-field textarea:focus[b-x71hwkdhxn] {
            border-color: #d69fb4
        }

    .consulta-field[b-x71hwkdhxn]  .validation-message {
        display: block;
        margin-top: 6px;
        color: #e9c1cf;
        font-size: 10px
    }

.consulta-submit[b-x71hwkdhxn] {
    width: 100%;
    min-height: 51px;
    margin-top: 22px;
    padding: 0 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 0;
    background: #d69fb4;
    color: #142434;
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer
}

.consulta-ok[b-x71hwkdhxn] {
    padding: 20px;
    background: rgba(255,255,255,.08)
}

    .consulta-ok p[b-x71hwkdhxn] {
        margin: 6px 0 0;
        color: rgba(255,255,255,.64);
        font-size: 12px
    }

.consulta-error[b-x71hwkdhxn] {
    margin-top: 14px;
    color: #e9c1cf;
    font-size: 11px
}

.consulta-hp[b-x71hwkdhxn] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important
}
/* /Components/Shared/Public/MapaCampos.razor.rz.scp.css */
/* ============================================================
   MAPA DE CAMPOS
   CSS aislado de MapaCampos.razor

   El aspecto oscuro del mapa (fondo, filtro de tiles, controles,
   attribution) vive en css/mapa-oscuro.css, que es global y lo
   comparte con la landing de Barrancas. Acá quedan sólo los
   estilos propios de este componente: la lista lateral, el badge
   y el popup con foto.

   Escala tipográfica: los 8 y 9px de la versión anterior se leen
   en una pieza impresa, no en pantalla. Nada baja de 11px.
   ============================================================ */

.mapa-campos[b-ee1ocmtq94] {
    --azul: #2f4157;
    --oscuro: #142434;
    --rosa: #d69fb4;
    --rosa-claro: #e9c1cf;
    margin-top: 40px;
    padding: 90px max(40px, calc((100vw - 1440px)/2));
    background: var(--oscuro);
    color: #fff;
}

.mapa-campos__head[b-ee1ocmtq94] {
    margin-bottom: 44px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 50px;
}

    .mapa-campos__head > div > span[b-ee1ocmtq94] {
        color: var(--rosa);
        font-size: 12.5px;
        font-weight: 700;
        letter-spacing: 1.9px;
        text-transform: uppercase;
    }

    .mapa-campos__head h2[b-ee1ocmtq94] {
        max-width: 760px;
        margin: 15px 0 0;
        font-family: "Lora", Georgia, serif;
        font-size: clamp(40px, 4vw, 62px);
        font-weight: 500;
        line-height: 1.04;
        letter-spacing: -.8px;
    }

        .mapa-campos__head h2 em[b-ee1ocmtq94] {
            color: var(--rosa-claro);
            font-weight: 400;
        }

    .mapa-campos__head p[b-ee1ocmtq94] {
        max-width: 430px;
        margin: 0 0 6px;
        color: rgba(255, 255, 255, .74);
        font-size: 16px;
        line-height: 1.7;
    }


/* ============================================================
   LAYOUT
   ============================================================ */

.mapa-campos__layout[b-ee1ocmtq94] {
    min-height: 650px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 370px;
}

.mapa-campos__map-wrap[b-ee1ocmtq94] {
    position: relative;
    min-width: 0;
    background: #182a3d;
}

#campos-map[b-ee1ocmtq94] {
    width: 100%;
    height: 650px;
}

.mapa-campos__badge[b-ee1ocmtq94] {
    position: absolute;
    /* Por encima de los panes de Leaflet (400-700) pero por debajo
       de los controles (800), así no tapa el zoom. */
    z-index: 500;
    top: 22px;
    left: 22px;
    padding: 14px 18px;
    display: flex;
    flex-direction: column;
    background: rgba(20, 36, 52, .93);
    pointer-events: none;
}

    .mapa-campos__badge span[b-ee1ocmtq94] {
        color: var(--rosa);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 1.6px;
    }

    .mapa-campos__badge strong[b-ee1ocmtq94] {
        margin-top: 5px;
        font-family: "Lora", Georgia, serif;
        font-size: 17px;
        font-weight: 500;
    }


/* ============================================================
   LISTA LATERAL
   ============================================================ */

.mapa-campos__lista[b-ee1ocmtq94] {
    background: #101f2d;
    overflow-y: auto;
}

.mapa-campos__item[b-ee1ocmtq94] {
    min-height: 118px;
    padding: 22px 24px;
    display: grid;
    grid-template-columns: 38px 1fr auto;
    gap: 14px;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    color: #fff;
    text-decoration: none;
    transition: background .2s ease;
}

    .mapa-campos__item:hover[b-ee1ocmtq94],
    .mapa-campos__item.map-active[b-ee1ocmtq94] {
        background: rgba(214, 159, 180, .12);
    }

.mapa-campos__nro[b-ee1ocmtq94] {
    color: var(--rosa);
    font-family: "Lora", Georgia, serif;
    font-size: 20px;
}

.mapa-campos__arrow[b-ee1ocmtq94] {
    color: var(--rosa);
    font-size: 17px;
}

.mapa-campos__info[b-ee1ocmtq94] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .mapa-campos__info small[b-ee1ocmtq94] {
        margin-bottom: 6px;
        color: rgba(255, 255, 255, .55);
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 1.2px;
        text-transform: uppercase;
    }

    .mapa-campos__info strong[b-ee1ocmtq94] {
        font-family: "Lora", Georgia, serif;
        font-size: 19px;
        font-weight: 500;
        line-height: 1.2;
    }

    .mapa-campos__info em[b-ee1ocmtq94] {
        margin-top: 7px;
        color: rgba(255, 255, 255, .62);
        font-size: 13px;
        font-style: normal;
    }

.mapa-campos__sin-datos[b-ee1ocmtq94] {
    padding: 45px;
    border: 1px solid rgba(255, 255, 255, .12);
    color: rgba(255, 255, 255, .72);
    font-size: 15px;
}


/* ============================================================
   POPUP

   Va con ::deep porque Leaflet crea estos nodos por JavaScript y
   no llevan el atributo de aislamiento de Blazor.

   El popup es claro a propósito: sobre el mapa oscuro, una tarjeta
   blanca con foto se lee como una ficha de propiedad y no como
   parte del mapa.
   ============================================================ */

[b-ee1ocmtq94] .leaflet-popup-content-wrapper {
    padding: 0;
    overflow: hidden;
    border-radius: 0;
    box-shadow: 0 20px 50px rgba(20, 36, 52, .28);
}

[b-ee1ocmtq94] .leaflet-popup-content {
    width: 285px !important;
    margin: 0;
}

[b-ee1ocmtq94] .campo-map-popup {
    display: block;
    color: #142434;
    text-decoration: none;
}

[b-ee1ocmtq94] .campo-popup-image {
    height: 145px;
    overflow: hidden;
    background: #142434;
}

    [b-ee1ocmtq94] .campo-popup-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

[b-ee1ocmtq94] .campo-popup-body {
    padding: 16px 18px;
}

    [b-ee1ocmtq94] .campo-popup-body small {
        display: block;
        margin-bottom: 6px;
        color: #7d8993;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 1.1px;
        text-transform: uppercase;
    }

    [b-ee1ocmtq94] .campo-popup-body > strong {
        display: block;
        font-family: "Lora", Georgia, serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 1.2;
    }

[b-ee1ocmtq94] .campo-popup-meta {
    margin-top: 13px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    color: #2f4157;
    font-size: 13px;
    font-weight: 600;
}

[b-ee1ocmtq94] .campo-popup-link {
    margin-top: 14px;
    padding-top: 11px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid rgba(47, 65, 87, .13);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .6px;
    text-transform: uppercase;
}


/* ============================================================
   PIN
   ============================================================ */

[b-ee1ocmtq94] .estrada-pin {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #fff;
    border-radius: 50% 50% 50% 0;
    background: #d69fb4;
    box-shadow: 0 8px 22px rgba(20, 36, 52, .35);
    transform: rotate(-45deg);
}

    [b-ee1ocmtq94] .estrada-pin span {
        transform: rotate(45deg);
        color: #142434;
        font-size: 12px;
        font-weight: 800;
    }


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

@media (max-width: 1000px) {

    .mapa-campos__layout[b-ee1ocmtq94] {
        grid-template-columns: 1fr;
    }

    .mapa-campos__lista[b-ee1ocmtq94] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}


@media (max-width: 760px) {

    .mapa-campos[b-ee1ocmtq94] {
        padding: 65px 20px;
    }

    .mapa-campos__head[b-ee1ocmtq94] {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }

        .mapa-campos__head p[b-ee1ocmtq94] {
            margin-bottom: 0;
        }

    #campos-map[b-ee1ocmtq94] {
        height: 520px;
    }

    .mapa-campos__lista[b-ee1ocmtq94] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/Public/PropiedadCard.razor.rz.scp.css */
:root[b-rwne2gmvyq] {
    --estrada-font-titulo: "Montserrat", "Segoe UI", system-ui, sans-serif;
}

.prop-card[b-rwne2gmvyq] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--border);
    color: var(--estrada-dark);
    text-decoration: none;
    box-shadow: 0 6px 18px rgba(20, 36, 52, .05);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

    .prop-card:hover[b-rwne2gmvyq] {
        transform: translateY(-4px);
        border-color: rgba(214, 159, 180, .45);
        box-shadow: 0 18px 36px rgba(20, 36, 52, .12);
    }

/* =========================================
   FOTO
========================================= */

.prop-card__foto[b-rwne2gmvyq] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 11;
    overflow: hidden;
    background: var(--estrada-sky);
}

    .prop-card__foto img[b-rwne2gmvyq] {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .6s ease;
    }

.prop-card:hover .prop-card__foto img[b-rwne2gmvyq] {
    transform: scale(1.04);
}

.prop-card__sinfoto[b-rwne2gmvyq] {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: var(--estrada-sky);
}

    .prop-card__sinfoto img[b-rwne2gmvyq] {
        width: 105px !important;
        height: auto !important;
        opacity: .28;
        object-fit: contain !important;
    }

/* =========================================
   CHIPS
========================================= */

.prop-card__operacion[b-rwne2gmvyq] {
    position: absolute;
    z-index: 4;
    top: 14px;
    left: 14px;
    padding: 8px 12px;
    background: #fff;
    color: var(--estrada-blue);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    box-shadow: 0 4px 12px rgba(20, 36, 52, .06);
}

.prop-card__precio[b-rwne2gmvyq] {
    position: absolute;
    z-index: 4;
    top: 14px;
    right: 14px;
    padding: 8px 12px;
    background: var(--estrada-dark);
    color: #fff;
    font-family: var(--estrada-font-titulo);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -.2px;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(20, 36, 52, .10);
}

.prop-card__reservada[b-rwne2gmvyq] {
    position: absolute;
    z-index: 4;
    top: 52px;
    left: 14px;
    padding: 7px 11px;
    background: var(--estrada-pink);
    color: var(--estrada-dark);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.prop-card__fotos[b-rwne2gmvyq] {
    position: absolute;
    z-index: 4;
    right: 12px;
    bottom: 12px;
    padding: 5px 8px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: rgba(20, 36, 52, .80);
    color: #fff;
    font-size: 10px;
    font-weight: 600;
}

/* =========================================
   CUERPO
   ACÁ ESTÁ EL CAMBIO IMPORTANTE
========================================= */

/* ============================================================
   CUERPO / PIE
   ============================================================ */

.prop-card__cuerpo[b-rwne2gmvyq] {
    position: relative;
    min-height: 150px;
    display: flex;
    background: #ffffff;
}


/* ============================================================
   BLOQUE DIAGONAL ESTRADA
   SUBE SOBRE LA FOTO
   ============================================================ */

/* ============================================================
   BLOQUE DIAGONAL ESTRADA
   ============================================================ */

/*.prop-card__marca {
    position: absolute;
    z-index: 5;
    left: 0;*/
    /* invade la fotografía */
    /*top: -72px;
    bottom: 0;*/
    /*
       IMPORTANTE:
       no usamos width.
       Ocupa aproximadamente el 38% de la card.
    */
    /*right: 62%;
    width: auto !important;
    display: flex;*/
    /*
       El logo queda abajo, como en la pieza gráfica
    */
    /*align-items: flex-end;
    justify-content: flex-start;
    padding: 0 0 24px 22px;
    background: var(--estrada-blue);*/
    /*
       Angosta arriba.
       Ancha abajo.
    */
    /*clip-path: polygon( 0 0, 54% 0, 100% 100%, 0 100% );
    pointer-events: none;
}*/

.prop-card__marca[b-rwne2gmvyq] {
    position: absolute;
    z-index: 5;
    left: 0;
    top: -72px;
    bottom: 0;
    right: 62%;
    width: auto !important;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 0 0 18px 18px;
    background: var(--estrada-blue);
    clip-path: polygon( 0 0, 54% 0, 100% 100%, 0 100% );
    pointer-events: none;
}
    /* Logo */

    .prop-card__marca img[b-rwne2gmvyq] {
        width: 104px !important;
        height: auto !important;
        max-height: 116px;
        display: block;
        object-fit: contain !important;
        object-position: left bottom;
        transition: none !important;
    }


/* ============================================================
   TEXTO
   ============================================================ */

.prop-card__texto[b-rwne2gmvyq] {
    position: relative;
    z-index: 2;
    flex: 1;
    min-width: 0;
    /*
       El texto empieza donde termina visualmente
       la zona azul inferior.
    */
    padding: 22px 20px 18px 39%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


/* Zona */

.prop-card__zona[b-rwne2gmvyq] {
    margin-bottom: 4px;
    color: var(--estrada-pink);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}


/* Título */

.prop-card__titulo[b-rwne2gmvyq] {
    margin: 0;
    color: var(--estrada-dark);
    font-family: "Montserrat", "Segoe UI", system-ui, sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.3px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/* Bajada */

.prop-card__bajada[b-rwne2gmvyq] {
    margin: 4px 0 0;
    color: #536777;
    font-family: "Lora", Georgia, serif;
    font-size: 13px;
    font-style: italic;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/* ============================================================
   DATOS
   ============================================================ */

.prop-card__datos[b-rwne2gmvyq] {
    margin: 10px 0 0;
    padding: 10px 0 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    list-style: none;
    border-top: 1px solid #e1e6ea;
}

    .prop-card__datos li[b-rwne2gmvyq] {
        color: var(--estrada-dark);
        font-size: 11px;
        font-weight: 700;
        white-space: nowrap;
    }

        .prop-card__datos li span[b-rwne2gmvyq] {
            color: #81909a;
            font-weight: 400;
        }


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

@media (max-width: 760px) {

    .prop-card__marca[b-rwne2gmvyq] {
        top: -60px;
        width: 160px;
        padding: 24px 0 0 20px;
    }

        .prop-card__marca img[b-rwne2gmvyq] {
            width: 90px !important;
        }

    .prop-card__texto[b-rwne2gmvyq] {
        padding-left: 116px;
    }
}


@media (max-width: 560px) {

    .prop-card__cuerpo[b-rwne2gmvyq] {
        min-height: 135px;
    }

    .prop-card__marca[b-rwne2gmvyq] {
        top: -52px;
        width: 138px;
        padding: 20px 0 0 16px;
    }

        .prop-card__marca img[b-rwne2gmvyq] {
            width: 76px !important;
        }

    .prop-card__texto[b-rwne2gmvyq] {
        padding: 18px 14px 16px 102px;
    }

    .prop-card__titulo[b-rwne2gmvyq] {
        font-size: 17px;
    }

    .prop-card__bajada[b-rwne2gmvyq] {
        font-size: 12px;
    }
}