/* El resultado nunca es visible antes de facilitar el correo. */
form.vr-widget.tr-home-price-private .vr-result,form.vr-widget.tr-home-price-private .vr-note {
    filter: blur(12px)!important;
    pointer-events: none!important;
    user-select: none!important
}

form.vr-widget [data-vr-lead-status] {
    display: none!important
}

.tr-home-email-gate {
    margin: 18px 0 22px;
    padding: 24px;
    border: 1px solid #c8e5f1;
    border-radius: 16px;
    background: #f0faff;
    box-sizing: border-box
}

.tr-home-email-gate[hidden] {
    display: none!important
}

.tr-home-email-gate h3 {
    margin: 0 0 8px;
    font-size: 22px;
    color: #18304b
}

.tr-home-email-gate p {
    margin: 0 0 15px;
    color: #526579
}

.tr-home-email-gate input[type=email] {
    display: block;
    width: 100%;
    padding: 14px;
    border: 1px solid #bdd4df;
    border-radius: 10px;
    font: inherit;
    box-sizing: border-box;
    background: white
}

.tr-home-email-gate label {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 13px 0;
    font-size: 13px;
    line-height: 1.5;
    color: #42596c
}

.tr-home-email-gate label input {
    margin-top: 3px;
    flex: none
}

.tr-home-email-gate button {
    border: 0;
    border-radius: 10px;
    background: #00a6e3;
    color: white;
    font: inherit;
    font-weight: 700;
    padding: 14px 24px;
    cursor: pointer
}

.tr-home-email-gate .tr-home-google {
    background: #fff;
    color: #234;
    border: 1px solid #c6d9e5;
    margin-left: 8px
}

.tr-home-email-gate .tr-gate-privacy {
    font-size: 12px;
    margin-top: 12px
}

