:root {
    --trp-blue: #00a6e3;
    --trp-blue-2: #45c7f3;
    --trp-navy: #0f2241;
    --trp-ink: #15233c;
    --trp-muted: #61708b;
    --trp-soft: #f4f8fc;
    --trp-line: #dfe8f1;
    --trp-white: #ffffff
}

html {
    scroll-behavior: smooth
}

body.tr-sell-premium-page {
    overflow-x: hidden;
    background: #fff
}

.trp-page,.trp-page * {
    box-sizing: border-box
}

.trp-page {
    font-family: "MaisonNeue",Arial,sans-serif;
    color: var(--trp-ink);
    overflow: hidden;
    background: #fff
}

.trp-page img {
    display: block;
    max-width: 100%
}

.trp-shell {
    width: min(1180px,calc(100% - 48px));
    margin: 0 auto
}

.trp-kicker {
    display: inline-block;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: .16em;
    text-transform: uppercase;
    font-weight: 800;
    color: var(--trp-blue);
    margin-bottom: 14px
}

.trp-kicker--light {
    color: #c8ecff
}

.trp-kicker--white {
    color: #e8f7ff
}

.trp-page h1,.trp-page h2,.trp-page h3 {
    margin: 0;
    color: var(--trp-ink)
}

.trp-page h1 {
    font-size: clamp(48px,5.2vw,78px);
    line-height: .95;
    letter-spacing: -.05em;
    font-weight: 700
}

.trp-page h2 {
    font-size: clamp(36px,4vw,60px);
    line-height: .98;
    letter-spacing: -.04em;
    font-weight: 700
}

.trp-page h3 {
    font-size: 27px;
    line-height: 1.1;
    letter-spacing: -.03em;
    font-weight: 700
}

.trp-page em {
    font-style: normal;
    color: var(--trp-blue)
}

.trp-page p {
    margin: 0;
    color: var(--trp-muted);
    font-size: 17px;
    line-height: 1.72
}

.trp-icon {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border-radius: 18px;
    background: #e9f7ff;
    color: var(--trp-blue);
    flex: 0 0 auto
}

.trp-icon svg,.trp-btn svg,.trp-location-icon svg,.trp-cta__location svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round
}

.trp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 56px;
    padding: 0 24px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none!important;
    transition: .22s ease transform,.22s ease background,.22s ease color,.22s ease border-color,.22s ease box-shadow
}

.trp-btn:hover {
    transform: translateY(-2px)
}

.trp-btn--dark {
    background: linear-gradient(90deg,#091a3c,#0d2d63);
    color: #fff!important;
    box-shadow: 0 18px 40px rgba(9,26,60,.24)
}

.trp-btn--dark:hover {
    box-shadow: 0 22px 46px rgba(9,26,60,.34)
}

.trp-btn--outline-light {
    border: 1px solid rgba(255,255,255,.35);
    color: #fff!important;
    background: transparent
}

.trp-btn--outline-light:hover {
    background: rgba(255,255,255,.08)
}

.trp-btn--ghost-blue {
    border: 1px solid #a9dff3;
    color: #0987bb!important;
    background: #fff
}

.trp-btn--ghost-blue:hover {
    background: #f2fbff
}

.trp-btn--white {
    background: #fff;
    color: var(--trp-navy)!important;
    box-shadow: 0 18px 36px rgba(0,0,0,.15)
}

.trp-hero {
    padding: 140px 0 64px;
    background: linear-gradient(180deg,#fff 0%,#fbfdff 100%)
}

.trp-hero__grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(420px,530px);
    gap: 50px;
    align-items: center
}

.trp-hero__copy {
    max-width: 640px
}

.trp-hero__icon-list {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 18px;
    margin: 34px 0 34px
}

.trp-hero__icon-list>div {
    display: grid;
    gap: 10px;
    justify-items: start
}

.trp-hero__icon-list span:last-child {
    font-size: 15px;
    line-height: 1.35;
    color: var(--trp-ink);
    font-weight: 700
}

.trp-hero__figure {
    position: relative;
    margin: 0;
    border-radius: 34px;
    overflow: hidden;
    background: #dbeaf4;
    box-shadow: 0 30px 70px rgba(20,35,60,.12)
}

.trp-hero__figure img {
    width: 100%;
    height: 500px;
    object-fit: cover
}

.trp-hero__figure::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,rgba(255,255,255,.02),rgba(15,34,65,.10))
}

.trp-hero__figure figcaption {
    position: absolute;
    right: 24px;
    bottom: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border-radius: 18px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 12px 24px rgba(15,34,65,.12);
    font-size: 14px;
    font-weight: 800;
    color: var(--trp-navy)
}

.trp-location-icon {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background: #ecf8ff;
    color: var(--trp-blue)
}

.trp-logos {
    padding: 14px 0 24px;
    background: #fff
}

.trp-logos__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 6px;
    border-top: 1px solid var(--trp-line);
    border-bottom: 1px solid var(--trp-line)
}

.trp-logos__row span {
    font-size: 22px;
    font-weight: 700;
    color: #b6bfcc;
    letter-spacing: -.03em
}

.trp-why {
    padding: 76px 0 84px;
    background: #fff
}

.trp-why__head {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(320px,500px);
    gap: 42px;
    align-items: end;
    margin-bottom: 28px
}

.trp-card-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 18px
}

.trp-card {
    background: #fff;
    border: 1px solid var(--trp-line);
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15,34,65,.05)
}

.trp-card img {
    width: 100%;
    height: 180px;
    object-fit: cover
}

.trp-card__body {
    padding: 22px;
    display: grid;
    grid-template-columns: 54px 1fr;
    gap: 16px;
    align-items: start
}

.trp-card__body h3 {
    font-size: 26px;
    margin-bottom: 7px
}

.trp-card__body p {
    font-size: 15px;
    line-height: 1.5
}

.trp-process {
    padding: 82px 0;
    background: linear-gradient(90deg,#03162b 0%,#03294c 42%,#0b4c73 100%);
    color: #fff
}

.trp-process h2,.trp-process h3 {
    color: #fff
}

.trp-process p {
    color: rgba(255,255,255,.72)
}

.trp-process__head {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(300px,420px);
    gap: 36px;
    align-items: end;
    margin-bottom: 34px
}

.trp-process__aside {
    display: grid;
    gap: 20px;
    justify-items: start
}

.trp-process__steps {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 0;
    border-top: 1px solid rgba(255,255,255,.12);
    border-bottom: 1px solid rgba(255,255,255,.12)
}

.trp-process__steps article {
    position: relative;
    text-align: center;
    padding: 26px 10px 22px
}

.trp-process__steps article:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -1px;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 46px;
    background: linear-gradient(180deg,transparent,rgba(255,255,255,.18),transparent)
}

.trp-process__steps span {
    display: block;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -.05em;
    color: #89ddff;
    margin-bottom: 12px
}

.trp-process__steps i {
    display: block;
    width: 56px;
    height: 56px;
    margin: 0 auto 14px;
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.14)
}

.trp-process__steps h3 {
    font-size: 18px
}

.trp-plan {
    padding: 82px 0;
    background: linear-gradient(180deg,#fff 0%,#f8fbfe 100%)
}

.trp-plan__grid {
    display: grid;
    grid-template-columns: minmax(280px,.9fr) minmax(0,1.1fr);
    gap: 36px;
    align-items: start
}

.trp-plan__copy {
    position: sticky;
    top: 140px;
    display: grid;
    gap: 18px
}

.trp-plan__bento {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 16px
}

.trp-bento {
    position: relative;
    min-height: 188px;
    border-radius: 22px;
    overflow: hidden;
    background: linear-gradient(135deg,#0f2241,#0c355b);
    color: #fff;
    box-shadow: 0 18px 40px rgba(15,34,65,.14)
}

.trp-bento img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.trp-bento::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,rgba(15,34,65,.1),rgba(15,34,65,.76))
}

.trp-bento>div {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 18px;
    z-index: 1
}

.trp-bento h3 {
    font-size: 22px;
    color: #fff
}

.trp-bento--photo {
    grid-column: span 2;
    grid-row: span 2;
    min-height: 392px
}

