.modern-listing-page .modern-header,
.modern-detail-page .modern-header,
.modern-advisor-page .modern-header {
    position: relative;
    color: var(--modern-ink);
    background: var(--modern-white);
    border-bottom: 1px solid var(--modern-border);
}

.modern-listing-page .modern-language,
.modern-detail-page .modern-language,
.modern-advisor-page .modern-language {
    border-color: var(--modern-border);
}

.modern-section-heading h2,
.modern-cta-card h2,
.modern-listing-hero h1,
.modern-detail-heading h1,
.modern-content-block h2,
.modern-advisor-copy h1 {
    margin: 0;
    color: var(--modern-ink);
    font-size: clamp(
        38px,
        4.3vw,
        66px
    );
    font-weight: 800;
    letter-spacing: -2.5px;
    line-height: 1.02;
}

.modern-contact-card {
    position: sticky;
    top: 20px;
    align-self: start;
    padding: 27px;
    border: 1px solid var(--modern-border);
    border-radius: 24px;
    background: var(--modern-white);
    box-shadow: var(--modern-shadow);
}

.modern-agent {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 24px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--modern-border);
}

.modern-agent img,
.modern-agent > span {
    width: 66px;
    height: 66px;
    flex: 0 0 auto;
    border-radius: 19px;
    object-fit: cover;
}

.modern-agent > span {
    display: grid;
    place-items: center;
    color: var(--modern-white);
    background: var(--modern-blue);
    font-size: 24px;
    font-weight: 900;
}

.modern-agent small,
.modern-agent strong {
    display: block;
}

.modern-agent small {
    color: var(--modern-muted);
    font-size: 9px;
    font-weight: 900;
    text-transform: uppercase;
}

.modern-agent strong {
    margin-top: 4px;
    font-size: 16px;
}

.modern-contact-kicker {
    color: var(--modern-blue);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.modern-contact-card h3 {
    margin: 10px 0 8px;
    font-size: 29px;
    letter-spacing: -1px;
    line-height: 1.12;
}

.modern-contact-card > p {
    color: var(--modern-muted);
    font-size: 13px;
    line-height: 1.65;
}

.modern-whatsapp-button,
.modern-contact-secondary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    margin-top: 9px;
    padding: 0 16px;
    border-radius: 14px;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none;
}

.modern-whatsapp-button {
    color: var(--modern-white);
    background: var(--modern-green);
}

.modern-contact-secondary {
    justify-content: center;
    border: 1px solid var(--modern-border);
    color: var(--modern-ink);
}

.modern-property-reference {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--modern-border);
    color: var(--modern-muted);
    font-size: 10px;
}

.modern-property-reference strong {
    color: var(--modern-ink);
}

.modern-advisor-hero {
    padding: 75px 0;
    color: var(--modern-white);
    background:
        radial-gradient(
            circle at 90% 20%,
            #1a5483,
            transparent 38%
        ),
        var(--modern-ink);
}

.modern-advisor-grid {
    display: grid;
    grid-template-columns:
        350px
        minmax(0, 1fr);
    gap: 70px;
    align-items: center;
}

.modern-advisor-photo {
    display: grid;
    place-items: center;
    width: 350px;
    height: 430px;
    overflow: hidden;
    border-radius: 30px;
    color: var(--modern-white);
    background: #26445f;
    box-shadow:
        0 28px 60px
        rgba(0, 0, 0, .20);
    font-size: 80px;
    font-weight: 900;
}

.modern-advisor-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.modern-advisor-copy .modern-kicker {
    color: #7fb0ff;
}

.modern-advisor-copy h1 {
    color: var(--modern-white);
}

.modern-advisor-copy > p {
    max-width: 770px;
    color: rgba(255, 255, 255, .70);
    font-size: 16px;
    line-height: 1.85;
}

.modern-advisor-actions {
    display: flex;
    gap: 10px;
    margin-top: 28px;
}

@media (max-width: 900px) {
.modern-listing-layout,
    .modern-detail-layout,
    .modern-advisor-grid {
        grid-template-columns: 1fr;
    }

.modern-filter-panel,
    .modern-contact-card {
        position: static;
    }

.modern-advisor-photo {
        width: 100%;
        height: 500px;
    }
}

@media (max-width: 680px) {
.modern-hero-actions,
    .modern-section-heading,
    .modern-listing-hero-row,
    .modern-cta-card,
    .modern-advisor-actions,
    .modern-footer-bottom {
        align-items: flex-start;
        flex-direction: column;
    }
}

.modern-section-heading h2,
.modern-cta-card h2,
.modern-listing-hero h1,
.modern-detail-heading h1,
.modern-content-block h2,
.modern-advisor-copy h1 {
    color: var(--modern-title-color, var(--modern-ink));
}

.modern-cta-card h2,
.modern-advisor-copy h1 {
    color: #fff;
}

.modern-advisor-contact {
    padding: 24px;
}

.modern-agent-expanded {
    align-items: flex-start;
    margin-bottom: 20px;
    padding-bottom: 18px;
}

.modern-agent-copy {
    min-width: 0;
}

.modern-agent-copy em {
    display: block;
    margin-top: 4px;
    color:
        var(
            --modern-muted
        );
    font-size: 10px;
    font-style: normal;
}

.modern-agent-phone {
    display: inline-block;
    margin-top: 7px;
    color:
        var(
            --modern-blue
        );
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
}

.modern-advisor-actions {
    display: grid;
    grid-template-columns:
        1fr 110px;
    gap: 8px;
    margin-top: 16px;
}

.modern-advisor-actions
.modern-whatsapp-button,
.modern-advisor-actions
.modern-contact-secondary {
    margin-top: 0;
}

.modern-whatsapp-button b,
.modern-property-contact-submit b {
    font-size: 17px;
}

.modern-call-button {
    min-width: 0;
}

.modern-contact-alert {
    display: grid;
    gap: 4px;
    margin-top: 16px;
    padding: 12px 13px;
    border-radius: 13px;
    font-size: 11px;
    line-height: 1.45;
}

.modern-contact-alert.success {
    color: #0b684c;
    background: #e9f8f1;
}

.modern-contact-alert.error {
    color: #9a3540;
    background: #fff0f1;
}

.modern-contact-alert strong,
.modern-contact-alert span {
    display: block;
}

.modern-contact-form-heading {
    display: grid;
    gap: 4px;
    margin-top: 22px;
    padding-top: 20px;
    border-top:
        1px solid
        var(
            --modern-border
        );
}

.modern-contact-form-heading strong {
    color:
        var(
            --modern-ink
        );
    font-size: 15px;
}

.modern-contact-form-heading small {
    color:
        var(
            --modern-muted
        );
    font-size: 10px;
    line-height: 1.5;
}