/* Diseño mejorado: valoración visible, importe protegido y acceso claro */
.tr-home-email-gate,.tr-email-gate {
    margin: 30px 0 34px!important;
    padding: clamp(24px,3.4vw,40px)!important;
    border: 1px solid #c7e3f1!important;
    border-radius: 22px!important;
    background: linear-gradient(135deg,#f1faff 0%,#fff 100%)!important;
    box-shadow: 0 14px 35px rgba(17,67,99,.07)!important;
    max-width: 100%;
    box-sizing: border-box
}

.tr-gate-eyebrow {
    font-size: 11px;
    letter-spacing: .12em;
    font-weight: 800;
    color: #008cbf;
    margin-bottom: 12px
}

.tr-home-email-gate h3,.tr-email-gate h3 {
    font-size: clamp(22px,2.6vw,28px)!important;
    line-height: 1.2!important;
    margin: 0 0 12px!important;
    color: #183a50!important
}

.tr-home-email-gate>p:not(.tr-gate-privacy),.tr-email-gate>p:not(.tr-gate-privacy) {
    font-size: 15px;
    line-height: 1.65;
    max-width: 680px;
    margin: 0 0 26px!important
}

.tr-gate-fields {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 540px;
    margin-top: 28px
}

.tr-gate-email-label {
    display: block!important;
    font-size: 13px!important;
    font-weight: 700!important;
    color: #23475e!important;
    margin: 0!important
}

.tr-home-email-gate input[type=email],.tr-email-gate input[type=email] {
    width: 100%;
    min-height: 54px;
    padding: 15px 17px!important;
    background: #fff!important;
    border: 1px solid #b7d3e1!important;
    border-radius: 12px!important;
    box-sizing: border-box;
    outline-offset: 3px
}

.tr-home-email-gate .tr-home-reveal,.tr-email-gate .tr-email-reveal {
    margin: 2px 0 0!important;
    min-height: 52px;
    border-radius: 12px!important;
    background: #00a5dd!important;
    color: #fff!important;
    align-self: flex-start;
    padding: 14px 25px!important
}

.tr-gate-separator {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #78909e;
    font-size: 12px;
    max-width: 540px;
    margin: 27px 0 20px
}

.tr-gate-separator:before,.tr-gate-separator:after {
    content: "";
    height: 1px;
    background: #d4e5ee;
    flex: 1
}

.tr-home-email-gate .tr-home-google,.tr-email-gate .tr-email-google {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 52px;
    margin: 0!important;
    padding: 12px 22px!important;
    border: 1px solid #c9d9e3!important;
    border-radius: 12px!important;
    background: #fff!important;
    color: #22374b!important;
    font-weight: 700!important;
    box-shadow: 0 2px 5px #173c5010;
    cursor: pointer
}

.tr-google-icon {
    flex: none;
    display: block
}

.tr-home-email-gate .tr-gate-privacy,.tr-email-gate .tr-gate-privacy {
    font-size: 12px!important;
    line-height: 1.5!important;
    margin: 26px 0 0!important;
    color: #627a8c!important
}

/* Desenfoque menos agresivo, sin permitir seleccionar ni interactuar con el importe */
form.vr-widget.tr-home-price-private .vr-result,form.vr-widget.tr-home-price-private .vr-note {
    filter: blur(6px)!important
}

.vr-result.tr-email-locked .vr-price,.vr-result.tr-email-locked .vr-range,.vr-result.tr-email-locked .vr-metrics,.vr-widget.tr-email-pending .vr-result .vr-price,.vr-widget.tr-email-pending .vr-result .vr-range,.vr-widget.tr-email-pending .vr-result .vr-metrics {
    filter: blur(6px)!important
}

@media(max-width: 600px) {
    .tr-home-email-gate,.tr-email-gate {
        margin:24px 0!important;
        padding: 22px 18px!important
    }

    .tr-gate-fields {
        max-width: none
    }

    .tr-home-email-gate .tr-home-reveal,.tr-email-gate .tr-email-reveal,.tr-home-email-gate .tr-home-google,.tr-email-gate .tr-email-google {
        width: 100%;
        justify-content: center
    }
}

/* 2026-10-14: acceso en paralelo y cantidades ocultas hasta la identificación. */
.tr-home-email-gate,.tr-email-gate {
    max-width: 100%!important
}

.tr-gate-placeholder {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin: 0 0 24px;
    padding: 19px 23px;
    border: 1px solid #d0e6f1;
    border-radius: 14px;
    background: #eaf7fd
}

.tr-gate-placeholder span {
    font-size: 12px;
    font-weight: 750;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #416b83
}

.tr-gate-placeholder strong {
    font-size: clamp(34px,4vw,48px);
    line-height: 1.15;
    color: #17354b;
    letter-spacing: .03em
}

.tr-gate-placeholder small {
    font-size: 12px;
    color: #58778b
}

.tr-gate-fields {
    display: contents!important
}

.tr-gate-email-label {
    display: none!important
}

.tr-home-email-gate,.tr-email-gate {
    display: grid!important;
    grid-template-columns: minmax(0,1fr) auto;
    column-gap: 18px;
    row-gap: 15px;
    align-items: center
}

.tr-home-email-gate>.tr-gate-eyebrow,.tr-email-gate>.tr-gate-eyebrow,.tr-home-email-gate>.tr-gate-placeholder,.tr-email-gate>.tr-gate-placeholder,.tr-home-email-gate>h3,.tr-email-gate>h3,.tr-home-email-gate>p,.tr-email-gate>p {
    grid-column: 1/-1
}

.tr-home-email-gate input[type=email],.tr-email-gate input[type=email] {
    grid-column: 1/-1;
    max-width: 700px;
    margin: 0!important
}

.tr-home-email-gate .tr-home-reveal,.tr-email-gate .tr-email-reveal {
    grid-column: 1;
    grid-row: auto;
    margin: 0!important;
    justify-self: start
}

.tr-home-email-gate .tr-home-google,.tr-email-gate .tr-email-google {
    grid-column: 2;
    grid-row: auto;
    justify-self: start
}

.tr-home-email-gate .tr-gate-privacy,.tr-email-gate .tr-gate-privacy {
    grid-column: 1/-1;
    margin: 8px 0 0!important
}

/* No dejar el importe ni el rango real legibles con un filtro visual. */
form.vr-widget.tr-home-price-private .vr-result {
    filter: none!important;
    pointer-events: auto!important;
    user-select: auto!important
}

form.vr-widget.tr-home-price-private .vr-note {
    filter: none!important
}

form.vr-widget.tr-home-price-private .vr-result .vr-price, form.vr-widget.tr-home-price-private .vr-result .vr-range, form.vr-widget.tr-home-price-private .vr-result .vr-metrics, form.vr-widget.tr-home-price-private .vr-result .vr-result-side, form.vr-widget.tr-email-pending .vr-result .vr-price, form.vr-widget.tr-email-pending .vr-result .vr-range, form.vr-widget.tr-email-pending .vr-result .vr-metrics, form.vr-widget.tr-email-pending .vr-result .vr-result-side, .vr-result.tr-email-locked .vr-price, .vr-result.tr-email-locked .vr-range, .vr-result.tr-email-locked .vr-metrics, .vr-result.tr-email-locked .vr-result-side {
    visibility: hidden!important;
    filter: none!important;
    pointer-events: none!important
}

@media(max-width: 680px) {
    .tr-home-email-gate,.tr-email-gate {
        display:flex!important;
        flex-direction: column;
        align-items: stretch;
        gap: 12px
    }

    .tr-home-email-gate .tr-home-reveal,.tr-email-gate .tr-email-reveal,.tr-home-email-gate .tr-home-google,.tr-email-gate .tr-email-google {
        width: 100%;
        justify-content: center;
        align-self: stretch
    }

    .tr-home-email-gate input[type=email],.tr-email-gate input[type=email] {
        max-width: none
    }
}

/* Presentación: tarjeta de estimación original arriba; email justo debajo. */
.tr-home-email-gate,.tr-email-gate {
    margin: 12px 0 28px!important;
    padding: 25px 28px!important;
    background: #f2faff!important;
    border: 1px solid #bfe6f7!important;
    border-radius: 16px!important;
    box-shadow: none!important;
    display: grid!important;
    grid-template-columns: minmax(0,1fr) auto!important;
    gap: 13px 16px!important
}

.tr-home-email-gate[hidden],.tr-email-gate[hidden] {
    display: none!important
}

.tr-home-email-gate .tr-gate-eyebrow,.tr-email-gate .tr-gate-eyebrow {
    grid-column: 1/-1;
    margin: 0!important
}

.tr-home-email-gate h3,.tr-email-gate h3 {
    grid-column: 1/-1;
    margin: 0!important;
    font-size: 23px!important
}

.tr-home-email-gate>p:not(.tr-gate-privacy),.tr-email-gate>p:not(.tr-gate-privacy) {
    grid-column: 1/-1;
    margin: 0 0 5px!important;
    max-width: none!important
}

.tr-home-email-gate .tr-gate-fields,.tr-email-gate .tr-gate-fields {
    display: contents!important
}

.tr-home-email-gate input[type=email],.tr-email-gate input[type=email] {
    grid-column: 1/-1;
    max-width: none!important
}

.tr-home-email-gate .tr-home-reveal,.tr-email-gate .tr-email-reveal {
    grid-column: 1;
    justify-self: start
}

.tr-home-email-gate .tr-home-google,.tr-email-gate .tr-email-google {
    grid-column: 2;
    justify-self: start
}

.tr-home-email-gate .tr-gate-privacy,.tr-email-gate .tr-gate-privacy {
    grid-column: 1/-1;
    margin: 0!important
}

/* No se enseñan cantidades reales antes del acceso; los marcadores se generan con CSS. */
form.vr-widget.tr-home-price-private .vr-result .vr-price, form.vr-widget.tr-email-pending .vr-result .vr-price, .vr-result.tr-email-locked .vr-price {
    visibility: visible!important;
    color: transparent!important;
    position: relative!important;
    filter: none!important;
    user-select: none!important
}

form.vr-widget.tr-home-price-private .vr-result .vr-price::after, form.vr-widget.tr-email-pending .vr-result .vr-price::after, .vr-result.tr-email-locked .vr-price::after {
    content: '--- € /mes';
    position: absolute;
    left: 0;
    top: 0;
    color: #152d45!important;
    white-space: nowrap;
    visibility: visible!important
}

form.vr-widget.tr-home-price-private .vr-result .vr-range, form.vr-widget.tr-email-pending .vr-result .vr-range, .vr-result.tr-email-locked .vr-range {
    visibility: visible!important;
    color: transparent!important;
    position: relative!important;
    filter: none!important;
    user-select: none!important
}

form.vr-widget.tr-home-price-private .vr-result .vr-range::after, form.vr-widget.tr-email-pending .vr-result .vr-range::after, .vr-result.tr-email-locked .vr-range::after {
    content: 'Rango orientativo: --- € – --- € /mes';
    position: absolute;
    left: 0;
    top: 0;
    color: #506b82!important;
    visibility: visible!important;
    white-space: normal
}

form.vr-widget.tr-home-price-private .vr-result .vr-metrics, form.vr-widget.tr-email-pending .vr-result .vr-metrics, .vr-result.tr-email-locked .vr-metrics {
    visibility: visible!important;
    filter: none!important
}

form.vr-widget.tr-home-price-private .vr-result .vr-metrics strong, form.vr-widget.tr-email-pending .vr-result .vr-metrics strong, .vr-result.tr-email-locked .vr-metrics strong {
    color: transparent!important;
    position: relative!important
}

form.vr-widget.tr-home-price-private .vr-result .vr-metrics strong::after, form.vr-widget.tr-email-pending .vr-result .vr-metrics strong::after, .vr-result.tr-email-locked .vr-metrics strong::after {
    content: '---';
    color: #152d45;
    position: absolute;
    left: 0;
    top: 0
}

/* El resto de los datos descriptivos y el panel lateral se mantienen visibles. */
form.vr-widget.tr-home-price-private .vr-result .vr-result-side, form.vr-widget.tr-email-pending .vr-result .vr-result-side, .vr-result.tr-email-locked .vr-result-side {
    visibility: visible!important;
    filter: none!important;
    pointer-events: auto!important
}

@media(max-width: 680px) {
    .tr-home-email-gate,.tr-email-gate {
        display:flex!important;
        flex-direction: column!important;
        align-items: stretch!important;
        padding: 22px 18px!important
    }

    .tr-home-email-gate .tr-home-reveal,.tr-email-gate .tr-email-reveal,.tr-home-email-gate .tr-home-google,.tr-email-gate .tr-email-google {
        width: 100%!important;
        justify-content: center!important
    }
}

/* Modal centrado, con la tarjeta completa de valoración desenfocada detrás. */
body.tr-valuation-modal-open {
    overflow: hidden!important
}

body.tr-valuation-modal-open::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(17,40,59,.34);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 2147483000;
    pointer-events: auto
}