.trp-bento__solid {
    display: grid;
    place-items: end start;
    position: absolute;
    inset: 0;
    padding: 22px;
    background: linear-gradient(135deg,#0d2d63 0%,#0c3e70 100%)
}

.trp-bento__solid--blue {
    background: linear-gradient(135deg,#0773a6 0%,#00a6e3 100%)
}

.trp-report {
    padding: 82px 0;
    background: #fff
}

.trp-report__grid {
    display: grid;
    grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
    gap: 38px;
    align-items: center
}

.trp-report__copy {
    display: grid;
    gap: 18px
}

.trp-report__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.trp-report__tags span {
    padding: 10px 14px;
    border-radius: 999px;
    background: #f0f8fd;
    border: 1px solid #d7edf7;
    color: #117fb2;
    font-size: 13px;
    font-weight: 800
}

.trp-monitor {
    display: grid;
    grid-template-columns: minmax(0,1fr) 165px;
    gap: 16px;
    align-items: stretch
}

.trp-monitor__screen {
    padding: 18px;
    border: 1px solid var(--trp-line);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 18px 40px rgba(15,34,65,.08)
}

.trp-monitor__top {
    display: flex;
    gap: 7px;
    margin-bottom: 18px
}

.trp-monitor__top span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #d9e7f4
}

.trp-monitor__chart {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    height: 230px;
    padding: 20px;
    border-radius: 18px;
    background: linear-gradient(180deg,#f5fafe,#edf7fc)
}

.trp-monitor__chart i {
    display: block;
    flex: 1;
    border-radius: 12px 12px 4px 4px;
    height: var(--h);
    background: linear-gradient(180deg, #00a6e3, #00a6e3);
}

.trp-stats {
    display: grid;
    gap: 12px
}

.trp-stats article {
    display: grid;
    place-items: center;
    padding: 18px;
    border: 1px solid var(--trp-line);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(15,34,65,.06)
}

.trp-stats b {
    font-size: 30px;
    color: var(--trp-blue);
    line-height: 1;
    font-weight: 800
}

.trp-stats span {
    margin-top: 6px;
    text-align: center;
    font-size: 13px;
    line-height: 1.35;
    color: var(--trp-muted);
    font-weight: 700
}

.trp-security {
    padding: 30px 0 82px;
    background: #fff
}

.trp-security__grid {
    display: grid;
    grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
    gap: 30px;
    align-items: center
}

.trp-security__image img {
    width: 100%;
    height: 340px;
    object-fit: cover;
    border-radius: 28px;
}

.trp-security__copy {
    display: grid;
    gap: 18px
}

.trp-security__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.trp-security__chips span {
    padding: 12px 16px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #d4e8f2;
    color: var(--trp-ink);
    font-size: 14px;
    font-weight: 800
}

.tr-sell-premium .totalrent-google-reviews {
    padding: 82px 24px!important;
    background: #f9fbfd!important
}

.tr-sell-premium .totalrent-google-reviews__inner {
    max-width: 1180px!important
}

.tr-sell-premium .totalrent-google-reviews__heading {
    font-size: clamp(34px,3.8vw,52px)!important;
    line-height: 1.02!important;
    letter-spacing: -.035em!important;
    color: var(--trp-ink)!important
}

.tr-sell-premium .totalrent-google-reviews__intro {
    font-size: 16px!important;
    color: var(--trp-muted)!important
}

.trp-cta {
    padding: 0 0 82px;
    background: #f9fbfd
}

.trp-cta__inner {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 36px;
    align-items: end;
    padding: 52px 46px 40px;
    border-radius: 30px;
    overflow: hidden;
    background: linear-gradient(180deg,rgba(13,45,99,.18),rgba(13,45,99,.3)),url('../img/gestion-alquiler/san-juan.jpg') center/cover no-repeat;
    color: #fff;
    box-shadow: 0 24px 50px rgba(15,34,65,.14)
}

.trp-cta__inner::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,rgba(9,22,43,.68) 0%,rgba(9,22,43,.38) 38%,rgba(0,0,0,.12) 100%)
}

.trp-cta__content,.trp-cta__badges,.trp-cta__location {
    position: relative;
    z-index: 1
}

.trp-cta__content {
    max-width: 650px;
    display: grid;
    gap: 16px
}

.trp-cta__content h2 {
    color: #fff
}

.trp-cta__content p {
    color: rgba(255,255,255,.86)
}

.trp-cta__badges {
    display: grid;
    gap: 12px;
    justify-items: end
}

.trp-cta__badges span {
    padding: 14px 18px;
    border-radius: 16px;
    background: rgba(255,255,255,.15);
    backdrop-filter: blur(10px);
    font-size: 14px;
    font-weight: 700
}

.trp-cta__location {
    grid-column: 1/-1;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    justify-self: end;
    padding: 14px 18px;
    border-radius: 999px;
    background: #fff;
    color: var(--trp-navy);
    font-size: 14px;
    font-weight: 800
}

.trp-cta__location svg {
    color: var(--trp-blue)
}

.trv-valuation-intro {
    padding-top: 76px;
    text-align: center;
    max-width: 900px!important
}

.trv-valuation-intro .trv-kicker,.trv-valuation-intro .trp-kicker {
    justify-content: center
}

.trv-valuation-intro h2 {
    font-size: clamp(34px,4vw,54px);
    line-height: 1.02;
    letter-spacing: -.04em;
    margin: 12px 0 14px;
    color: var(--trp-ink)
}

.trv-valuation-intro h2 em {
    font-style: normal;
    color: var(--trp-blue)
}

.trv-valuation-intro p {
    max-width: 800px;
    margin: 0 auto;
    font-size: 17px;
    line-height: 1.7;
    color: var(--trp-muted)
}

.tr-sell-premium #valoracion-vivienda {
    scroll-margin-top: 140px
}

.trv-faq {
    padding: 84px 0 100px;
    background: #fff
}

.trv-faq__grid {
    display: grid;
    grid-template-columns: minmax(280px,.8fr) minmax(0,1.2fr);
    gap: 46px
}

.trv-faq .trv-section-head {
    margin: 0;
    position: sticky;
    top: 140px
}

.trv-faq .trv-section-head h2 {
    font-size: clamp(34px,3.8vw,52px);
    line-height: 1.02;
    letter-spacing: -.04em;
    color: var(--trp-ink)
}

.trv-faq .trv-section-head h2 em {
    font-style: normal;
    color: var(--trp-blue)
}

.trv-faq .trv-section-head p {
    font-size: 16px;
    color: var(--trp-muted);
    line-height: 1.7
}

.trv-faq__list {
    border-top: 1px solid var(--trp-line)
}

.trv-faq details {
    border-bottom: 1px solid var(--trp-line)
}

.trv-faq summary {
    list-style: none;
    cursor: pointer;
    position: relative;
    padding: 22px 48px 22px 0;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 800;
    color: var(--trp-ink)
}

.trv-faq summary::-webkit-details-marker {
    display: none
}

.trv-faq summary::before,.trv-faq summary::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 16px;
    height: 2px;
    background: var(--trp-blue);
    transform: translateY(-50%)
}

.trv-faq summary::after {
    transform: translateY(-50%) rotate(90deg)
}

.trv-faq details[open] summary::after {
    transform: translateY(-50%) rotate(0)
}

.trv-faq details p {
    padding: 0 30px 22px 0;
    font-size: 15px;
    line-height: 1.68;
    color: var(--trp-muted)
}

.trp-page [data-reveal],.trv-faq [data-reveal] {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)
}

.trp-page [data-reveal].is-visible,.trv-faq [data-reveal].is-visible {
    opacity: 1;
    transform: none
}

@media (prefers-reduced-motion:reduce) {
    .trp-page [data-reveal],.trv-faq [data-reveal] {
        opacity: 1!important;
        transform: none!important;
        transition: none!important
    }
}