.modern-property-contact-form {
    display: grid;
    gap: 11px;
    margin-top: 15px;
}

.modern-contact-form-grid {
    display: grid;
    grid-template-columns:
        1fr 1fr;
    gap: 9px;
}

.modern-contact-field {
    display: grid;
    gap: 6px;
}

.modern-contact-field > span {
    color:
        #42536b;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .3px;
}

.modern-contact-field input,
.modern-contact-field textarea {
    width: 100%;
    min-width: 0;
    border:
        1px solid
        #d9e2ed;
    border-radius: 12px;
    outline: none;
    color:
        #152740;
    background: #fff;
    font:
        inherit;
    font-size: 12px;
    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}

.modern-contact-field input {
    min-height: 43px;
    padding:
        0 12px;
}

.modern-contact-field textarea {
    min-height: 86px;
    padding:
        11px 12px;
    resize: vertical;
}

.modern-contact-field input:focus,
.modern-contact-field textarea:focus {
    border-color:
        #83aefa;
    box-shadow:
        0 0 0 3px
        rgba(
            31,
            92,
            255,
            .08
        );
}

.modern-contact-privacy {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color:
        #65758b;
    font-size: 9px;
    line-height: 1.45;
    cursor: pointer;
}

.modern-contact-privacy input {
    width: 16px;
    height: 16px;
    flex:
        0 0 16px;
    margin-top: 1px;
}

.modern-property-contact-submit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    padding:
        0 15px;
    border: 0;
    border-radius: 13px;
    color: #fff;
    background:
        var(
            --modern-blue
        );
    box-shadow:
        0 10px 20px
        rgba(
            29,
            89,
            234,
            .18
        );
    cursor: pointer;
    font-size: 11px;
    font-weight: 900;
}

.modern-contact-protection {
    display: block;
    color:
        #8793a5;
    font-size: 8px;
    line-height: 1.4;
    text-align: center;
}

.modern-contact-honeypot {
    position: absolute !important;
    top: auto !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

@media (max-width: 760px) {
.modern-contact-form-grid {
        grid-template-columns:
            1fr;
    }

.modern-advisor-actions {
        grid-template-columns:
            1fr 1fr;
    }
}

.modern-detail-visual
.modern-advisor-contact {
    position: static !important;
    top: auto !important;
    align-self: start;
    max-height: none;
    padding: 24px;
}

.modern-detail-visual
.modern-agent-expanded {
    display: grid;
    grid-template-columns:
        112px
        minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.modern-detail-visual
.modern-agent-expanded img,
.modern-detail-visual
.modern-agent-expanded > span {
    width: 112px;
    height: 112px;
    border-radius: 24px;
}

.modern-detail-visual
.modern-agent-expanded > span {
    display: grid;
    place-items: center;
    color: #fff;
    background:
        var(
            --modern-blue
        );
    font-size: 36px;
    font-weight: 900;
}

.modern-detail-visual
.modern-agent-copy strong {
    margin-top: 5px;
    font-size: 20px;
    line-height: 1.15;
}

.modern-detail-visual
.modern-agent-phone {
    font-size: 13px;
}

@media (max-width: 1180px) {
.modern-detail-visual
    .modern-agent-expanded {
        grid-template-columns:
            92px
            minmax(0, 1fr);
    }

.modern-detail-visual
    .modern-agent-expanded img,
    .modern-detail-visual
    .modern-agent-expanded > span {
        width: 92px;
        height: 92px;
        border-radius: 20px;
    }
}

@media (max-width: 980px) {
.modern-detail-visual
    .modern-advisor-contact {
        width: 100%;
    }
}

@media (max-width: 680px) {
.modern-detail-visual
    .modern-agent-expanded {
        grid-template-columns:
            84px
            minmax(0, 1fr);
    }

.modern-detail-visual
    .modern-agent-expanded img,
    .modern-detail-visual
    .modern-agent-expanded > span {
        width: 84px;
        height: 84px;
        border-radius: 19px;
    }
}

.modern-detail-visual
.modern-agent-expanded {
    grid-template-columns:
        120px
        minmax(0, 1fr)
        !important;
    gap: 18px !important;
}

.modern-detail-visual
.modern-agent-expanded img,
.modern-detail-visual
.modern-agent-expanded > span {
    width: 120px !important;
    height: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    max-width: 120px !important;
    max-height: 120px !important;
    border-radius: 24px !important;
    object-fit: cover !important;
    object-position: center top;
}

.modern-advisor-actions {
    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr)
        !important;
}

.modern-advisor-actions
.modern-whatsapp-button,
.modern-advisor-actions
.modern-call-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 48px;
    padding: 0 14px;
    border: 0;
    border-radius: 13px;
    color: #fff !important;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none;
    box-shadow:
        0 10px 20px
        rgba(
            16,
            39,
            70,
            .12
        );
}

.modern-advisor-actions
.modern-whatsapp-button {
    background:
        #16a96b !important;
}

.modern-advisor-actions
.modern-whatsapp-button:hover {
    background:
        #0f955d !important;
}

.modern-advisor-actions
.modern-call-button {
    background:
        #1764ef !important;
}

.modern-advisor-actions
.modern-call-button:hover {
    background:
        #0d54d4 !important;
}

.modern-contact-action-icon {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}

.modern-contact-action-icon svg {
    display: block;
    width: 20px;
    height: 20px;
}

.modern-phone-input-group {
    display: grid;
    grid-template-columns:
        105px
        minmax(0, 1fr);
    gap: 7px;
}

.modern-phone-input-group select,
.modern-phone-input-group input {
    width: 100%;
    min-width: 0;
    min-height: 43px;
    border:
        1px solid
        #d9e2ed;
    border-radius: 12px;
    outline: 0;
    color: #152740;
    background: #fff;
    font: inherit;
    font-size: 12px;
}

.modern-phone-input-group select {
    padding: 0 9px;
    cursor: pointer;
}

.modern-phone-input-group input {
    padding: 0 12px;
}

.modern-phone-input-group select:focus,
.modern-phone-input-group input:focus {
    border-color:
        #83aefa;
    box-shadow:
        0 0 0 3px
        rgba(
            31,
            92,
            255,
            .08
        );
}

@media (max-width: 1180px) {
.modern-detail-visual
    .modern-agent-expanded {
        grid-template-columns:
            100px
            minmax(0, 1fr)
            !important;
    }

.modern-detail-visual
    .modern-agent-expanded img,
    .modern-detail-visual
    .modern-agent-expanded > span {
        width: 100px !important;
        height: 100px !important;
        min-width: 100px !important;
        min-height: 100px !important;
        max-width: 100px !important;
        max-height: 100px !important;
    }
}