body.tr-valuation-modal-open .vr-result {
    filter: blur(5px)!important;
    user-select: none!important;
    pointer-events: none!important
}

body.tr-valuation-modal-open .tr-home-email-gate:not([hidden]),body.tr-valuation-modal-open .tr-email-gate:not([hidden]) {
    position: fixed!important;
    inset: auto!important;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%,-50%)!important;
    width: min(92vw,660px)!important;
    max-height: calc(100dvh - 32px)!important;
    overflow-y: auto!important;
    z-index: 2147483001!important;
    margin: 0!important;
    padding: clamp(22px,4vw,38px)!important;
    background: #fff!important;
    border: 1px solid #d2e7f1!important;
    border-radius: 20px!important;
    box-shadow: 0 22px 75px rgba(9,41,66,.25)!important;
    display: grid!important;
    grid-template-columns: minmax(0,1fr) auto!important;
}

body.tr-valuation-modal-open .tr-home-email-gate h3,body.tr-valuation-modal-open .tr-email-gate h3 {
    font-size: clamp(24px,3vw,32px)!important;
    font-weight: 800;
    color: #102e44!important
}

body.tr-valuation-modal-open .tr-home-email-gate input[type=email],body.tr-valuation-modal-open .tr-email-gate input[type=email] {
    min-height: 52px!important
}

@media(max-width: 600px) {
    body.tr-valuation-modal-open .tr-home-email-gate:not([hidden]),body.tr-valuation-modal-open .tr-email-gate:not([hidden]) {
        display:flex!important;
        flex-direction: column!important;
        gap: 13px!important
    }
}

/* Modal en body: evita que los stacking contexts del formulario bloqueen clics. */
body.tr-valuation-modal-open .tr-home-email-gate:not([hidden]), body.tr-valuation-modal-open .tr-email-gate:not([hidden]) {
    position: fixed!important;
    z-index: 2147483646!important;
    pointer-events: auto!important;
    filter: none!important;
    opacity: 1!important;
    isolation: isolate!important;
}

body.tr-valuation-modal-open .tr-home-email-gate:not([hidden]) *, body.tr-valuation-modal-open .tr-email-gate:not([hidden]) * {
    pointer-events: auto!important
}

body.tr-valuation-modal-open::before {
    z-index: 2147483645!important
}