@media (max-width: 1080px) {
    .trp-shell {
        width:min(1180px,calc(100% - 40px))
    }

    .trp-hero__grid {
        grid-template-columns: 1fr
    }

    .trp-hero__figure img {
        height: 460px
    }

    .trp-hero__copy {
        max-width: none
    }

    .trp-hero__icon-list {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .trp-card-grid {
        grid-template-columns: 1fr 1fr
    }

    .trp-card:last-child {
        grid-column: 1/-1
    }

    .trp-process__head,.trp-plan__grid,.trp-report__grid,.trp-security__grid,.trv-faq__grid {
        grid-template-columns: 1fr
    }

    .trp-plan__copy,.trv-faq .trv-section-head {
        position: static
    }

    .trp-plan__bento {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .trp-bento--photo {
        grid-column: span 2
    }

    .trp-monitor {
        grid-template-columns: 1fr
    }

    .trp-stats {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .trp-cta__inner {
        grid-template-columns: 1fr
    }

    .trp-cta__badges {
        justify-items: start;
        grid-template-columns: repeat(3,minmax(0,1fr));
        display: grid
    }

    .trp-cta__location {
        justify-self: start
    }
}

@media (max-width: 760px) {
    .trp-shell {
        width:min(1180px,calc(100% - 28px))
    }

    .trp-hero {
        padding: 122px 0 54px
    }

    .trp-page h1 {
        font-size: 44px
    }

    .trp-page h2 {
        font-size: 38px
    }

    .trp-page p {
        font-size: 15px
    }

    .trp-hero__icon-list {
        grid-template-columns: 1fr 1fr;
        gap: 14px;
        margin: 28px 0
    }

    .trp-hero__figure {
        border-radius: 24px
    }

    .trp-hero__figure img {
        height: 340px
    }

    .trp-hero__figure figcaption {
        left: 14px;
        right: 14px;
        bottom: 14px;
        justify-content: center;
        font-size: 12px
    }

    .trp-logos__row {
        justify-content: center
    }

    .trp-logos__row span {
        font-size: 18px
    }

    .trp-why {
        padding: 62px 0 68px
    }

    .trp-why__head {
        grid-template-columns: 1fr;
        gap: 16px
    }

    .trp-card-grid {
        grid-template-columns: 1fr
    }

    .trp-card:last-child {
        grid-column: auto
    }

    .trp-process {
        padding: 62px 0
    }

    .trp-process__head {
        gap: 20px
    }

    .trp-process__steps {
        grid-template-columns: 1fr
    }

    .trp-process__steps article:not(:last-child)::after {
        display: none
    }

    .trp-process__steps article {
        text-align: left;
        padding: 18px 0
    }

    .trp-process__steps i {
        margin: 10px 0 12px
    }

    .trp-plan,.trp-report,.trp-security {
        padding: 62px 0
    }

    .trp-plan__bento {
        grid-template-columns: 1fr
    }

    .trp-bento--photo {
        grid-column: auto;
        grid-row: auto;
        min-height: 260px
    }

    .trp-stats {
        grid-template-columns: 1fr
    }

    .trp-security__image img {
        height: 260px
    }

    .trp-cta {
        padding: 0 0 62px
    }

    .trp-cta__inner {
        padding: 34px 22px 22px;
        border-radius: 24px
    }

    .trp-cta__badges {
        grid-template-columns: 1fr
    }

    .trv-valuation-intro {
        padding-top: 62px
    }

    .trv-faq {
        padding: 62px 0 76px
    }
}

@media (max-width: 480px) {
    .trp-hero__icon-list {
        grid-template-columns:1fr
    }

    .trp-btn {
        width: 100%
    }

    .trp-cta__content .trp-btn {
        width: auto;
        max-width: 100%
    }
}

/* ===== 15/09/2026 Ã‚Â· Nuevo hero visual Quiero Vender ===== */
.trp-hero--lead {
    position: relative;
    padding: 56px 0 82px;
    background: #00a6e3;
    overflow: hidden
}

.trp-hero--lead .trp-shell {
    position: relative;
    z-index: 2
}

.trp-hero__bg-shape {
    position: absolute;
    pointer-events: none;
    z-index: 1
}

.trp-hero__bg-shape--one {
    right: 14%;
    top: -32px;
    width: 420px;
    height: 420px;
    border: 18px solid #241b2b;
    border-radius: 50%;
    opacity: .9
}

.trp-hero__bg-shape--two {
    right: -40px;
    top: 56px;
    width: 260px;
    height: 560px;
    border: 18px solid rgba(255,255,255,.96);
    border-left: 0;
    border-radius: 0 220px 220px 0 / 0 260px 260px 0;
    opacity: .9
}

.trp-hero--lead .trp-hero__grid {
    grid-template-columns: minmax(0,1fr) minmax(420px,510px);
    gap: 74px;
    align-items: center
}

.trp-hero--lead .trp-hero__copy {
    max-width: 620px;
    padding: 46px 0 20px
}

.trp-hero--lead .trp-kicker--white {
    color: rgba(255,255,255,.84)
}

.trp-hero--lead h1 {
    max-width: 700px;
    color: #241b2b;
    font-size: clamp(52px,6.2vw,90px);
    line-height: .96;
    letter-spacing: -.06em
}

.trp-hero--lead h1 em {
    color: #fff
}

.trp-hero__bullets {
    list-style: none;
    padding: 0;
    margin: 34px 0 34px;
    display: grid;
    gap: 16px;
    max-width: 700px
}

.trp-hero__bullets li {
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 12px;
    align-items: flex-start;
    color: #fff;
    font-size: 18px;
    line-height: 1.6
}

.trp-hero__bullets strong {
    color: #241b2b;
    font-weight: 800
}

.trp-check {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    color: #fff;
    margin-top: 2px
}

.trp-check svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.1;
    stroke-linecap: round;
    stroke-linejoin: round
}

.trp-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px
}

.trp-btn--hero {
    background: transparent;
    border: 2px solid rgba(255,255,255,.95);
    color: #fff!important;
    padding: 0 32px;
    min-height: 64px;
    font-size: 16px
}

.trp-btn--hero:hover {
    background: #fff;
    color: #0f2241!important
}

.trp-btn--hero-ghost {
    background: rgba(36,27,43,.16);
    border: 1px solid rgba(36,27,43,.22);
    color: #fff!important;
    backdrop-filter: blur(8px);
    min-height: 64px;
    padding: 0 24px
}

.trp-btn--hero-ghost:hover {
    background: rgba(36,27,43,.24)
}

.trp-lead-card {
    position: relative;
    padding: 0 0 0 26px
}

.trp-lead-card::before {
    content: "";
    position: absolute;
    inset: 34px 0 16px 0;
    border-radius: 28px;
    background: rgba(255,255,255,.08);
    filter: blur(0.2px)
}

.trp-lead-form {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 34px 38px;
    border-radius: 24px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 34px 74px rgba(15,34,65,.20)
}

.trp-lead-form .totalrent-form-fields-wrapper {
    gap: 16px
}

.trp-lead-form .totalrent-form-fields-wrapper>.totalrent-field-group {
    margin-bottom: 0!important
}

.trp-lead-form .totalrent-field,.trp-lead-form input,.trp-lead-form select,.trp-lead-form textarea {
    border-radius: 16px!important
}

.trp-lead-form .totalrent-field-group:not(.totalrent-field-group-perfil) .totalrent-field {
    width: 100%
}

.trp-lead-form .totalrent-field-group-politicas label {
    font-size: 14px!important;
    color: #6e7689!important
}

.trp-lead-form .totalrent-field-group-politicas a {
    color: #241b2b!important;
    font-weight: 700;
    text-decoration: none
}

.trp-lead-form .totalrent-button {
    width: 100%!important;
    min-height: 58px!important;
    border-radius: 999px!important;
    background: linear-gradient(90deg,#e8f6fc 0%,#d8eef8 100%)!important;
    color: #8ca4b1!important;
    box-shadow: none!important
}

.trp-lead-form.tr-owner-confirmed .totalrent-button {
    background: linear-gradient(90deg,#00a6e3 0%,#1ec0f2 100%)!important;
    color: #fff!important;
    box-shadow: 0 18px 34px rgba(0,166,227,.25)!important
}

.trp-lead-form .input-icons {
    color: #00a6e3!important
}

.trp-logos {
    background: #fff;
    padding: 26px 0 24px
}

.trp-logos__row {
    border-top: none;
    border-bottom: none;
    padding: 0 6px;
    justify-content: center;
    gap: 36px
}

.trp-logos__row span {
    font-size: 20px;
    color: #b4becc
}

@media (max-width: 1180px) {
    .trp-hero--lead .trp-hero__grid {
        gap:42px;
        grid-template-columns: 1fr 450px
    }

    .trp-hero__bg-shape--one {
        right: 8%
    }

    .trp-hero__bg-shape--two {
        right: -70px
    }
}

@media (max-width: 1024px) {
    .trp-hero--lead {
        padding:42px 0 72px
    }

    .trp-hero--lead .trp-hero__grid {
        grid-template-columns: 1fr;
        gap: 32px
    }

    .trp-lead-card {
        padding-left: 0;
        max-width: 620px
    }

    .trp-hero__bg-shape--one {
        right: 8%;
        top: 60px;
        width: 300px;
        height: 300px;
        border-width: 14px;
        opacity: .42
    }

    .trp-hero__bg-shape--two {
        display: none
    }

    .trp-hero--lead .trp-hero__copy {
        padding-top: 20px
    }

    .trp-hero__bullets li {
        font-size: 17px
    }
}

@media (max-width: 760px) {
    .trp-hero--lead {
        padding:26px 0 56px
    }

    .trp-hero--lead h1 {
        font-size: clamp(40px,11vw,58px)
    }

    .trp-hero__bullets {
        gap: 14px;
        margin: 26px 0 28px
    }

    .trp-hero__bullets li {
        font-size: 15px;
        grid-template-columns: 24px 1fr
    }

    .trp-check {
        width: 24px;
        height: 24px
    }

    .trp-hero__actions {
        display: grid;
        grid-template-columns: 1fr
    }

    .trp-btn--hero,.trp-btn--hero-ghost {
        width: 100%
    }

    .trp-lead-form {
        padding: 24px 18px;
        border-radius: 20px
    }

    .trp-lead-card::before {
        inset: 16px 0 8px 0
    }

    .trp-logos {
        padding: 18px 0
    }

    .trp-logos__row {
        gap: 18px
    }

    .trp-logos__row span {
        font-size: 16px
    }
}

/* =========================================================
   15/09/2026 Ã‚Â· AJUSTE FINO DE MAQUETACIÃƒâ€œN
   Proporciones, textos, espacios, cabecera y lectura desktop.
   ========================================================= */
body.tr-sell-premium-page {
    --totalrent-navbar-height: 142px
}

body.tr-sell-premium-page .totalrent-navbar-inner {
    max-width: 1480px;
    min-height: 70px!important;
    padding: 4px 34px;
    gap: 22px;
}

body.tr-sell-premium-page .totalrent-navbar-brand img {
    width: 64px;
    height: 64px
}

body.tr-sell-premium-page .totalrent-navbar-navigation ul {
    gap: 18px
}

body.tr-sell-premium-page .totalrent-navbar-navigation>ul>li>a, body.tr-sell-premium-page .totalrent-navbar-navigation>ul>li>.totalrent-nav-trigger {
    font-size: 14px;
    min-height: 38px
}

body.tr-sell-premium-page .totalrent-navbar-contact {
    font-size: 13px;
    gap: 12px
}

body.tr-sell-premium-page .totalrent-contact-icon {
    width: 38px;
    height: 38px
}

body.tr-sell-premium-page .totalrent-property-search-wrap {
    width: min(1020px,calc(100% - 48px));
    margin: 0 auto 12px
}

body.tr-sell-premium-page .totalrent-property-search {
    min-height: 58px;
    border-radius: 16px
}

body.tr-sell-premium-page .totalrent-property-search label {
    padding-top: 7px;
    padding-bottom: 7px
}

body.tr-sell-premium-page .totalrent-property-search button {
    min-width: 122px;
    margin: 6px;
    border-radius: 12px
}

.trp-shell,.trv-shell {
    width: min(1320px,calc(100% - 64px));
    margin-inline:auto}

.trp-page p {
    font-size: 16px;
    line-height: 1.62
}

.trp-page h2 {
    font-size: clamp(38px,3.3vw,54px);
    line-height: 1.02
}

.trp-kicker {
    font-size: 11px;
    margin-bottom: 12px
}

/* Hero: mejor proporciÃƒÂ³n entre copy y formulario */
.trp-hero--lead {
    padding: 154px 0 76px;
    min-height: 710px;
    display: flex;
    align-items: center
}

.trp-hero--lead .trp-hero__grid {
    grid-template-columns: minmax(0,1.12fr) minmax(460px,.88fr);
    gap: 70px;
}

.trp-hero--lead .trp-hero__copy {
    max-width: 730px;
    padding: 18px 0 8px
}

.trp-hero--lead h1 {
    max-width: 720px;
    font-size: clamp(56px,4.6vw,74px);
    line-height: .96;
    letter-spacing: -.055em
}

.trp-hero__bullets {
    margin: 30px 0 30px;
    gap: 12px;
    max-width: 710px
}

.trp-hero__bullets li {
    grid-template-columns: 24px 1fr;
    gap: 10px;
    font-size: 16px;
    line-height: 1.48
}

.trp-check {
    width: 24px;
    height: 24px
}

.trp-check svg {
    width: 21px;
    height: 21px
}

.trp-btn--hero,.trp-btn--hero-ghost {
    min-height: 54px;
    font-size: 14px
}

.trp-btn--hero {
    padding: 0 26px
}

.trp-btn--hero-ghost {
    padding: 0 22px
}

.trp-lead-card {
    padding-left: 0;
    max-width: 520px;
    justify-self: end;
    width: 100%
}

.trp-lead-form {
    padding: 30px 32px;
    border-radius: 24px;
    box-shadow: 0 28px 62px rgba(15,34,65,.22)
}

.trp-lead-form .totalrent-form-fields-wrapper {
    min-height: 390px!important;
    gap: 12px
}

.trp-lead-form.tr-owner-confirmed .totalrent-form-fields-wrapper {
    min-height: 0!important
}

.trp-lead-form .totalrent-field-group:not(.totalrent-field-group-perfil) input, .trp-lead-form .totalrent-field-group:not(.totalrent-field-group-perfil) select, .trp-lead-form .totalrent-field-group:not(.totalrent-field-group-perfil) textarea {
    min-height: 48px!important;
    font-size: 14px!important
}

.trp-lead-form.tr-owner-gated:not(.tr-owner-confirmed) .totalrent-field-group-perfil {
    width: min(340px,calc(100% - 36px))!important;
    padding: 20px!important
}

.trp-lead-form.tr-owner-gated:not(.tr-owner-confirmed) .tr-owner-question__title {
    font-size: 17px!important
}

.trp-lead-form.tr-owner-gated:not(.tr-owner-confirmed) .tr-owner-choice {
    min-height: 48px!important
}

.trp-hero__bg-shape--one {
    right: 13%;
    top: 52px;
    width: 360px;
    height: 360px;
    border-width: 15px;
    opacity: .92
}

.trp-hero__bg-shape--two {
    right: -32px;
    top: 92px;
    width: 230px;
    height: 500px;
    border-width: 15px
}

/* Logos: transiciÃƒÂ³n compacta entre hero y contenido */
.trp-logos {
    padding: 18px 0 20px
}

.trp-logos__row {
    gap: 42px;
    min-height: 36px
}

.trp-logos__row span {
    font-size: 17px;
    font-weight: 700
}

/* Estrategia: mejora columnas y corrige texto de cards */
.trp-why {
    padding: 72px 0 80px
}

.trp-why__head {
    grid-template-columns: minmax(0,.9fr) minmax(380px,1.1fr);
    gap: 72px;
    align-items: center;
    margin-bottom: 34px
}

.trp-why__head>div {
    max-width: 560px
}

.trp-why__head>p {
    max-width: 610px;
    justify-self: end
}

.trp-card-grid {
    gap: 22px
}

.trp-card {
    border-radius: 24px;
    box-shadow: 0 16px 38px rgba(15,34,65,.06)
}

.trp-card img {
    height: 205px
}

.trp-card__body {
    padding: 22px 24px 24px;
    grid-template-columns: 50px minmax(0,1fr);
    column-gap: 14px;
    row-gap: 5px
}

.trp-card__body .trp-icon {
    width: 50px;
    height: 50px;
    border-radius: 15px;
    grid-row: 1/3
}

.trp-card__body h3 {
    font-size: 24px;
    margin: 2px 0 2px;
    align-self: end
}

.trp-card__body p {
    grid-column: 2;
    font-size: 14px;
    line-height: 1.48;
    max-width: 280px
}

/* Proceso: menos altura vacÃƒÂ­a, mÃƒÂ¡s iconografÃƒÂ­a */
.trp-process {
    padding: 72px 0 68px
}

.trp-process__head {
    grid-template-columns: minmax(0,1.05fr) minmax(340px,.95fr);
    gap: 70px;
    align-items: center;
    margin-bottom: 36px
}

.trp-process__head h2 {
    max-width: 680px;
    font-size: clamp(38px,3.4vw,52px)
}

.trp-process__aside {
    gap: 16px;
    max-width: 470px;
    justify-self: end
}

.trp-process__aside p {
    font-size: 15px;
    line-height: 1.55
}

.trp-process__aside .trp-btn {
    min-height: 46px;
    padding: 0 20px;
    font-size: 13px
}

.trp-process__steps article {
    padding: 22px 10px 18px
}

.trp-process__steps span {
    font-size: 19px;
    margin-bottom: 9px;
    color: #7bdcff;
    letter-spacing: 0
}

.trp-process__steps i {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    margin: 0 auto 11px;
    color: #7bdcff;
    background: rgba(255,255,255,.065)
}

.trp-process__steps i svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round
}

.trp-process__steps h3 {
    font-size: 16px;
    margin-bottom: 5px
}

.trp-process__steps small {
    display: block;
    color: rgba(255,255,255,.52);
    font-size: 11px;
    line-height: 1.35
}

/* Plan de venta: bloque mÃƒÂ¡s equilibrado y legible */
.trp-plan {
    padding: 78px 0 84px
}

.trp-plan__grid {
    grid-template-columns: minmax(360px,.78fr) minmax(0,1.22fr);
    gap: 64px;
    align-items: center
}

.trp-plan__copy {
    position: static;
    gap: 16px;
    max-width: 460px
}

.trp-plan__copy h2 {
    font-size: clamp(38px,3.3vw,52px)
}

.trp-plan__copy p {
    font-size: 15px;
    line-height: 1.58
}

.trp-plan__copy .trp-btn {
    min-height: 46px;
    width: max-content;
    padding: 0 20px;
    font-size: 13px
}

.trp-plan__bento {
    gap: 14px
}

.trp-bento {
    min-height: 180px;
    border-radius: 20px
}

.trp-bento--photo {
    min-height: 374px
}

.trp-bento h3 {
    font-size: 19px;
    line-height: 1.15
}

.trp-bento>div {
    left: 18px;
    right: 18px;
    bottom: 16px
}

/* Seguimiento: evita que el titular se rompa en demasiadas lÃƒÂ­neas */
.trp-report {
    padding: 82px 0 88px
}

.trp-report__grid {
    grid-template-columns: minmax(470px,.92fr) minmax(0,1.08fr);
    gap: 72px
}

.trp-report__copy {
    gap: 15px;
    max-width: 560px
}

.trp-report__copy h2 {
    font-size: clamp(38px,3.1vw,50px);
    line-height: 1.01
}

.trp-report__copy p {
    font-size: 15px;
    line-height: 1.58
}

.trp-report__tags {
    margin-top: 4px
}

.trp-report__tags span {
    padding: 8px 11px;
    font-size: 11px
}

.trp-monitor {
    grid-template-columns: minmax(0,1fr) 150px;
    gap: 14px
}

.trp-monitor__screen {
    padding: 16px;
    border-radius: 22px
}

.trp-monitor__chart {
    height: 205px;
    padding: 18px
}

.trp-stats article {
    padding: 15px;
    border-radius: 18px
}

.trp-stats b {
    font-size: 26px
}

.trp-stats span {
    font-size: 11px
}

/* Seguridad */
.trp-security {
    padding: 26px 0 80px
}

.trp-security__grid {
    grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
    gap: 58px
}

.trp-security__image img {
    height: 320px;
    border-radius: 24px
}

.trp-security__copy {
    gap: 14px;
    max-width: 650px
}

.trp-security__copy h2 {
    font-size: clamp(38px,3.1vw,50px)
}

.trp-security__copy p {
    font-size: 15px;
    line-height: 1.58
}

.trp-security__chips {
    gap: 9px
}

.trp-security__chips span {
    padding: 9px 12px;
    font-size: 11px
}

/* ReseÃƒÂ±as + CTA */
.tr-sell-premium .totalrent-google-reviews {
    padding: 74px 24px!important
}

.tr-sell-premium .totalrent-google-reviews__inner {
    max-width: 1320px!important
}

.tr-sell-premium .totalrent-google-reviews__heading {
    font-size: clamp(36px,3.2vw,50px)!important
}

.trp-cta {
    padding: 0 0 76px
}

.trp-cta__inner {
    padding: 46px 48px 34px;
    border-radius: 26px;
    min-height: 300px
}

.trp-cta__content {
    max-width: 720px;
    gap: 13px
}

.trp-cta__content h2 {
    font-size: clamp(38px,3.3vw,54px)
}

.trp-cta__content p {
    font-size: 14px;
    max-width: 650px
}

.trp-cta__badges span {
    padding: 11px 14px;
    font-size: 12px
}

.trp-cta__location {
    padding: 11px 15px;
    font-size: 12px
}

/* Valorador y FAQ: corrige el ancho que en la captura quedaba desalineado */
.trv-valuation-intro {
    width: min(980px,calc(100% - 64px));
    margin: 0 auto;
    padding: 76px 0 28px!important;
    text-align: center;
    max-width: none!important
}

.trv-valuation-intro h2 {
    font-size: clamp(36px,3.1vw,50px);
    max-width: 860px;
    margin: 10px auto 12px
}

.trv-valuation-intro p {
    font-size: 14px;
    line-height: 1.58;
    max-width: 720px
}

.tr-sell-premium #valoracion-vivienda {
    padding-top: 18px;
    padding-bottom: 72px
}

.trv-faq {
    padding: 72px 0 94px
}

.trv-faq__grid {
    gap: 72px;
    grid-template-columns: minmax(390px,.82fr) minmax(0,1.18fr)
}

.trv-faq .trv-section-head {
    position: static;
    max-width: 500px
}

.trv-faq .trv-section-head h2 {
    font-size: clamp(34px,3vw,48px)
}

.trv-faq .trv-section-head p {
    font-size: 14px
}

.trv-faq summary {
    font-size: 14px;
    padding: 18px 44px 18px 0
}

.trv-faq details p {
    font-size: 13px;
    padding-bottom: 18px
}

@media(max-width: 1180px) {
    body.tr-sell-premium-page .totalrent-navbar-inner {
        padding-inline:22px
    }

    .trp-shell,.trv-shell {
        width: min(1180px,calc(100% - 40px))
    }

    .trp-hero--lead .trp-hero__grid {
        grid-template-columns: minmax(0,1fr) 440px;
        gap: 42px
    }

    .trp-hero--lead h1 {
        font-size: 58px
    }

    .trp-report__grid {
        grid-template-columns: minmax(400px,.9fr) minmax(0,1.1fr);
        gap: 42px
    }
}

@media(max-width: 1024px) {
    body.tr-sell-premium-page {
        --totalrent-navbar-height:88px
    }

    .trp-hero--lead {
        padding: 118px 0 66px;
        min-height: auto
    }

    .trp-hero--lead .trp-hero__grid {
        grid-template-columns: 1fr;
        gap: 34px
    }

    .trp-lead-card {
        justify-self: start;
        max-width: 600px
    }

    .trp-why__head,.trp-process__head,.trp-plan__grid,.trp-report__grid,.trp-security__grid,.trv-faq__grid {
        grid-template-columns: 1fr;
        gap: 28px
    }

    .trp-why__head>p,.trp-process__aside {
        justify-self: start;
        max-width: 720px
    }

    .trp-plan__copy,.trp-report__copy,.trp-security__copy {
        max-width: 760px
    }

    .trp-plan__bento {
        max-width: 760px
    }

    .trp-monitor {
        max-width: 760px
    }

    .trv-faq .trv-section-head {
        max-width: 760px
    }
}

@media(max-width: 760px) {
    .trp-shell,.trv-shell,.trv-valuation-intro {
        width:min(100% - 28px,720px)
    }

    .trp-hero--lead {
        padding: 104px 0 52px
    }

    .trp-hero--lead h1 {
        font-size: 45px
    }

    .trp-card img {
        height: 190px
    }

    .trp-card__body {
        grid-template-columns: 46px 1fr
    }

    .trp-card__body .trp-icon {
        width: 46px;
        height: 46px
    }

    .trp-card__body h3 {
        font-size: 22px
    }

    .trp-process__steps small {
        font-size: 10px
    }

    .trp-plan__copy .trp-btn {
        width: 100%
    }

    .trp-report__copy h2,.trp-security__copy h2 {
        font-size: 38px
    }

    .trv-valuation-intro {
        padding-top: 58px!important
    }
}

/* ==========================================================
   15/09/2026 Ã‚Â· Quiero Vender Ã‚Â· copy final + header/footer fix
   ========================================================== */
body.tr-sell-premium-page {
    background: #fff
}

body.tr-sell-premium-page header.totalrent-navbar {
    background: #00a6e3!important;
    box-shadow: none!important
}

body.tr-sell-premium-page header.totalrent-navbar:not(.totalrent-navbar-scrolled):not(.totalrent-navbar-open) .totalrent-logo-blue {
    display: none!important
}

body.tr-sell-premium-page header.totalrent-navbar:not(.totalrent-navbar-scrolled):not(.totalrent-navbar-open) .totalrent-logo-white {
    display: block!important
}

body.tr-sell-premium-page header.totalrent-navbar:not(.totalrent-navbar-scrolled):not(.totalrent-navbar-open) a, body.tr-sell-premium-page header.totalrent-navbar:not(.totalrent-navbar-scrolled):not(.totalrent-navbar-open) .totalrent-nav-trigger {
    color: #fff!important
}

body.tr-sell-premium-page header.totalrent-navbar.totalrent-navbar-scrolled, body.tr-sell-premium-page header.totalrent-navbar.totalrent-navbar-open {
    background: #fff!important;
    box-shadow: 0 8px 26px rgba(36,27,43,.12)!important
}

body.tr-sell-premium-page header.totalrent-navbar.totalrent-navbar-scrolled .totalrent-logo-blue, body.tr-sell-premium-page header.totalrent-navbar.totalrent-navbar-open .totalrent-logo-blue {
    display: block!important
}

body.tr-sell-premium-page header.totalrent-navbar.totalrent-navbar-scrolled .totalrent-logo-white, body.tr-sell-premium-page header.totalrent-navbar.totalrent-navbar-open .totalrent-logo-white {
    display: none!important
}

body.tr-sell-premium-page header.totalrent-navbar.totalrent-navbar-scrolled .totalrent-property-search-wrap {
}

body.tr-sell-premium-page header.totalrent-navbar.totalrent-navbar-scrolled .totalrent-navbar-inner {
    min-height: 74px!important
}

body.tr-sell-premium-page .totalrent-property-search-wrap {
    margin-bottom: 14px
}

body.tr-sell-premium-page .totalrent-property-search {
    border: 0;
    box-shadow: 0 14px 36px rgba(13,43,71,.18)
}

.trp-hero--lead {
    padding-top: calc(var(--totalrent-navbar-height) + 54px)!important;
    padding-bottom: 78px!important
}

.trp-hero--lead .trp-hero__grid {
    align-items: center;
    gap: 64px
}

.trp-hero--lead .trp-hero__copy {
    padding: 0;
    max-width: 680px
}

.trp-hero--lead h1 {
    font-size: clamp(50px,5.4vw,78px);
    line-height: .97;
    max-width: 650px
}

.trp-hero__subtitle {
    margin: 18px 0 14px!important;
    color: #fff!important;
    font-size: 24px!important;
    line-height: 1.15!important;
    font-weight: 800
}

.trp-hero__intro {
    max-width: 660px;
    color: rgba(255,255,255,.92)!important;
    font-size: 16px!important;
    line-height: 1.62!important;
    margin: 0 0 10px!important
}

.trp-hero__intro strong {
    color: #241b2b
}

.trp-hero__service-line {
    margin: 20px 0 26px;
    padding: 12px 0;
    border-top: 1px solid rgba(255,255,255,.28);
    border-bottom: 1px solid rgba(255,255,255,.28);
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.5
}

.trp-lead-form {
    padding: 30px 34px
}

.trp-lead-form .totalrent-form-fields-wrapper {
    min-height: 395px!important
}

.trp-why__head,.trp-plan__head {
    display: grid;
    grid-template-columns: minmax(0,.9fr) minmax(360px,1.1fr);
    gap: 58px;
    align-items: end;
    margin-bottom: 32px
}

.trp-card__body {
    grid-template-columns: 52px 1fr;
    gap: 16px
}

.trp-card__body strong {
    display: block;
    margin: 0 0 8px;
    color: #241b2b;
    font-size: 15px;
    line-height: 1.42
}

.trp-card__body p {
    font-size: 14px;
    line-height: 1.56
}

.trp-card {
    min-height: 420px
}

.trp-card img {
    height: 170px
}

.trp-process__steps article {
    padding: 26px 16px 28px
}

.trp-process__steps article p {
    margin: 12px auto 0;
    max-width: 190px;
    color: rgba(255,255,255,.7);
    font-size: 12px;
    line-height: 1.5
}

.trp-process__aside strong {
    color: #fff
}

.trp-plan__grid {
    display: block
}

.trp-plan__head p {
    font-size: 16px;
    line-height: 1.68
}

.trp-plan__head strong {
    color: #241b2b
}

.trp-plan__bento {
    grid-template-columns: 1.25fr .8fr .8fr;
    grid-auto-rows: minmax(220px,auto)
}

.trp-bento {
    min-height: 230px
}

.trp-bento--photo {
    grid-column: auto;
    grid-row: span 2;
    min-height: 476px
}

.trp-bento>div {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 26px 24px 22px;
    background: linear-gradient(180deg,transparent,rgba(10,28,50,.88))
}

.trp-bento h3 {
    font-size: 21px;
    margin-bottom: 8px
}

.trp-bento p {
    margin: 0;
    color: rgba(255,255,255,.84);
    font-size: 12px;
    line-height: 1.5
}

.trp-bento--solid-card>div {
    position: absolute;
    inset: 0;
    padding: 28px;
    background: linear-gradient(135deg,#0d2d63 0%,#0c3e70 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}

.trp-bento--solid-card:last-child>div {
    background: linear-gradient(135deg,#0678ad,#00a6e3)
}

.trp-report__copy p+ p {
    margin-top: -6px
}

.trp-report__copy strong {
    color: #241b2b
}

.trp-security__claim {
    display: block;
    padding-top: 4px;
    color: #241b2b;
    font-size: 18px;
    line-height: 1.4
}

.trp-offices {
    position: relative;
    padding: 82px 0 0;
    background: #00a6e3;
    color: #fff;
    overflow: hidden
}

.trp-offices::before,.trp-offices::after {
    content: "";
    position: absolute;
    border: 2px solid rgba(255,255,255,.13);
    border-radius: 50%;
    pointer-events: none
}

.trp-offices::before {
    width: 220px;
    height: 220px;
    left: -110px;
    top: -80px
}

.trp-offices::after {
    width: 300px;
    height: 300px;
    right: -150px;
    top: 70px
}

.trp-offices h2 {
    color: #fff;
    text-align: center;
    font-size: clamp(34px,4vw,54px)
}

.trp-offices h2 em {
    color: #241b2b
}

.trp-offices__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    max-width: 720px;
    margin: 50px auto 86px
}

.trp-office {
    text-align: center;
    display: grid;
    justify-items: center;
    gap: 12px
}

.trp-office__icon {
    display: grid;
    place-items: center;
    width: 92px;
    height: 92px;
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    box-shadow: 0 0 0 10px rgba(255,255,255,.05);
    color: #fff
}

.trp-office__icon svg {
    width: 54px;
    height: 54px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round
}

.trp-office h3 {
    color: #fff;
    font-size: 22px
}

.trp-office a {
    display: inline-flex;
    padding: 9px 14px;
    border-radius: 999px;
    background: #fff;
    color: #00a6e3;
    text-decoration: none;
    font-size: 12px;
    font-weight: 900
}

.trp-offices__contact {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(380px,500px);
    gap: 80px;
    align-items: center;
    padding: 0 0 70px
}

.trp-offices__copy h2 {
    text-align: left;
    font-size: clamp(38px,4.4vw,62px);
    line-height: 1.02
}

.trp-offices__copy p {
    max-width: 580px;
    color: rgba(255,255,255,.88);
    font-size: 16px;
    line-height: 1.6;
    margin: 22px 0 0
}

.trp-offices__copy a {
    color: #fff;
    font-weight: 800
}

.trp-offices__form .trp-lead-form {
    box-shadow: 0 26px 60px rgba(13,43,71,.2)
}

.trp-offices__form .trp-lead-card {
    padding: 0
}

/* Shared footer: remove legacy white gap / Elementor footer sizing */
.tr-site-footer {
    margin: 0!important
}

.tr-site-footer__inner {
    margin: -53px auto 0!important
}

@media(max-width: 1100px) {
    body.tr-sell-premium-page header.totalrent-navbar {
        background:#00a6e3!important
    }

    .trp-hero--lead {
        padding-top: 112px!important
    }

    .trp-why__head,.trp-plan__head,.trp-offices__contact {
        grid-template-columns: 1fr;
        gap: 24px
    }

    .trp-card {
        min-height: 0
    }

    .trp-plan__bento {
        grid-template-columns: 1fr 1fr
    }

    .trp-bento--photo {
        grid-row: auto;
        min-height: 320px
    }

    .trp-offices__contact {
        gap: 38px
    }

    .trp-offices__form {
        max-width: 600px
    }
}

@media(max-width: 760px) {
    .trp-hero--lead {
        padding-top:96px!important
    }

    .trp-hero__subtitle {
        font-size: 20px!important
    }

    .trp-hero__intro {
        font-size: 15px!important
    }

    .trp-hero__service-line {
        font-size: 12px
    }

    .trp-process__steps article p {
        max-width: none
    }

    .trp-plan__bento {
        grid-template-columns: 1fr
    }

    .trp-bento--photo {
        min-height: 300px
    }

    .trp-offices {
        padding-top: 62px
    }

    .trp-offices__grid {
        grid-template-columns: 1fr;
        gap: 42px;
        margin: 38px auto 60px
    }

    .trp-offices__contact {
        padding-bottom: 54px
    }

    .trp-offices__copy h2 {
        font-size: 40px
    }
}


/* ==========================================================
   16/09/2026 Ã‚Â· QUIERO VENDER Ã¢â‚¬â€ formulario igual a Quiero Alquilar
   Mantiene la lÃƒÂ³gica del formulario de venta, pero replica la
   maquetaciÃƒÂ³n limpia del formulario principal de alquiler.
   ========================================================== */
.trp-lead-card{
  max-width:450px!important;
  width:100%!important;
  padding:0!important;
}
.trp-lead-card::before{
  display:none!important;
}
.trp-lead-form{
  width:100%!important;
  margin:0!important;
  padding:50px!important;
  border:0!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.trp-lead-form .totalrent-form-fields-wrapper{
  min-height:0!important;
  margin-left:-5px!important;
  margin-right:-5px!important;
  margin-bottom:-24px!important;
  gap:0!important;
}
.trp-lead-form.tr-owner-confirmed .totalrent-form-fields-wrapper{
  min-height:0!important;
}
.trp-lead-form .totalrent-form-fields-wrapper > .totalrent-field-group{
  width:100%!important;
  margin:0 0 24px!important;
  padding-left:5px!important;
  padding-right:5px!important;
}

/* Cabecera propietario: misma composiciÃƒÂ³n que Quiero Alquilar */
.trp-lead-form .totalrent-field-group-perfil{
  margin-bottom:24px!important;
  padding-left:5px!important;
  padding-right:5px!important;
}
.trp-lead-form .tr-owner-question{
  gap:12px!important;
}
.trp-lead-form .tr-owner-question__advice{
  margin:0!important;
  text-align:left!important;
}
.trp-lead-form .tr-owner-question__advice-title{
  display:block!important;
  margin:0!important;
  color:#00a6e3!important;
  font-family:"MaisonNeue",Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-align:left!important;
}
.trp-lead-form .tr-owner-question__advice-text{
  display:none!important;
}
.trp-lead-form .tr-owner-question__title{
  margin:0!important;
  color:#241b2b!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.25!important;
  text-align:left!important;
}
.trp-lead-form .tr-owner-question__buttons{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
.trp-lead-form .tr-owner-choice{
  min-height:48px!important;
  padding:0 18px!important;
  border:1px solid #dce8ed!important;
  border-radius:12px!important;
  background:#f3eff1!important;
  color:#241b2b!important;
  box-shadow:none!important;
  font-size:14px!important;
  font-weight:700!important;
}
.trp-lead-form .tr-owner-choice.is-active,
.trp-lead-form .tr-owner-choice[aria-pressed="true"]{
  border-color:#00a6e3!important;
  background:#00a6e3!important;
  color:#fff!important;
}

/* Campos: planos, sin bordes redondeados, igual que alquiler */
.trp-lead-form .totalrent-field-group:not(.totalrent-field-group-perfil) .totalrent-field:not(.totalrent-acceptance-field),
.trp-lead-form .totalrent-field-group:not(.totalrent-field-group-perfil) input:not([type="checkbox"]):not([type="radio"]),
.trp-lead-form .totalrent-field-group:not(.totalrent-field-group-perfil) select,
.trp-lead-form .totalrent-field-group:not(.totalrent-field-group-perfil) textarea{
  width:100%!important;
  min-height:40px!important;
  border:0!important;
  border-radius:0!important;
  background:#f7f4f3!important;
  box-shadow:none!important;
  color:#241b2b!important;
  font-family:"MaisonNeue",Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:400!important;
}
.trp-lead-form .totalrent-select-wrapper{
  border:0!important;
  border-radius:0!important;
  background:#f7f4f3!important;
  box-shadow:none!important;
}
.trp-lead-form .totalrent-select-wrapper .totalrent-field{
  background:#f7f4f3!important;
}
.trp-lead-form .input-icons{
  color:#00a6e3!important;
}

/* TelÃƒÂ©fono: evita el aspecto de caja redondeada del diseÃƒÂ±o de venta */
.trp-lead-form .totalrent-field-group-telefono1,
.trp-lead-form .totalrent-field-group-telefono1 .tr-phone-country,
.trp-lead-form .totalrent-field-group-telefono1 .iti,
.trp-lead-form .totalrent-field-group-telefono1 .cfefp-intl-container{
  border-radius:0!important;
}
.trp-lead-form .totalrent-field-group-telefono1 input[type="tel"]{
  border-radius:0!important;
  background:#f7f4f3!important;
}

/* Checkbox: tamaÃƒÂ±o normal (la CSS de venta lo agrandaba como un input) */
.trp-lead-form .totalrent-field-group-politicas{
  align-items:center!important;
}
.trp-lead-form .totalrent-field-group-politicas .totalrent-field-subgroup,
.trp-lead-form .totalrent-field-group-politicas .totalrent-field-option{
  width:100%!important;
}
.trp-lead-form .totalrent-field-group-politicas input[type="checkbox"],
.trp-lead-form input.totalrent-acceptance-field{
  appearance:auto!important;
  width:13px!important;
  height:13px!important;
  min-height:13px!important;
  max-width:13px!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  vertical-align:middle!important;
}
.trp-lead-form .totalrent-field-group-politicas label{
  color:#241b2b!important;
  font-family:"MaisonNeue",Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.4!important;
}
.trp-lead-form .totalrent-field-group-politicas a{
  color:#241b2b!important;
  font-weight:700!important;
}

/* BotÃƒÂ³n principal como Quiero Alquilar */
.trp-lead-form .totalrent-button,
.trp-lead-form .totalrent-button[type="submit"]{
  width:100%!important;
  min-height:49px!important;
  padding:10px 0!important;
  border:0!important;
  border-radius:50px!important;
  background:#00a6e3!important;
  color:#fff!important;
  box-shadow:none!important;
  font-family:"MaisonNeue",Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:500!important;
  text-transform:uppercase!important;
}
.trp-lead-form.tr-owner-gated:not(.tr-owner-confirmed) .totalrent-button,
.trp-lead-form.tr-owner-gated:not(.tr-owner-confirmed) .totalrent-button[type="submit"]{
  background:#d8eef8!important;
  color:#fff!important;
  opacity:1!important;
}
.trp-lead-form.tr-owner-confirmed .totalrent-button,
.trp-lead-form.tr-owner-confirmed .totalrent-button[type="submit"]{
  background:#00a6e3!important;
  color:#fff!important;
  box-shadow:none!important;
}

/* Formulario inferior: misma anchura y lectura visual */
.trp-offices__form .trp-lead-form{
  max-width:450px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

@media(max-width:560px){
  .trp-lead-card{max-width:100%!important}
  .trp-lead-form{
    padding:34px 28px!important;
    border-radius:10px!important;
  }
  .trp-lead-form .tr-owner-question__advice-title{font-size:13px!important}
  .trp-lead-form .tr-owner-question__title{font-size:14px!important}
  .trp-lead-form .tr-owner-choice{min-height:46px!important}
}

/* ==========================================================
   16/09/2026 Â· QUIERO VENDER â€” diseÃ±o refinado + "Leer mÃ¡s"
   InspiraciÃ³n: landing inmobiliaria limpia, aireada y modular.
   ========================================================== */

/* --- Sistema "Leer mÃ¡s", equivalente al de Sobre nosotros --- */
.trp-readmore-scope{position:relative;min-width:0}
.trp-readmore-panel{
  --trp-collapse-height:58px;
  position:relative;
  max-height:var(--trp-collapse-height);
  overflow:hidden;
  transition:max-height .48s cubic-bezier(.2,.7,.2,1)
}
.trp-readmore-panel::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:34px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff 88%);
  transition:opacity .2s ease
}
.trp-readmore-panel.is-expanded{max-height:1000px}
.trp-readmore-panel.is-expanded::after{opacity:0}
.trp-readmore-panel--hero{--trp-collapse-height:74px}
.trp-readmore-panel--hero::after{
  height:36px;
  background:linear-gradient(180deg,rgba(0,166,227,0),#00a6e3 90%)
}
.trp-readmore-panel--card{--trp-collapse-height:48px}
.trp-readmore-panel--process{--trp-collapse-height:44px}
.trp-readmore-panel--process::after{
  background:linear-gradient(180deg,rgba(8,44,76,0),#082d50 90%)
}
.trp-readmore-panel--copy{--trp-collapse-height:42px}
.trp-readmore-panel--security{--trp-collapse-height:72px}
.trp-readmore{
  margin-top:10px;
  padding:0;
  border:0;
  background:transparent;
  color:#008fca;
  display:inline-flex;
  align-items:center;
  gap:7px;
  font:inherit;
  font-size:13px;
  line-height:1.2;
  font-weight:800;
  cursor:pointer;
  transition:color .2s ease,transform .2s ease
}
.trp-readmore:hover{color:#241b2b;transform:translateY(-1px)}
.trp-readmore svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease}
.trp-readmore[aria-expanded="true"] svg{transform:rotate(180deg)}
.trp-readmore[hidden]{display:none!important}
.trp-readmore--hero{color:#fff;margin:4px 0 18px}
.trp-readmore--hero:hover{color:#241b2b}
.trp-readmore--card{font-size:12px;margin-top:8px}
.trp-readmore--process{color:#8fe2ff;font-size:11px;margin-top:9px;justify-content:center}
.trp-readmore--process:hover{color:#fff}

/* --- Hero: mÃ¡s trabajado sin tocar el formulario ni los textos --- */
.trp-hero--lead{
  isolation:isolate;
  background:
    radial-gradient(circle at 78% 18%,rgba(255,255,255,.16) 0 2px,transparent 3px) 0 0/32px 32px,
    linear-gradient(135deg,#00a6e3 0%,#12afe5 48%,#49c7ee 100%)!important
}
.trp-hero--lead::before{
  content:"";
  position:absolute;
  z-index:0;
  width:620px;height:620px;
  left:-360px;bottom:-420px;
  border-radius:50%;
  border:78px solid rgba(255,255,255,.10);
  pointer-events:none
}
.trp-hero--lead::after{
  content:"";
  position:absolute;
  z-index:0;
  width:180px;height:180px;
  right:34%;bottom:-105px;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  box-shadow:0 0 0 28px rgba(255,255,255,.055);
  pointer-events:none
}
.trp-hero--lead .trp-kicker--white{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.32);
  border-radius:999px;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  color:#fff
}
.trp-hero--lead .trp-kicker--white::before{
  content:"";width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.12)
}
.trp-hero--lead h1{text-wrap:balance;text-shadow:0 1px 0 rgba(255,255,255,.06)}
.trp-hero__subtitle{letter-spacing:-.025em}
.trp-hero__actions{margin-top:2px}
.trp-btn--hero,.trp-btn--hero-ghost{box-shadow:0 12px 28px rgba(19,62,91,.10)}
.trp-btn--hero{background:rgba(255,255,255,.07)}
.trp-btn--hero-ghost{border-color:rgba(255,255,255,.26);background:rgba(14,55,82,.12)}
.trp-lead-form{
  position:relative;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:0 28px 70px rgba(18,72,105,.18)!important
}
.trp-lead-form::before{
  content:"";
  position:absolute;
  inset:-10px 20px auto;
  height:20px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  filter:blur(8px);
  z-index:-1
}

/* --- Fila de difusiÃ³n tipo tarjeta flotante --- */
.trp-logos{position:relative;z-index:4;padding:0!important;background:transparent!important;margin-top:-24px}
.trp-logos__row{
}
.trp-logos__row span{position:relative;color:#8b9bae!important;font-size:15px!important}
.trp-logos__row span:not(:last-child)::after{content:"";position:absolute;right:-21px;top:50%;width:3px;height:3px;border-radius:50%;background:#b9dceb;transform:translateY(-50%)}

/* --- Por quÃ© Total Rent: aire, numeraciÃ³n y profundidad --- */
.trp-why{position:relative;overflow:hidden;padding-top:100px!important;background:linear-gradient(180deg,#fff 0%,#f8fcff 100%)!important}
.trp-why::before{
  content:"";position:absolute;width:310px;height:310px;right:-190px;top:110px;border-radius:50%;border:44px solid rgba(0,166,227,.08);border-left-color:transparent;pointer-events:none
}
.trp-why__head h2{text-wrap:balance}
.trp-why__head>p{position:relative;padding-left:22px}
.trp-why__head>p::before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:3px;border-radius:99px;background:linear-gradient(#00a6e3,#85dcf7)}
.trp-card-grid{position:relative;z-index:1;gap:24px!important}
.trp-card{
  position:relative;
  border:1px solid rgba(207,225,236,.78)!important;
  border-radius:28px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 18px 46px rgba(20,62,88,.07)!important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease
}
.trp-card:hover{transform:translateY(-7px);box-shadow:0 26px 60px rgba(20,62,88,.12)!important;border-color:#bee5f5!important}
.trp-card::after{content:"";position:absolute;left:24px;right:24px;top:158px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);z-index:2}
.trp-card img{height:190px!important;transition:transform .5s cubic-bezier(.2,.7,.2,1);filter:saturate(.92) contrast(1.02)}
.trp-card:hover img{transform:scale(1.035)}
.trp-card__body{position:relative;padding:24px 24px 26px!important}
.trp-card__body>div{position:relative;min-width:0}
.trp-card__index{
  position:absolute;
  right:0;top:-2px;
  color:#c7eaf8;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em
}
.trp-card__body h3{padding-right:34px}
.trp-card__body strong{max-width:270px}

/* --- Proceso: de tabla plana a cinco tarjetas conectadas --- */
.trp-process{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 18%,rgba(80,203,244,.18),transparent 26%),
    linear-gradient(120deg,#03182d 0%,#082d50 48%,#07507a 100%)!important
}
.trp-process::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:38px 38px;pointer-events:none}
.trp-process>.trp-shell{position:relative;z-index:1}
.trp-process__steps{
  position:relative;
  gap:12px!important;
  border:0!important;
  overflow:visible
}
.trp-process__steps::before{content:"";position:absolute;left:8%;right:8%;top:68px;height:1px;background:linear-gradient(90deg,transparent,rgba(128,220,255,.35) 10%,rgba(128,220,255,.35) 90%,transparent);pointer-events:none}
.trp-process__steps article{
  position:relative;
  min-height:250px;
  padding:22px 16px 20px!important;
  border:1px solid rgba(255,255,255,.10);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  backdrop-filter:blur(8px);
  transition:transform .25s ease,border-color .25s ease,background .25s ease
}
.trp-process__steps article:hover{transform:translateY(-5px);border-color:rgba(129,222,255,.34);background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.05))}
.trp-process__steps article:not(:last-child)::after{display:none!important}
.trp-process__steps article>span{font-size:12px!important;letter-spacing:.12em!important;font-weight:900!important}
.trp-process__steps article>i{position:relative;z-index:2;background:#fff!important;color:#00a6e3!important;border:0!important;box-shadow:0 12px 28px rgba(0,0,0,.18),0 0 0 7px rgba(255,255,255,.06)}
.trp-process__steps article h3{font-size:17px!important}
.trp-process__steps article p{margin-top:8px!important;max-width:190px!important}
.trp-readmore-scope--process{max-width:190px;margin:0 auto}

/* --- Plan de venta: bento editorial mÃ¡s visual --- */
.trp-plan{position:relative;background:linear-gradient(180deg,#f8fcff 0%,#fff 100%)!important}
.trp-plan__head{position:relative;padding-bottom:18px;border-bottom:1px solid #e4eef4}
.trp-plan__head::after{content:"";position:absolute;left:0;bottom:-1px;width:88px;height:3px;border-radius:99px;background:#00a6e3}
.trp-plan__bento{gap:18px!important}
.trp-bento{border-radius:26px!important;box-shadow:0 20px 48px rgba(15,34,65,.10)!important;transform:translateZ(0);transition:transform .3s ease,box-shadow .3s ease}
.trp-bento:hover{transform:translateY(-5px);box-shadow:0 28px 60px rgba(15,34,65,.15)!important}
.trp-bento img{transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .3s ease}
.trp-bento:hover img{transform:scale(1.045);filter:saturate(1.05)}
.trp-bento>div{padding:54px 24px 22px!important;background:linear-gradient(180deg,transparent,rgba(6,25,47,.90))!important}
.trp-bento h3{max-width:92%;font-size:20px!important}
.trp-bento p{font-size:12.5px!important}
.trp-bento--solid-card>div{background:linear-gradient(145deg,#0e294c 0%,#0b4770 100%)!important}
.trp-bento--solid-card:last-child>div{background:linear-gradient(145deg,#018fc8 0%,#28bce9 100%)!important}
.trp-bento--solid-card>div::before{content:"";position:absolute;width:120px;height:120px;right:-48px;top:-48px;border-radius:50%;border:18px solid rgba(255,255,255,.10)}

/* --- Seguimiento: fondo suave + dashboard mÃ¡s creÃ­ble --- */
.trp-report{position:relative;background:#f7fbfe!important;overflow:hidden}
.trp-report::after{content:"";position:absolute;width:260px;height:260px;left:-160px;bottom:-120px;border:34px solid rgba(0,166,227,.08);border-radius:50%;border-right-color:transparent;pointer-events:none}
.trp-report>.trp-shell{position:relative;z-index:1}
.trp-monitor{position:relative}
.trp-monitor::before{content:"";position:absolute;inset:12% 10% -8% 5%;border-radius:34px;background:#dff4fd;filter:blur(0);z-index:-1;transform:rotate(-2deg)}
.trp-monitor__screen,.trp-stats article{border-color:#d9e9f2!important;box-shadow:0 18px 46px rgba(23,65,91,.08)!important}
.trp-monitor__top{align-items:center;justify-content:space-between;margin-bottom:16px!important}
.trp-monitor__dots{display:flex;gap:7px}
.trp-monitor__dots span{display:block;width:9px!important;height:9px!important;background:#d5e6ef!important}
.trp-monitor__meta{text-align:right;display:grid;gap:1px}
.trp-monitor__meta strong{font-size:12px;color:#19304c}
.trp-monitor__meta small{font-size:9px;color:#91a2b3}
.trp-monitor__chart{position:relative;overflow:hidden;background:linear-gradient(180deg,#f6fbfe,#eaf7fd)!important}
.trp-monitor__chart::before{content:"";position:absolute;left:18px;right:18px;top:54%;height:1px;background:rgba(17,127,178,.13);box-shadow:0 -45px 0 rgba(17,127,178,.08),0 45px 0 rgba(17,127,178,.08)}
.trp-monitor__trend{position:absolute;left:18px;top:14px;font-style:normal;font-size:10px;font-weight:800;color:#698097}
.trp-monitor__trend b{color:#00a6e3;margin-left:5px}
.trp-monitor__chart i{position:relative;z-index:1;box-shadow:0 8px 16px rgba(0,166,227,.12)}
.trp-stats article{transition:transform .2s ease}
.trp-stats article:hover{transform:translateX(-4px)}

/* --- Seguridad: composiciÃ³n editorial con badge flotante --- */
.trp-security{padding-top:72px!important;background:#fff}
.trp-security__image{position:relative;padding:0 18px 18px 0}
.trp-security__image::before{content:"";position:absolute;right:0;bottom:0;width:72%;height:74%;border-radius:28px;background:#e8f7fd;z-index:0}
.trp-security__image img{position:relative;z-index:1;height:370px!important;border-radius:30px!important;}
.trp-security__image-badge{
  position:absolute;
  z-index:2;
  right:-4px;bottom:44px;
  display:flex;align-items:center;gap:11px;
  padding:13px 16px;
  border:1px solid rgba(219,235,244,.9);
  border-radius:16px;
  background:rgba(255,255,255,.95);
  box-shadow:0 14px 34px rgba(15,34,65,.12);
  backdrop-filter:blur(10px)
}
.trp-security__image-badge>svg{width:30px;height:30px;fill:none;stroke:#00a6e3;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.trp-security__image-badge>span{display:grid;gap:2px}
.trp-security__image-badge b{font-size:12px;color:#1b2b44}
.trp-security__image-badge small{font-size:10px;color:#7b8b9c}
.trp-security__copy{position:relative}
.trp-security__copy::before{content:"";position:absolute;left:-26px;top:3px;width:4px;height:54px;border-radius:99px;background:linear-gradient(#00a6e3,#75d6f4)}

/* --- Oficinas: tarjetas con algo mÃ¡s de presencia --- */
.trp-office{padding:26px 20px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(255,255,255,.055);backdrop-filter:blur(8px);transition:transform .25s ease,background .25s ease}
.trp-office:hover{transform:translateY(-5px);background:rgba(255,255,255,.09)}
.trp-office__icon{width:82px!important;height:82px!important}
.trp-office__icon svg{width:46px!important;height:46px!important}

@media(max-width:1100px){
  .trp-logos{margin-top:-16px}
  .trp-logos__row{border-radius:16px;gap:20px!important}
  .trp-logos__row span:not(:last-child)::after{display:none}
  .trp-process__steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .trp-process__steps::before{display:none}
  .trp-process__steps article{min-height:220px}
  .trp-process__steps article:last-child{grid-column:1/-1;max-width:50%;width:100%;justify-self:center}
  .trp-security__copy::before{display:none}
}

@media(max-width:760px){
  .trp-readmore-panel--hero{--trp-collapse-height:64px}
  .trp-logos{margin-top:-12px;padding-inline:14px!important}
  .trp-logos__row{min-height:0!important;padding:15px 18px!important;gap:12px 18px!important}
  .trp-logos__row span{font-size:13px!important}
  .trp-why{padding-top:72px!important}
  .trp-card{border-radius:22px!important}
  .trp-card img{height:180px!important}
  .trp-process__steps{grid-template-columns:1fr!important;gap:10px!important}
  .trp-process__steps article,.trp-process__steps article:last-child{grid-column:auto;max-width:none;min-height:0;width:100%;text-align:left!important;display:grid;grid-template-columns:48px 1fr;column-gap:14px;align-items:start}
  .trp-process__steps article>span{grid-column:2;margin:0!important}
  .trp-process__steps article>i{grid-column:1;grid-row:1/4;margin:3px 0 0!important;width:48px!important;height:48px!important}
  .trp-process__steps article>h3{grid-column:2;margin:5px 0 0!important}
  .trp-process__steps article>.trp-readmore-scope{grid-column:2;max-width:none;margin:0}
  .trp-readmore--process{justify-content:flex-start}
  .trp-plan__head{padding-bottom:14px}
  .trp-bento{border-radius:22px!important}
  .trp-report__grid{gap:38px!important}
  .trp-monitor::before{inset:10% 4% -5% 4%}
  .trp-security{padding-top:54px!important}
  .trp-security__image{padding:0 10px 14px 0}
  .trp-security__image img{height:290px!important}
  .trp-security__image-badge{right:0;bottom:28px;padding:10px 12px}
  .trp-security__image-badge>svg{width:26px;height:26px}
  .trp-office{padding:22px 18px}
}

@media(prefers-reduced-motion:reduce){
  .trp-readmore-panel,.trp-card,.trp-card img,.trp-process__steps article,.trp-bento,.trp-bento img,.trp-stats article,.trp-office{transition:none!important}
}

article.trp-office
 {
    background: none !important;
    border: none;
    padding: 0px;
}