@media (max-width: 620px) {
.modern-phone-input-group {
        grid-template-columns:
            96px
            minmax(0, 1fr);
    }
}

.modern-detail-visual .modern-advisor-contact {
    overflow: hidden;
    border: 1px solid rgba(21,94,239,.12);
    border-radius: 24px;
    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #FBFDFF 100%
        );
    box-shadow:
        0 18px 48px
        rgba(15,45,82,.10);
}

.modern-detail-visual .modern-agent-expanded {
    position: relative;
    grid-template-columns:
        128px
        minmax(0, 1fr)
        !important;
    gap: 18px !important;
    margin: -2px -2px 22px;
    padding: 18px;
    border: 0;
    border-radius: 20px;
    background:
        linear-gradient(
            135deg,
            #F3F8FF,
            #FFFFFF
        );
}

.modern-detail-visual .modern-agent-expanded img,
.modern-detail-visual .modern-agent-expanded > span {
    width: 128px !important;
    height: 128px !important;
    min-width: 128px !important;
    min-height: 128px !important;
    max-width: 128px !important;
    max-height: 128px !important;
    border: 4px solid #FFFFFF;
    border-radius: 26px !important;
    object-fit: cover !important;
    object-position: center top;
    box-shadow:
        0 12px 28px
        rgba(17,54,96,.16);
}

.modern-advisor-actions {
    display: grid !important;
    grid-template-columns:
        1fr 1fr
        !important;
    gap: 10px !important;
}

.modern-contact-action-button {
    display: grid !important;
    grid-template-columns:
        42px
        minmax(0, 1fr)
        22px;
    align-items: center;
    gap: 9px;
    min-height: 62px !important;
    padding: 9px 10px !important;
    border: 0 !important;
    border-radius: 16px !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease;
}

.modern-contact-action-button:hover {
    transform: translateY(-2px);
    filter: brightness(1.02);
}

.modern-whatsapp-button.modern-contact-action-button {
    background:
        linear-gradient(
            135deg,
            #16B978,
            #0B9A61
        ) !important;
    box-shadow:
        0 12px 25px
        rgba(11,154,97,.23) !important;
}

.modern-call-button.modern-contact-action-button {
    background:
        linear-gradient(
            135deg,
            #2C78FF,
            #155EEF
        ) !important;
    box-shadow:
        0 12px 25px
        rgba(21,94,239,.23) !important;
}

.modern-contact-action-icon {
    display: grid !important;
    place-items: center;
    width: 42px !important;
    height: 42px !important;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 13px;
    color: #FFFFFF !important;
    background: rgba(255,255,255,.16);
}

.modern-contact-action-icon svg {
    display: block !important;
    width: 23px !important;
    height: 23px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
}

.modern-contact-action-icon svg path {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.modern-contact-action-copy {
    display: grid;
    gap: 2px;
    min-width: 0;
    text-align: left;
}

.modern-contact-action-copy strong,
.modern-contact-action-copy small {
    display: block;
    color: #FFFFFF !important;
}

.modern-contact-action-copy strong {
    font-size: 11px;
    font-weight: 900;
}

.modern-contact-action-copy small {
    font-size: 8px;
    font-weight: 700;
    opacity: .78;
}

.modern-contact-action-arrow {
    display: grid;
    place-items: center;
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 900;
}

@media (max-width: 1120px) {
.modern-detail-visual .modern-agent-expanded {
        grid-template-columns:
            100px
            minmax(0, 1fr)
            !important;
    }

.modern-detail-visual .modern-agent-expanded img,
    .modern-detail-visual .modern-agent-expanded > span {
        width: 100px !important;
        height: 100px !important;
        min-width: 100px !important;
        min-height: 100px !important;
        max-width: 100px !important;
        max-height: 100px !important;
    }

.modern-contact-action-button {
        grid-template-columns:
            36px
            minmax(0, 1fr);
    }

.modern-contact-action-arrow {
        display: none;
    }
}

@media (max-width: 640px) {
.modern-advisor-actions {
        grid-template-columns: 1fr !important;
    }
}

.modern-detail-visual
.modern-advisor-contact-v5 {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    align-self: start !important;
    width: 100%;
    min-width: 0;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 18px !important;
    overflow: visible !important;
    border:
        1px solid
        rgba(
            25,
            79,
            145,
            .13
        ) !important;
    border-radius: 26px !important;
    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F8FBFF 100%
        ) !important;
    box-shadow:
        0 22px 55px
        rgba(
            17,
            50,
            88,
            .11
        ) !important;
}

.modern-detail-visual
.modern-agent-profile-v5 {
    position: relative;
    display: grid !important;
    grid-template-columns:
        112px
        minmax(0, 1fr)
        !important;
    align-items: center !important;
    gap: 18px !important;
    margin: 0 0 18px !important;
    padding:
        38px 16px
        18px !important;
    overflow: hidden;
    border: 0 !important;
    border-radius: 20px !important;
    background:
        radial-gradient(
            circle at top right,
            rgba(
                63,
                135,
                255,
                .12
            ),
            transparent 44%
        ),
        linear-gradient(
            145deg,
            #F2F7FF,
            #FFFFFF
        ) !important;
    box-shadow:
        inset 0 0 0 1px
        rgba(
            69,
            124,
            195,
            .08
        );
}

.modern-advisor-status {
    position: absolute;
    top: 13px;
    left: 16px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding:
        5px 9px;
    border-radius: 999px;
    color: #31567E;
    background:
        rgba(
            255,
            255,
            255,
            .82
        );
    box-shadow:
        0 5px 16px
        rgba(
            20,
            54,
            94,
            .07
        );
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.modern-advisor-status i {
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #19B97B;
    box-shadow:
        0 0 0 4px
        rgba(
            25,
            185,
            123,
            .12
        );
}

.modern-detail-visual
.modern-agent-profile-v5 img,
.modern-detail-visual
.modern-agent-profile-v5 > span:not(.modern-advisor-status) {
    width: 112px !important;
    height: 112px !important;
    min-width: 112px !important;
    min-height: 112px !important;
    max-width: 112px !important;
    max-height: 112px !important;
    border:
        4px solid
        #FFFFFF !important;
    border-radius: 24px !important;
    object-fit: cover !important;
    object-position:
        center top !important;
    box-shadow:
        0 14px 30px
        rgba(
            19,
            58,
            103,
            .17
        ) !important;
}

.modern-detail-visual
.modern-agent-profile-v5
.modern-agent-copy {
    display: grid;
    align-content: center;
    gap: 3px;
    min-width: 0;
}

.modern-detail-visual
.modern-agent-profile-v5
.modern-agent-copy > small {
    color: #718399;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.modern-detail-visual
.modern-agent-profile-v5
.modern-agent-copy > strong {
    margin: 2px 0 0;
    color: #10243E;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: -.025em;
}

.modern-detail-visual
.modern-agent-profile-v5
.modern-agent-copy > em {
    margin-top: 1px;
    color: #748499;
    font-size: 10px;
    font-style: normal;
}

.modern-agent-phone-v5 {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    width: fit-content;
    margin-top: 7px !important;
    padding:
        6px 9px;
    border-radius: 10px;
    color: #155EEF !important;
    background:
        #EDF4FF;
    font-size: 11px !important;
    font-weight: 900 !important;
    text-decoration: none;
}

.modern-agent-phone-icon {
    display: grid;
    place-items: center;
    width: 18px;
    height: 18px;
}

.modern-agent-phone-icon svg {
    display: block;
    width: 16px;
    height: 16px;
}

.modern-advisor-contact-v5
.modern-contact-kicker {
    display: inline-flex;
    margin:
        2px 0 8px;
    color: #155EEF;
    font-size: 8px;
    font-weight: 950;
    letter-spacing: .12em;
}

.modern-advisor-contact-v5 > h3 {
    max-width: 310px;
    margin:
        0 0 8px !important;
    color: #10243E;
    font-size: 25px !important;
    line-height: 1.02 !important;
    letter-spacing: -.035em;
}

.modern-advisor-contact-v5 > p {
    margin:
        0 0 16px !important;
    color: #687A91;
    font-size: 11px !important;
    line-height: 1.6;
}

.modern-advisor-contact-v5
.modern-advisor-actions {
    display: grid !important;
    grid-template-columns:
        repeat(
            2,
            minmax(
                0,
                1fr
            )
        ) !important;
    gap: 10px !important;
    margin:
        0 0 20px !important;
}

.modern-advisor-contact-v5
.modern-contact-action-v5 {
    display: grid !important;
    grid-template-columns:
        44px
        minmax(
            0,
            1fr
        )
        18px !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: 0;
    min-height: 64px !important;
    padding:
        9px 10px !important;
    border: 0 !important;
    border-radius: 17px !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    overflow: hidden;
    transform:
        translateZ(0);
    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.modern-advisor-contact-v5
.modern-contact-action-v5:hover {
    transform:
        translateY(-2px);
}

.modern-advisor-contact-v5
.modern-whatsapp-button.modern-contact-action-v5 {
    background:
        linear-gradient(
            135deg,
            #20C982,
            #09945C
        ) !important;
    box-shadow:
        0 13px 26px
        rgba(
            9,
            148,
            92,
            .22
        ) !important;
}

.modern-advisor-contact-v5
.modern-call-button.modern-contact-action-v5 {
    background:
        linear-gradient(
            135deg,
            #3C83FF,
            #155EEF
        ) !important;
    box-shadow:
        0 13px 26px
        rgba(
            21,
            94,
            239,
            .22
        ) !important;
}

.modern-advisor-contact-v5
.modern-contact-action-icon {
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .28
        ) !important;
    border-radius: 14px !important;
    color: #FFFFFF !important;
    background:
        rgba(
            255,
            255,
            255,
            .16
        ) !important;
}

.modern-advisor-contact-v5
.modern-contact-action-icon svg {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    overflow: visible !important;
}

.modern-advisor-contact-v5
.modern-contact-action-icon svg path {
    fill: none !important;
    stroke: #FFFFFF !important;
    stroke-width: 1.9 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.modern-advisor-contact-v5
.modern-contact-action-copy {
    display: grid !important;
    align-content: center;
    gap: 2px;
    min-width: 0;
    text-align: left !important;
}

.modern-advisor-contact-v5
.modern-contact-action-copy strong {
    color: #FFFFFF !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1.1;
}

.modern-advisor-contact-v5
.modern-contact-action-copy small {
    color:
        rgba(
            255,
            255,
            255,
            .78
        ) !important;
    font-size: 8px !important;
    font-weight: 750 !important;
    line-height: 1.2;
}

.modern-contact-action-chevron {
    color: #FFFFFF;
    font-size: 26px;
    font-weight: 400;
    line-height: 1;
    opacity: .85;
}

.modern-advisor-contact-v5
.modern-contact-form-heading {
    margin-top: 0 !important;
    padding:
        18px 0 0 !important;
    border-top:
        1px solid
        #E3EAF3 !important;
}

.modern-advisor-contact-v5
.modern-contact-form-heading strong {
    color: #152A45;
    font-size: 14px;
    font-weight: 900;
}

.modern-advisor-contact-v5
.modern-contact-form-heading small {
    margin-top: 3px;
    color: #7A899D;
    font-size: 9px;
    line-height: 1.45;
}

.modern-advisor-contact-v5
.modern-property-contact-form {
    gap: 10px !important;
    margin-top: 13px !important;
}

.modern-advisor-contact-v5
.modern-contact-field > span {
    color: #53677F !important;
    font-size: 8px !important;
    letter-spacing: .03em;
}

.modern-advisor-contact-v5
.modern-contact-field input,
.modern-advisor-contact-v5
.modern-contact-field textarea,
.modern-advisor-contact-v5
.modern-phone-input-group select,
.modern-advisor-contact-v5
.modern-phone-input-group input {
    border:
        1px solid
        #D9E3EF !important;
    background:
        #FFFFFF !important;
    box-shadow:
        inset 0 1px 2px
        rgba(
            22,
            55,
            94,
            .025
        );
}

.modern-advisor-contact-v5
.modern-property-contact-submit {
    min-height: 50px;
    border-radius: 14px;
    background:
        linear-gradient(
            135deg,
            #347BFF,
            #155EEF
        );
    box-shadow:
        0 12px 24px
        rgba(
            21,
            94,
            239,
            .20
        );
}

.modern-advisor-contact-v5
.modern-property-reference {
    margin-top: 16px !important;
    padding-top: 13px !important;
    border-top:
        1px solid
        #E6ECF4;
}

@media (max-width: 1180px) {
.modern-detail-visual
    .modern-agent-profile-v5 {
        grid-template-columns:
            94px
            minmax(
                0,
                1fr
            ) !important;
    }

.modern-detail-visual
    .modern-agent-profile-v5 img,
    .modern-detail-visual
    .modern-agent-profile-v5 > span:not(.modern-advisor-status) {
        width: 94px !important;
        height: 94px !important;
        min-width: 94px !important;
        min-height: 94px !important;
        max-width: 94px !important;
        max-height: 94px !important;
    }

.modern-advisor-contact-v5
    .modern-contact-action-v5 {
        grid-template-columns:
            40px
            minmax(
                0,
                1fr
            ) !important;
    }

.modern-contact-action-chevron {
        display: none;
    }
}

@media (max-width: 980px) {
.modern-advisor-contact-v5
    .modern-advisor-actions {
        grid-template-columns:
            1fr 1fr
            !important;
    }
}

@media (max-width: 560px) {
.modern-detail-visual
    .modern-agent-profile-v5 {
        grid-template-columns:
            82px
            minmax(
                0,
                1fr
            ) !important;
        padding-top:
            42px !important;
    }

.modern-detail-visual
    .modern-agent-profile-v5 img,
    .modern-detail-visual
    .modern-agent-profile-v5 > span:not(.modern-advisor-status) {
        width: 82px !important;
        height: 82px !important;
        min-width: 82px !important;
        min-height: 82px !important;
        max-width: 82px !important;
        max-height: 82px !important;
        border-radius:
            20px !important;
    }

.modern-advisor-contact-v5
    .modern-advisor-actions {
        grid-template-columns:
            1fr
            !important;
    }
}

.modern-detail-visual
.modern-agent-profile-v5
> .modern-advisor-status {
    position: absolute !important;
    top: 13px !important;
    left: 16px !important;
    right: auto !important;
    bottom: auto !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;

    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: max-content !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 5px 9px !important;

    border: 0 !important;
    border-radius: 999px !important;

    color: #31567E !important;
    background:
        rgba(
            255,
            255,
            255,
            .92
        ) !important;

    box-shadow:
        0 5px 16px
        rgba(
            20,
            54,
            94,
            .08
        ) !important;

    font-family: inherit !important;
    font-size: 8px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .04em !important;
    text-align: left !important;
    text-transform: uppercase !important;

    overflow: visible !important;
    white-space: nowrap !important;
    z-index: 5 !important;
}

.modern-detail-visual
.modern-agent-profile-v5
> .modern-advisor-status i {
    display: block !important;
    width: 7px !important;
    height: 7px !important;
    min-width: 7px !important;
    min-height: 7px !important;
    max-width: 7px !important;
    max-height: 7px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #19B97B !important;
    box-shadow:
        0 0 0 4px
        rgba(
            25,
            185,
            123,
            .12
        ) !important;
}

.modern-detail-visual
.modern-agent-profile-v5
> img {
    display: block !important;
    width: 112px !important;
    height: 112px !important;
    min-width: 112px !important;
    min-height: 112px !important;
    max-width: 112px !important;
    max-height: 112px !important;
    border:
        4px solid
        #FFFFFF !important;
    border-radius: 24px !important;
    object-fit: cover !important;
    object-position: center top !important;
    box-shadow:
        0 14px 30px
        rgba(
            19,
            58,
            103,
            .17
        ) !important;
}

.modern-detail-visual
.modern-agent-profile-v5
> span:not(.modern-advisor-status) {
    display: grid !important;
    place-items: center !important;

    width: 112px !important;
    height: 112px !important;
    min-width: 112px !important;
    min-height: 112px !important;
    max-width: 112px !important;
    max-height: 112px !important;

    padding: 0 !important;
    border:
        4px solid
        #FFFFFF !important;
    border-radius: 24px !important;

    color: #FFFFFF !important;
    background:
        linear-gradient(
            145deg,
            #347BFF,
            #155EEF
        ) !important;

    font-size: 34px !important;
    font-weight: 900 !important;

    box-shadow:
        0 14px 30px
        rgba(
            19,
            58,
            103,
            .17
        ) !important;
}

.modern-detail-visual
.modern-agent-profile-v5 {
    padding:
        44px 16px
        18px !important;
}

.modern-advisor-contact-v5
.modern-contact-form-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
}

.modern-advisor-contact-v5
.modern-phone-input-group {
    grid-template-columns:
        108px
        minmax(
            0,
            1fr
        ) !important;
    gap: 8px !important;
}

.modern-advisor-contact-v5
.modern-phone-input-group
input {
    min-width: 0 !important;
    width: 100% !important;
}

.modern-advisor-contact-v5
.modern-contact-form-grid
.modern-contact-field {
    width: 100%;
}

.modern-detail-visual
.modern-advisor-contact-v5 {
    position: static !important;
    inset: auto !important;
    transform: none !important;
}

@media (max-width: 1180px) {
.modern-detail-visual
    .modern-agent-profile-v5
    > img,
    .modern-detail-visual
    .modern-agent-profile-v5
    > span:not(.modern-advisor-status) {
        width: 94px !important;
        height: 94px !important;
        min-width: 94px !important;
        min-height: 94px !important;
        max-width: 94px !important;
        max-height: 94px !important;
    }
}

@media (max-width: 560px) {
.modern-detail-visual
    .modern-agent-profile-v5
    > img,
    .modern-detail-visual
    .modern-agent-profile-v5
    > span:not(.modern-advisor-status) {
        width: 82px !important;
        height: 82px !important;
        min-width: 82px !important;
        min-height: 82px !important;
        max-width: 82px !important;
        max-height: 82px !important;
    }

.modern-advisor-contact-v5
    .modern-phone-input-group {
        grid-template-columns:
            100px
            minmax(
                0,
                1fr
            ) !important;
    }
}

.modern-advisor-status {
    display: none !important;
}

.modern-detail-visual
.modern-agent-profile-v5 {
    grid-template-columns:
        148px
        minmax(0, 1fr)
        !important;
    align-items: center !important;
    gap: 20px !important;
    padding:
        16px !important;
}

.modern-agent-photo-frame-v6 {
    position: relative;
    width: 148px;
    height: 148px;
    min-width: 148px;
    overflow: hidden;
    border:
        4px solid
        #FFFFFF;
    border-radius: 28px;
    background:
        #EAF2FC;
    box-shadow:
        0 15px 32px
        rgba(
            19,
            58,
            103,
            .17
        );
}

.modern-agent-photo-frame-v6 img {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position:
        center 30% !important;
    transform:
        translate(
            -50%,
            -50%
        )
        scale(1.28) !important;
    transform-origin:
        center center;
}

.modern-agent-initial-v6 {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    background:
        linear-gradient(
            145deg,
            #347BFF,
            #155EEF
        );
    font-size: 44px;
    font-weight: 900;
}

.modern-detail-visual
.modern-agent-profile-v5
> span:not(.modern-advisor-status) {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.modern-agent-contact-list-v6 {
    display: grid;
    gap: 7px;
    margin-top: 8px;
}

.modern-agent-contact-pill-v6 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    max-width: 100%;
    padding:
        7px 10px;
    border-radius: 11px;
    color: #155EEF;
    background:
        #EDF4FF;
    text-decoration: none;
    transition:
        transform .16s ease,
        background .16s ease;
}

.modern-agent-contact-pill-v6:hover {
    transform:
        translateX(2px);
    background:
        #E2EEFF;
}

.modern-agent-contact-pill-v6 > span {
    display: grid;
    place-items: center;
    width: 19px;
    height: 19px;
    flex:
        0 0 19px;
}

.modern-agent-contact-pill-v6 svg {
    display: block;
    width: 17px;
    height: 17px;
}

.modern-agent-contact-pill-v6 strong {
    min-width: 0;
    overflow: hidden;
    font-size: 10px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.modern-agent-email-v6 {
    color: #495F79;
    background:
        #F0F4F8;
}

.modern-agent-email-v6:hover {
    background:
        #E8EEF4;
}

.modern-advisor-contact-v5
.modern-contact-action-v5 {
    grid-template-columns:
        46px
        minmax(
            0,
            1fr
        )
        18px
        !important;
    gap: 10px !important;
    padding:
        9px 11px !important;
}

.modern-advisor-contact-v5
.modern-contact-action-icon {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .28
        ) !important;
    border-radius: 14px !important;
    background:
        rgba(
            255,
            255,
            255,
            .15
        ) !important;
}

.modern-advisor-contact-v5
.modern-contact-action-icon svg {
    position: static !important;
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
}

.modern-advisor-contact-v5
.modern-contact-action-icon svg path,
.modern-advisor-contact-v5
.modern-contact-action-icon svg rect {
    fill: none !important;
    stroke: #FFFFFF !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.modern-advisor-contact-v5
.modern-contact-action-copy {
    overflow: hidden;
}

.modern-advisor-contact-v5
.modern-contact-action-copy strong,
.modern-advisor-contact-v5
.modern-contact-action-copy small {
    white-space: normal !important;
}

.modern-detail-visual
.modern-advisor-contact-v5 {
    position: static !important;
    inset: auto !important;
    transform: none !important;
}

@media (max-width: 1180px) {
.modern-detail-visual
    .modern-agent-profile-v5 {
        grid-template-columns:
            118px
            minmax(
                0,
                1fr
            )
            !important;
    }

.modern-agent-photo-frame-v6 {
        width: 118px;
        height: 118px;
        min-width: 118px;
        border-radius: 23px;
    }

.modern-agent-photo-frame-v6 img {
        transform:
            translate(
                -50%,
                -50%
            )
            scale(1.26)
            !important;
    }
}

@media (max-width: 560px) {
.modern-detail-visual
    .modern-agent-profile-v5 {
        grid-template-columns:
            105px
            minmax(
                0,
                1fr
            )
            !important;
        gap: 14px !important;
    }

.modern-agent-photo-frame-v6 {
        width: 105px;
        height: 105px;
        min-width: 105px;
        border-radius: 21px;
    }

.modern-agent-contact-pill-v6 strong {
        font-size: 9px;
    }
}

.modern-advisor-contact-v5
.modern-agent-copy > small {
    font-size:
        var(
            --advisor-label-size,
            8px
        ) !important;
}

.modern-advisor-contact-v5
.modern-agent-copy > strong {
    font-size:
        var(
            --advisor-name-size,
            20px
        ) !important;
}

.modern-advisor-contact-v5
.modern-agent-copy > em {
    font-size:
        var(
            --advisor-category-size,
            10px
        ) !important;
}

.modern-advisor-contact-v5
.modern-agent-contact-pill-v6 strong {
    font-size:
        var(
            --advisor-data-size,
            10px
        ) !important;
}

.modern-advisor-contact-v5
.modern-contact-kicker {
    font-size:
        var(
            --advisor-kicker-size,
            8px
        ) !important;
}

.modern-advisor-contact-v5
> h3 {
    font-size:
        var(
            --advisor-title-size,
            25px
        ) !important;
}

.modern-advisor-contact-v5
> p {
    font-size:
        var(
            --advisor-intro-size,
            11px
        ) !important;
}

.modern-advisor-contact-v5
.modern-contact-action-copy strong {
    font-size:
        var(
            --advisor-button-title-size,
            11px
        ) !important;
}

.modern-advisor-contact-v5
.modern-contact-action-copy small {
    font-size:
        var(
            --advisor-button-subtitle-size,
            8px
        ) !important;
}

.modern-advisor-contact-v5
.modern-contact-form-heading strong {
    font-size:
        var(
            --advisor-form-title-size,
            14px
        ) !important;
}

.modern-advisor-contact-v5
.modern-contact-form-heading small {
    font-size:
        var(
            --advisor-form-intro-size,
            9px
        ) !important;
}

.modern-advisor-contact-v5
.modern-contact-field > span {
    font-size:
        var(
            --advisor-field-label-size,
            8px
        ) !important;
}

.modern-advisor-contact-v5
.modern-contact-field input,
.modern-advisor-contact-v5
.modern-contact-field textarea,
.modern-advisor-contact-v5
.modern-phone-input-group select,
.modern-advisor-contact-v5
.modern-phone-input-group input {
    font-size:
        var(
            --advisor-field-text-size,
            12px
        ) !important;
}

.modern-advisor-contact-v5
.modern-contact-privacy {
    font-size:
        var(
            --advisor-privacy-size,
            9px
        ) !important;
}

.modern-advisor-contact-v5
.modern-property-contact-submit {
    font-size:
        var(
            --advisor-submit-size,
            11px
        ) !important;
}

.modern-detail-visual
.modern-agent-profile-v5 {
    grid-template-columns:
        158px
        minmax(0, 1fr)
        !important;
    gap:
        20px !important;
}

.modern-agent-photo-frame-v6 {
    width:
        158px !important;
    height:
        158px !important;
    min-width:
        158px !important;
    min-height:
        158px !important;
    padding: 0 !important;
    border:
        0 !important;
    border-radius:
        26px !important;
    overflow:
        hidden !important;
    background:
        #EAF2FC !important;
    box-shadow:
        0 15px 32px
        rgba(
            19,
            58,
            103,
            .17
        ) !important;
}

.modern-agent-photo-frame-v6 img {
    position:
        absolute !important;
    top:
        50% !important;
    left:
        50% !important;
    width:
        100% !important;
    height:
        100% !important;
    max-width:
        none !important;
    min-width:
        100% !important;
    min-height:
        100% !important;
    margin:
        0 !important;
    padding:
        0 !important;
    object-fit:
        cover !important;
    object-position:
        center 28% !important;
    transform:
        translate(
            -50%,
            -50%
        )
        scale(1.52)
        !important;
    transform-origin:
        center center !important;
}

.modern-agent-email-row-v8 {
    grid-column:
        1 / -1;
    display:
        grid;
    grid-template-columns:
        34px
        minmax(0, 1fr)
        22px;
    align-items:
        center;
    gap:
        10px;
    width:
        100%;
    min-width:
        0;
    margin-top:
        2px;
    padding:
        10px 12px;
    border:
        1px solid
        #DDE8F4;
    border-radius:
        13px;
    color:
        #405B78;
    background:
        #F3F7FB;
    text-decoration:
        none;
    transition:
        background .16s ease,
        border-color .16s ease,
        transform .16s ease;
}

.modern-agent-email-row-v8:hover {
    border-color:
        #C5D9F1;
    background:
        #EAF2FB;
    transform:
        translateY(-1px);
}

.modern-agent-email-icon-v8 {
    display:
        grid;
    place-items:
        center;
    width:
        34px;
    height:
        34px;
    border-radius:
        10px;
    color:
        #155EEF;
    background:
        #FFFFFF;
    box-shadow:
        0 5px 14px
        rgba(
            18,
            62,
            112,
            .08
        );
}

.modern-agent-email-icon-v8 svg {
    display:
        block;
    width:
        18px;
    height:
        18px;
}

.modern-agent-email-copy-v8 {
    display:
        grid;
    gap:
        2px;
    min-width:
        0;
}

.modern-agent-email-copy-v8 small {
    color:
        #8492A5;
    font-size:
        8px;
    font-weight:
        900;
    letter-spacing:
        .06em;
    text-transform:
        uppercase;
}

.modern-agent-email-copy-v8 strong {
    min-width:
        0;
    color:
        #405B78;
    font-size:
        var(
            --advisor-data-size,
            10px
        );
    font-weight:
        900;
    line-height:
        1.3;
    overflow-wrap:
        anywhere;
    word-break:
        break-word;
}

.modern-agent-email-arrow-v8 {
    display:
        grid;
    place-items:
        center;
    color:
        #155EEF;
    font-size:
        16px;
    font-weight:
        900;
}

.modern-agent-contact-list-v6 {
    margin-top:
        8px !important;
}

@media (max-width: 1180px) {
.modern-detail-visual
    .modern-agent-profile-v5 {
        grid-template-columns:
            128px
            minmax(0, 1fr)
            !important;
    }

.modern-agent-photo-frame-v6 {
        width:
            128px !important;
        height:
            128px !important;
        min-width:
            128px !important;
        min-height:
            128px !important;
    }

.modern-agent-photo-frame-v6 img {
        transform:
            translate(
                -50%,
                -50%
            )
            scale(1.48)
            !important;
    }
}

@media (max-width: 560px) {
.modern-detail-visual
    .modern-agent-profile-v5 {
        grid-template-columns:
            108px
            minmax(0, 1fr)
            !important;
        gap:
            14px !important;
    }

.modern-agent-photo-frame-v6 {
        width:
            108px !important;
        height:
            108px !important;
        min-width:
            108px !important;
        min-height:
            108px !important;
        border-radius:
            21px !important;
    }

.modern-agent-email-row-v8 {
        grid-template-columns:
            30px
            minmax(0, 1fr)
            18px;
        gap:
            8px;
        padding:
            9px 10px;
    }

.modern-agent-email-icon-v8 {
        width:
            30px;
        height:
            30px;
    }
}

.modern-agent-photo-frame-v6 img {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center 25% !important;

    transform: none !important;
}

.modern-agent-photo-frame-v6 {
    overflow: hidden !important;
    background: #EAF2FC !important;
}

.modern-detail-visual .modern-agent-profile-v5 {
    grid-template-columns: 170px minmax(0, 1fr) !important;
    gap: 22px !important;
    align-items: center !important;
}

.modern-detail-visual .modern-agent-photo-frame-v6 {
    width: 170px !important;
    height: 170px !important;
    min-width: 170px !important;
    min-height: 170px !important;
    max-width: 170px !important;
    max-height: 170px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, #eef5ff 0%, #e8f1ff 100%) !important;
    box-shadow: 0 14px 30px rgba(19, 58, 103, .14) !important;
}

.modern-detail-visual .modern-agent-photo-frame-v6 img {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
    width: 126% !important;
    height: 126% !important;
    min-width: 126% !important;
    min-height: 126% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center 24% !important;
    transform: translate(-50%, -50%) !important;
    transform-origin: center center !important;
}

.modern-detail-visual .modern-agent-email-row-v8 {
    margin-top: 6px !important;
}

@media (max-width: 1180px) {
.modern-detail-visual .modern-agent-profile-v5 {
        grid-template-columns: 142px minmax(0, 1fr) !important;
        gap: 18px !important;
    }

.modern-detail-visual .modern-agent-photo-frame-v6 {
        width: 142px !important;
        height: 142px !important;
        min-width: 142px !important;
        min-height: 142px !important;
        max-width: 142px !important;
        max-height: 142px !important;
    }
}

@media (max-width: 560px) {
.modern-detail-visual .modern-agent-profile-v5 {
        grid-template-columns: 118px minmax(0, 1fr) !important;
        gap: 14px !important;
        align-items: start !important;
    }

.modern-detail-visual .modern-agent-photo-frame-v6 {
        width: 118px !important;
        height: 118px !important;
        min-width: 118px !important;
        min-height: 118px !important;
        max-width: 118px !important;
        max-height: 118px !important;
        border-radius: 22px !important;
    }

.modern-detail-visual .modern-agent-photo-frame-v6 img {
        width: 122% !important;
        height: 122% !important;
        min-width: 122% !important;
        min-height: 122% !important;
    }
}

.modern-detail-visual .modern-agent-profile-v5 {
    grid-template-columns: 138px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: center !important;
}

.modern-detail-visual .modern-agent-photo-frame-v6 {
    width: 138px !important;
    height: 168px !important;
    min-width: 138px !important;
    min-height: 168px !important;
    max-width: 138px !important;
    max-height: 168px !important;
    border-radius: 26px !important;
    overflow: hidden !important;
}

.modern-detail-visual .modern-agent-photo-frame-v6 img {
    width: 122% !important;
    height: 122% !important;
    min-width: 122% !important;
    min-height: 122% !important;
    object-fit: cover !important;
    object-position: center 22% !important;
}

@media (max-width: 1180px) {
.modern-detail-visual .modern-agent-profile-v5 {
        grid-template-columns: 124px minmax(0, 1fr) !important;
        gap: 16px !important;
    }

.modern-detail-visual .modern-agent-photo-frame-v6 {
        width: 124px !important;
        height: 150px !important;
        min-width: 124px !important;
        min-height: 150px !important;
        max-width: 124px !important;
        max-height: 150px !important;
    }
}

@media (max-width: 560px) {
.modern-detail-visual .modern-agent-profile-v5 {
        grid-template-columns: 106px minmax(0, 1fr) !important;
        gap: 12px !important;
        align-items: start !important;
    }

.modern-detail-visual .modern-agent-photo-frame-v6 {
        width: 106px !important;
        height: 132px !important;
        min-width: 106px !important;
        min-height: 132px !important;
        max-width: 106px !important;
        max-height: 132px !important;
        border-radius: 22px !important;
    }

.modern-detail-visual .modern-agent-photo-frame-v6 img {
        width: 118% !important;
        height: 118% !important;
        min-width: 118% !important;
        min-height: 118% !important;
    }
}

.modern-detail-visual .modern-agent-profile-v5 {
    grid-template-columns:
        var(--advisor-photo-width, 138px)
        minmax(0, 1fr)
        !important;
    gap: 18px !important;
    align-items: center !important;
}

.modern-detail-visual .modern-agent-photo-frame-v6 {
    width: var(--advisor-photo-width, 138px) !important;
    height: var(--advisor-photo-height, 168px) !important;
    min-width: var(--advisor-photo-width, 138px) !important;
    min-height: var(--advisor-photo-height, 168px) !important;
    max-width: var(--advisor-photo-width, 138px) !important;
    max-height: var(--advisor-photo-height, 168px) !important;
    overflow: hidden !important;
}

.modern-detail-visual .modern-agent-photo-frame-v6 img {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
    width: var(--advisor-photo-zoom, 122%) !important;
    height: var(--advisor-photo-zoom, 122%) !important;
    min-width: var(--advisor-photo-zoom, 122%) !important;
    min-height: var(--advisor-photo-zoom, 122%) !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center 22% !important;
    transform: translate(-50%, -50%) !important;
}

@media (max-width: 560px) {
.modern-detail-visual .modern-agent-profile-v5 {
        grid-template-columns:
            min(var(--advisor-photo-width, 138px), 34vw)
            minmax(0, 1fr)
            !important;
        gap: 12px !important;
        align-items: start !important;
    }

.modern-detail-visual .modern-agent-photo-frame-v6 {
        width: min(var(--advisor-photo-width, 138px), 34vw) !important;
        min-width: min(var(--advisor-photo-width, 138px), 34vw) !important;
        max-width: min(var(--advisor-photo-width, 138px), 34vw) !important;
    }
}

.modern-detail-main-v12
.modern-advisor-contact-v5 {
    position: sticky !important;
    top: 18px !important;
    align-self: start !important;
    z-index: 20 !important;
    max-height: calc(100vh - 36px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: thin;
    scrollbar-color: #cbd9ec transparent;
}

.modern-detail-main-v12
.modern-advisor-contact-v5::-webkit-scrollbar {
    width: 6px;
}

.modern-detail-main-v12
.modern-advisor-contact-v5::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #cbd9ec;
}

@media (max-width: 980px) {
.modern-detail-main-v12
    .modern-advisor-contact-v5 {
        position: static !important;
        top: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
}

/* =========================================================
   HOTFIX V48 — GARANTÍAS DEL BLOQUE DEL ASESOR
   ========================================================= */

/*
 * Nunca permitir que iconos SVG del asesor adopten reglas
 * globales como width:100%.
 */
.modern-advisor-contact-v5 svg {
    max-width: 24px;
    max-height: 24px;
}


/* Foto del asesor */
.modern-advisor-contact-v5
.modern-agent-photo-frame-v6 {
    width:
        var(
            --advisor-photo-width,
            104px
        );

    height:
        var(
            --advisor-photo-height,
            132px
        );

    flex:
        0 0
        auto;

    overflow:
        hidden;
}


.modern-advisor-contact-v5
.modern-agent-photo-frame-v6 img {
    display:
        block;

    width:
        calc(
            100% *
            var(
                --advisor-photo-zoom,
                100
            ) /
            100
        );

    height:
        calc(
            100% *
            var(
                --advisor-photo-zoom,
                100
            ) /
            100
        );

    max-width:
        none;

    object-fit:
        cover;

    object-position:
        center;
}


/* Perfil superior */
.modern-advisor-contact-v5
.modern-agent-profile-v5 {
    display:
        grid;

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

    align-items:
        center;

    gap:
        14px;

    width:
        100%;
}


/* Email siempre en una fila completa debajo del perfil. */
.modern-advisor-contact-v5
.modern-agent-email-row-v8 {
    grid-column:
        1 /
        -1;

    width:
        100%;
}


/* Teléfono compacto. */
.modern-advisor-contact-v5
.modern-agent-contact-pill-v6
svg {
    width:
        17px !important;

    height:
        17px !important;
}


/* Email compacto. */
.modern-advisor-contact-v5
.modern-agent-email-icon-v8
svg {
    width:
        18px !important;

    height:
        18px !important;
}


/* Botones principales */
.modern-advisor-contact-v5
.modern-contact-action-icon
svg {
    width:
        22px !important;

    height:
        22px !important;
}


/* Campos del formulario nunca deben colapsar en ancho. */
.modern-advisor-contact-v5
.modern-property-contact-form {
    display:
        grid;

    width:
        100%;

    gap:
        12px;
}


.modern-advisor-contact-v5
.modern-contact-field {
    display:
        grid;

    width:
        100%;

    gap:
        6px;
}


.modern-advisor-contact-v5
.modern-contact-field input,

.modern-advisor-contact-v5
.modern-contact-field textarea,

.modern-advisor-contact-v5
.modern-phone-input-group select {
    box-sizing:
        border-box;

    width:
        100%;

    max-width:
        100%;
}


/* Honeypot invisible: nunca debe aparecer como "Website". */
.modern-advisor-contact-v5
.modern-contact-honeypot {
    position:
        absolute !important;

    left:
        -10000px !important;

    width:
        1px !important;

    height:
        1px !important;

    overflow:
        hidden !important;

    opacity:
        0 !important;

    pointer-events:
        none !important;
}


/* Formulario de dos columnas sólo cuando existe espacio real. */
.modern-advisor-contact-v5
.modern-contact-form-grid {
    display:
        grid;

    grid-template-columns:
        1fr;

    gap:
        10px;
}


/* Teléfono: código + número. */
.modern-advisor-contact-v5
.modern-phone-input-group {
    display:
        grid;

    grid-template-columns:
        92px
        minmax(
            0,
            1fr
        );

    gap:
        8px;

    width:
        100%;
}


/* Privacidad y botón */
.modern-advisor-contact-v5
.modern-contact-privacy {
    display:
        grid;

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

    align-items:
        start;

    gap:
        8px;
}


.modern-advisor-contact-v5
.modern-property-contact-submit {
    width:
        100%;

    min-height:
        48px;
}


/*
 * El layout general V47 se carga después de este archivo.
 * V48 sólo restaura la apariencia interna del bloque.
 */