/* /Layout/AsiDeFacilEsSubirteNexcar.razor.rz.scp.css */
/* ================= COMO FUNCIONA PRO ================= */

.como_funciona.pro[b-pwlzexpxqp] {
    background: #ffffff;
    overflow: hidden;
    position: relative;
    max-width: 1440px;
    padding: 40px 56px;
    margin: 0 auto;
    /*height: 860px;*/
    /*width: 100%;
    padding: 80px 5%;
    background-color: #ffffff;*/
}

/* FULL WIDTH */
.container-fluid[b-pwlzexpxqp] {
    width: 100%;
    padding: 0 80px;
}


/* HEADER */

.header[b-pwlzexpxqp] {
    max-width: 1024px;
    margin: 0 auto 64px auto;
}

    .header h2[b-pwlzexpxqp] {
        font-size: 48px;
        font-weight: 700;
        color: #4D5B71;

    }

    .header p[b-pwlzexpxqp] {
        margin-top: 15px;
        color: #4D5B71;
        font-size: 20px;
        line-height: 1.6;
        font-weight:400;
    }


/* underline */

.underline[b-pwlzexpxqp] {
    display: block;
    width: 140px;
    height: 6px;
    background: linear-gradient(90deg,#2f9f93,#5fd1c2);
    border-radius: 20px;
    margin-top: 8px;
}


/* CONTENT */

.content[b-pwlzexpxqp] {
    display: grid;
    grid-template-columns: 1.5fr 0.5fr;
    gap: 10px;
    align-items: center;
}


/* CARDS */

.cards[b-pwlzexpxqp] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}


/* CARD */

.card[b-pwlzexpxqp] {
    width: 320px;
    min-height: 271px;
    background: white;
    padding: 16px;
    border-radius: 14px;
    border: 1px solid #35B5A6;
    transition: all .3s ease;
    display: flex;
    flex-direction: column;
}

/* TAGS — ocultos por defecto, visibles en hover (solo desktop) */

.card p[b-pwlzexpxqp] {
    flex: 1;
}

.card__tags[b-pwlzexpxqp] {
    display: none;
    flex-wrap: wrap;
    gap: 4px;
    padding-top: 14px;
}

.card__tag[b-pwlzexpxqp] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    height: 26px;
    border-radius: 999px;
    border: 1px solid #ffffff;
    color: white;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
}


/* ICON */

.icon[b-pwlzexpxqp] {
    font-size: 28px;
    margin-bottom: 12px;
}

#como-facil .icon[b-pwlzexpxqp] {
    position: relative;
    display: inline-block;
    width: 72px;
    height: 72px;
}

#como-facil .icons--hover[b-pwlzexpxqp] {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

/* TEXT */

.card h3[b-pwlzexpxqp] {
    font-size: 20px;
    margin-bottom: 10px;
    color: #4D5B71;
    font-weight: 700;
}

.card p[b-pwlzexpxqp] {
    font-size: 18px;
    color: #4D5B71;
    line-height: 1.6;
    font-weight:400;
}


/* IMAGE */

.image[b-pwlzexpxqp] {
    display: flex;
    justify-content: center;
}

.circle[b-pwlzexpxqp] {
    width: 420px;
    height: 420px;
    background: linear-gradient(135deg,#2f9f93,#5fd1c2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .circle img[b-pwlzexpxqp] {
        width: 94%;
        height: 94%;
        object-fit: cover;
        border-radius: 50%;
    }


/* ================= HOVER — solo desktop ================= */

@media (min-width: 769px) {

    .card:hover[b-pwlzexpxqp] {
        transform: translateY(-6px);
        box-shadow: 0 20px 40px rgba(0,0,0,0.08);
        color: #fff;
        background-color: #35B5A6;
    }

    #como-facil .card:hover h3[b-pwlzexpxqp] {
        color: #fff;
    }

    #como-facil .card:hover p[b-pwlzexpxqp] {
        color: #fff;
    }

    .card:hover .card__tags[b-pwlzexpxqp] {
        display: flex;
    }

    #como-facil .card:hover .icons--default[b-pwlzexpxqp] {
        display: none;
    }

    #como-facil .card:hover .icons--hover[b-pwlzexpxqp] {
        display: block;
    }
}

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

@media(max-width:1200px) {

    .container-fluid[b-pwlzexpxqp] {
        padding: 0 40px;
    }
}


@media(max-width:1024px) {

    .content[b-pwlzexpxqp] {
        grid-template-columns: 1fr;
    }

    .cards[b-pwlzexpxqp] {
        grid-template-columns: repeat(2,1fr);
    }

    .image[b-pwlzexpxqp] {
        margin-top: 40px;
    }
}


@media(max-width:600px) {

    .container-fluid[b-pwlzexpxqp] {
        padding: 0 20px;
    }

    .header h2[b-pwlzexpxqp] {
        font-size: 28px;
    }

    .cards[b-pwlzexpxqp] {
        grid-template-columns: 1fr;
    }

    .circle[b-pwlzexpxqp] {
        width: 280px;
        height: 280px;
    }
}

@media (max-width: 768px) {
    #como-facil.como_funciona.pro[b-pwlzexpxqp] {
        width: 100%;
        padding: 0px;
        background-color: #ffffff;
        height: 820px;
        /* padding-top: 80px; */
        /* min-height: 790px; */
    }

    #como-facil .header h2[b-pwlzexpxqp] {
        font-size: 24px;
        font-weight: 700;
        color: #4D5B71;
    }
    #como-facil .header p[b-pwlzexpxqp] {
        margin-top: 15px;
        color: #4D5B71;
        font-size: 16px;
        line-height: 1.6;
        font-weight: 400;
        max-width: 750px;
    }

    .cards[b-pwlzexpxqp] {
        gap: 16px;
    }

    .card:hover[b-pwlzexpxqp] {
        background-color: #ffffff;
    }

    .card__tags[b-pwlzexpxqp] {
        display: flex;
    }

    .card__tag[b-pwlzexpxqp] {
        border-color: #4D5B71;
        color: #4D5B71;
    }

    .card__tag svg path[b-pwlzexpxqp] {
        fill: #4D5B71;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    #como-facil .header h2[b-pwlzexpxqp] {
        font-size: 24px;
        font-weight: 700;
        color: #4D5B71;
    }

    #como-facil .header p[b-pwlzexpxqp] {
        margin-top: 15px;
        color: #4D5B71;
        font-size: 16px;
        line-height: 1.6;
        font-weight: 400;
        max-width: 750px;
    }
    .container-fluid[b-pwlzexpxqp] {
        padding: 0 20px;
    }

    .header h2[b-pwlzexpxqp] {
        font-size: 28px;
    }

    .cards[b-pwlzexpxqp] {
        grid-template-columns: 1fr;
    }

    .circle[b-pwlzexpxqp] {
        width: 280px;
        height: 280px;
    }


}
/* /Layout/ComoFuncionaClaude.razor.rz.scp.css */
/* ==========================================================================
   Nexcar — Landing page
   Reproducción estática en HTML + CSS del diseño de Figma.
   Ancho de diseño: 1440px.
   ========================================================================== */

/* ----- Design tokens ----- */
:root[b-wo4bfvshx4] {
    --primary-500: #35b5a6;
    --primary-700: #174f48;
    --neutral-100: #ffffff;
    --secondary-100: #bfc7d4;
    --secondary-300: #808fa9;
    --secondary-500: #4d5b71;
    --secondary-700: #282f3b;
    --nexcar-shadow: 0 4px 8px rgba(53, 181, 166, 0.3);
    --font: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

/* ----- Reset ----- */
*[b-wo4bfvshx4], *[b-wo4bfvshx4]::before, *[b-wo4bfvshx4]::after {
    box-sizing: border-box;
}

html[b-wo4bfvshx4], body[b-wo4bfvshx4] {
    margin: 0;
    padding: 0;
}

body[b-wo4bfvshx4] {
    font-family: var(--font);
    color: var(--secondary-500);
    background: #fff;
    min-width: 1440px; /* diseño a ancho fijo 1440 */
    overflow-x: auto;
}

img[b-wo4bfvshx4] {
    display: block;
    max-width: 100%;
}

a[b-wo4bfvshx4] {
    color: inherit;
    text-decoration: none;
}

button[b-wo4bfvshx4] {
    font-family: inherit;
    border: 0;
    background: none;
    cursor: pointer;
}

h1[b-wo4bfvshx4], h2[b-wo4bfvshx4], h3[b-wo4bfvshx4], h4[b-wo4bfvshx4], p[b-wo4bfvshx4] {
    margin: 0;
}

/* ----- Buttons ----- */
.btn[b-wo4bfvshx4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.01em;
    color: #fff;
    cursor: pointer;
    transition: transform .15s ease, filter .15s ease;
}

    .btn:hover[b-wo4bfvshx4] {
        filter: brightness(1.05);
    }

    .btn:active[b-wo4bfvshx4] {
        transform: translateY(1px);
    }

.btn--primary[b-wo4bfvshx4] {
    background: var(--primary-500);
}

.btn--glass[b-wo4bfvshx4] {
    background: rgba(255, 255, 255, .01);
    border: 1px solid rgba(255, 255, 255, .25);
    padding: 13px 24px;
    border-radius: 4px;
}

.btn--full[b-wo4bfvshx4] {
    width: 100%;
    height: 42px;
}

/* ----- Section shared ----- */
.section-head[b-wo4bfvshx4] {
    text-align: center;
    max-width: 1136px;
    margin: 0 auto 40px;
}

.section-head__title[b-wo4bfvshx4],
.section-title[b-wo4bfvshx4] {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--secondary-500);
}

.section-head__subtitle[b-wo4bfvshx4],
.section-subtitle[b-wo4bfvshx4] {
    font-size: 20px;
    line-height: 1.5;
    color: var(--secondary-500);
    margin-top: 8px;
    max-width: 844px;
    margin-left: auto;
    margin-right: auto;
}

/* ----- Chips ----- */
.chips[b-wo4bfvshx4] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

.chip[b-wo4bfvshx4] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 16px;
    font-size: 12px;
    line-height: 1.36;
    white-space: nowrap;
}

    .chip img[b-wo4bfvshx4] {
        width: 16px;
        height: 16px;
    }

.chip--outline-white[b-wo4bfvshx4] {
    border: 1px solid #fff;
    color: #fff;
}

.chip--outline-dark[b-wo4bfvshx4] {
    border: 1px solid var(--secondary-500);
    color: var(--secondary-500);
}

.chip--outline-white-sm[b-wo4bfvshx4] {
    border: 1.2px solid #fff;
    color: #fff;
    padding: 5px 10px;
    font-size: 14.82px;
}

    .chip--outline-white-sm img[b-wo4bfvshx4] {
        width: 19.7px;
        height: 19.7px;
    }

/* ==========================================================================
   HEADER / HERO
   ========================================================================== */
.header[b-wo4bfvshx4] {
    position: relative;
    width: 1440px;
    height: 860px;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
}

.header__bg[b-wo4bfvshx4] {
    position: absolute;
    top: -53px;
    left: 0;
    width: 1440px;
    height: 797px;
    object-fit: cover;
    z-index: 0;
}

/* Topbar */
.topbar[b-wo4bfvshx4] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 56px;
}

.topbar__logo img[b-wo4bfvshx4] {
    height: 65px;
    width: auto;
}

.topbar__menu[b-wo4bfvshx4] {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 16px;
    border-radius: 16px;
    min-width: 500px;
    justify-content: space-between;
}

.topbar__link[b-wo4bfvshx4] {
    color: #fff;
    font-size: 16px;
    padding: 8px;
    line-height: 24px;
    transition: opacity .2s;
}

    .topbar__link:hover[b-wo4bfvshx4] {
        opacity: .85;
    }

/* Hero text + car */
.hero[b-wo4bfvshx4] {
    position: relative;
    z-index: 2;
    padding: 0 56px;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 32px;
}

.hero__text[b-wo4bfvshx4] {
    max-width: 632px;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.hero__title[b-wo4bfvshx4] {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
}

.hero__highlight[b-wo4bfvshx4] {
    position: relative;
    display: inline-block;
}

.hero__underline[b-wo4bfvshx4] {
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: 14px;
    object-fit: contain;
}

.hero__subtitle[b-wo4bfvshx4] {
    font-size: 24px;
    line-height: 1.4;
    font-weight: 400;
    max-width: 595px;
    color: #fff;
}

.hero__cta[b-wo4bfvshx4] {
    align-self: flex-start;
    width: 165px;
}

.hero__car[b-wo4bfvshx4] {
    position: relative;
    width: 697px;
    max-width: 697px;
    flex-shrink: 0;
}

    .hero__car > img[b-wo4bfvshx4] {
        width: 100%;
        height: auto;
        aspect-ratio: 1000 / 575;
        object-fit: cover;
    }

.hero__badge[b-wo4bfvshx4] {
    position: absolute;
    top: -74px;
    left: 437px;
    padding: 16px;
    border-radius: 8px;
    background: rgba(255,255,255,.01);
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 147px;
}

.hero__badge-number[b-wo4bfvshx4] {
    font-size: 56px;
    font-weight: 700;
    line-height: 1.2;
}

.hero__badge-label[b-wo4bfvshx4] {
    font-size: 16px;
    line-height: 1.5;
}

.hero__badge-dot[b-wo4bfvshx4] {
    position: absolute;
    left: -9px;
    top: 138px;
    width: 23px;
    height: 23px;
}

/* Brands strip */
.brands[b-wo4bfvshx4] {
    position: absolute;
    z-index: 2;
    bottom: 32px;
    left: 56px;
    width: 1328px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.brands__card[b-wo4bfvshx4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 16px;
    min-width: 108px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.01em;
    border-radius: 8px;
    background: rgba(255, 255, 255, .01);
}

    .brands__card img[b-wo4bfvshx4] {
        width: 60px;
        height: 60px;
        object-fit: contain;
    }

/* ==========================================================================
   DESTACADOS
   ========================================================================== */
.destacados[b-wo4bfvshx4] {
    width: 1440px;
    height: 860px;
    margin: 0 auto;
    padding: 73px 56px;
    background: #fff;
}

.cards[b-wo4bfvshx4] {
    display: flex;
    gap: 16px;
    justify-content: center;
}

.car-card[b-wo4bfvshx4] {
    position: relative;
    width: 296px;
    height: 548px;
    border-radius: 16px;
    padding: 16px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    overflow: hidden;
}

    .car-card[b-wo4bfvshx4]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(0,0,0,.6) 0%, rgba(0,0,0,0) 60%);
    }

.car-card__content[b-wo4bfvshx4] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: #fff;
    padding: 8px;
    border-radius: 8px;
    width: 100%;
}

.car-card__head h3[b-wo4bfvshx4] {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
}

.car-card__head p[b-wo4bfvshx4] {
    font-size: 14px;
    line-height: 1.5;
}

.car-card__desc[b-wo4bfvshx4] {
    font-size: 14px;
    line-height: 1.5;
}

.car-card__price[b-wo4bfvshx4] {
    display: flex;
    gap: 4px;
    align-items: center;
    color: #fff;
}

    .car-card__price strong[b-wo4bfvshx4] {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.4;
    }

    .car-card__price span[b-wo4bfvshx4] {
        font-size: 14px;
        font-weight: 400;
    }

/* ==========================================================================
   COMO FUNCIONA
   ========================================================================== */
.howto[b-wo4bfvshx4] {
    position: relative;
    width: 1440px;
    height: 860px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
}

.howto__bg[b-wo4bfvshx4] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.howto__ellipse[b-wo4bfvshx4] {
    position: absolute;
}

.howto__ellipse--bg[b-wo4bfvshx4] {
    top: 74px;
    right: -200px;
    width: 580px;
    height: auto;
    transform: rotate(-123.76deg);
    opacity: .9;
}

.howto__ellipse--front[b-wo4bfvshx4] {
    top: 280px;
    right: 56px;
    width: 484px;
    height: auto;
}

.howto__inner[b-wo4bfvshx4] {
    position: relative;
    z-index: 1;
    padding: 84px 56px;
}

.howto__head[b-wo4bfvshx4] {
    max-width: 816px;
    margin-bottom: 88px;
}

    .howto__head .section-title[b-wo4bfvshx4] {
        margin-bottom: 23px;
    }

.howto__highlight[b-wo4bfvshx4] {
    position: relative;
    display: inline-block;
}

.howto__underline[b-wo4bfvshx4] {
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 264px;
    height: 12px;
    object-fit: contain;
}

.steps[b-wo4bfvshx4] {
    display: flex;
    gap: 24px;
}

.step[b-wo4bfvshx4] {
    width: 320px;
    padding: 16px;
    border: 1px solid var(--primary-500);
    border-radius: 16px;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.step__icon[b-wo4bfvshx4] {
    width: 72px;
    height: 72px;
}

.step__title[b-wo4bfvshx4] {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--secondary-500);
}

.step__text[b-wo4bfvshx4] {
    font-size: 18px;
    line-height: 1.5;
    color: var(--secondary-500);
}

/* ==========================================================================
   BENEFICIOS
   ========================================================================== */
.benefits[b-wo4bfvshx4] {
    position: relative;
    width: 1440px;
    height: 736px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
}

.benefits__head[b-wo4bfvshx4] {
    position: absolute;
    left: 56px;
    top: 40px;
    width: 584px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    z-index: 2;
}

.benefits__visual[b-wo4bfvshx4] {
    position: absolute;
    top: 120px;
    left: 50%;
    transform: translateX(-50%);
    width: 780px;
    z-index: 1;
}

.benefits__blob[b-wo4bfvshx4] {
    position: absolute;
    top: 20px;
    left: 80px;
    width: 620px;
    height: auto;
    opacity: .85;
}

.benefits__car[b-wo4bfvshx4] {
    position: relative;
    width: 588px;
    height: 381px;
    margin: 80px auto 0;
    object-fit: contain;
}

/* Floating cards */
.benefit-card[b-wo4bfvshx4] {
    position: absolute;
    padding: 20px;
    border-radius: 20px;
    border: 1px solid var(--primary-500);
    background: #fff;
    color: var(--secondary-500);
    text-align: center;
    width: 400px;
    z-index: 3;
    box-shadow: 0 6px 18px rgba(77, 91, 113, 0.08);
}

    .benefit-card h4[b-wo4bfvshx4] {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.4;
        margin-bottom: 12px;
    }

    .benefit-card p[b-wo4bfvshx4] {
        font-size: 18px;
        line-height: 1.5;
    }

.benefit-card--solid[b-wo4bfvshx4] {
    background: linear-gradient(247deg, var(--primary-500) 33%, var(--primary-700) 125%);
    color: #fff;
    border-color: transparent;
}

.benefit-card--tl[b-wo4bfvshx4] {
    top: 120px;
    left: 56px;
}

.benefit-card--tr[b-wo4bfvshx4] {
    top: 80px;
    right: 56px;
    width: 400px;
}

.benefit-card--bl[b-wo4bfvshx4] {
    bottom: 80px;
    left: 80px;
}

.benefit-card--br[b-wo4bfvshx4] {
    bottom: 80px;
    right: 56px;
    width: 400px;
}

/* ==========================================================================
   REVIEWS
   ========================================================================== */
.reviews[b-wo4bfvshx4] {
    position: relative;
    width: 1440px;
    height: 725px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
    padding: 72px 56px;
}

.reviews__title[b-wo4bfvshx4] {
    text-align: center;
    margin-bottom: 40px;
}

.reviews__quote[b-wo4bfvshx4] {
    position: absolute;
    z-index: 0;
    opacity: .9;
}

.reviews__quote--left[b-wo4bfvshx4] {
    top: 72px;
    left: 19px;
    width: 292px;
    height: auto;
}

.reviews__quote--right[b-wo4bfvshx4] {
    top: -115px;
    right: 50px;
    width: 279px;
    height: auto;
    transform: scaleY(-1) rotate(180deg);
}

.reviews__cards[b-wo4bfvshx4] {
    position: relative;
    z-index: 2;
    display: flex;
    gap: 24px;
    justify-content: center;
}

.review-card[b-wo4bfvshx4] {
    width: 419px;
    height: 449px;
    padding: 40px;
    background: #fff;
    border-radius: 16px;
    box-shadow: var(--nexcar-shadow);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.review-card__rating[b-wo4bfvshx4] {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--secondary-500);
    margin-bottom: 16px;
}

    .review-card__rating span[b-wo4bfvshx4] {
        font-size: 48px;
    }

.review-card__stars[b-wo4bfvshx4] {
    width: 136px;
    height: 24px;
}

.review-card__body[b-wo4bfvshx4] {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.review-card__text[b-wo4bfvshx4] {
    font-size: 18px;
    line-height: 1.5;
    color: var(--secondary-500);
    width: 317px;
}

.review-card__author[b-wo4bfvshx4] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .review-card__author strong[b-wo4bfvshx4] {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.4;
        color: var(--secondary-500);
    }

    .review-card__author span[b-wo4bfvshx4] {
        font-size: 14px;
        line-height: 1.5;
        color: var(--secondary-300);
    }

/* ==========================================================================
   FAQ (with benefits loop strip)
   ========================================================================== */
.faq[b-wo4bfvshx4] {
    position: relative;
    width: 1440px;
    height: 714px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
}

.benefits-loop[b-wo4bfvshx4] {
    position: absolute;
    top: 0;
    left: -22px;
    width: 1470px;
    height: 138px;
    transform: rotate(-2.95deg);
    transform-origin: center;
    overflow: hidden;
    background: linear-gradient(129deg, var(--primary-500) 12.5%, var(--primary-700) 135%);
    padding: 16px 0;
    z-index: 1;
}

.benefits-loop__track[b-wo4bfvshx4] {
    display: flex;
    gap: 24px;
    white-space: nowrap;
    animation: loop-scroll-b-wo4bfvshx4 35s linear infinite;
    padding-left: 24px;
}

@keyframes loop-scroll-b-wo4bfvshx4 {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.faq__inner[b-wo4bfvshx4] {
    position: relative;
    z-index: 2;
    display: flex;
    gap: 54px;
    padding: 150px 56px 60px;
}

.faq__left[b-wo4bfvshx4] {
    width: 665px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .faq__left .section-title[b-wo4bfvshx4] {
        padding: 0 16px;
        max-width: 633px;
    }

.faq__video[b-wo4bfvshx4] {
    background: #fff;
    border-radius: 16px;
    padding: 16px;
    overflow: hidden;
}

.faq__video-placeholder[b-wo4bfvshx4] {
    aspect-ratio: 1920 / 1080;
    background: linear-gradient(135deg, #999 0%, #555 100%) center/cover;
    background-image: linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.35)), url("https://www.figma.com/api/mcp/asset/89d5c4ea-4e14-493f-8dad-98a3c967659c");
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 0 32px;
}

.faq__caption[b-wo4bfvshx4] {
    font-size: 18px;
    line-height: 1.5;
    color: var(--secondary-500);
    padding: 0 16px;
}

.faq__list[b-wo4bfvshx4] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 650px;
}

.faq-item[b-wo4bfvshx4] {
    border: 1px solid var(--primary-500);
    border-radius: 8px;
    padding: 20px 26px;
    background: #fff;
    transition: background .2s;
}

    .faq-item[open][b-wo4bfvshx4] {
        background: var(--primary-500);
        border-color: var(--primary-500);
    }

    .faq-item summary[b-wo4bfvshx4] {
        list-style: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5;
        color: var(--secondary-500);
    }

        .faq-item summary[b-wo4bfvshx4]::-webkit-details-marker {
            display: none;
        }

    .faq-item[open] summary[b-wo4bfvshx4] {
        color: #fff;
    }

    .faq-item summary img[b-wo4bfvshx4] {
        width: 24px;
        height: 24px;
        transition: transform .2s;
    }

    .faq-item[open] summary img[b-wo4bfvshx4] {
        transform: rotate(180deg);
    }

    .faq-item > p[b-wo4bfvshx4] {
        margin-top: 16px;
        font-size: 14px;
        line-height: 1.5;
        color: #fff;
    }

/* ==========================================================================
   CTA
   ========================================================================== */
.cta[b-wo4bfvshx4] {
    width: 1440px;
    height: 497px;
    margin: 0 auto;
    padding: 52px 56px;
    background: #fff;
}

.cta__inner[b-wo4bfvshx4] {
    position: relative;
    width: 1328px;
    height: 370px;
    border-radius: 30px;
    overflow: hidden;
    background: linear-gradient(120deg, #000 0%, #2b2b2b 100%);
}

.cta__bg[b-wo4bfvshx4] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .85;
}

    .cta__bg[b-wo4bfvshx4]::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,0) 50%);
    }

.cta__content[b-wo4bfvshx4] {
    position: relative;
    z-index: 1;
    padding: 80px;
    padding-left: 770px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.cta__title[b-wo4bfvshx4] {
    font-size: 56px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    max-width: 513px;
}

.cta__button[b-wo4bfvshx4] {
    width: 190px;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.footer[b-wo4bfvshx4] {
    position: relative;
    width: 1440px;
    height: 534px;
    margin: 0 auto;
    background: var(--secondary-700);
    overflow: hidden;
    color: #fff;
}

.footer__bigtext[b-wo4bfvshx4] {
    position: absolute;
    bottom: -80px;
    left: 4%;
    right: 4%;
    width: 92%;
    height: auto;
    opacity: .8;
    pointer-events: none;
}

.footer__inner[b-wo4bfvshx4] {
    position: relative;
    z-index: 2;
    padding: 56px;
    display: flex;
    gap: 120px;
    align-items: flex-start;
}

.footer__brand[b-wo4bfvshx4] {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 340px;
}

.footer__logo[b-wo4bfvshx4] {
    height: 58px;
    width: auto;
}

.footer__divider[b-wo4bfvshx4] {
    width: 1px;
    height: 20px;
    background: rgba(255,255,255,.3);
}

.footer__social[b-wo4bfvshx4] {
    display: flex;
    gap: 12px;
}

.footer__social-icon[b-wo4bfvshx4] {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 0.7px solid rgba(255,255,255,.1);
    transition: background .2s;
}

    .footer__social-icon:hover[b-wo4bfvshx4] {
        background: rgba(255,255,255,.08);
    }

    .footer__social-icon img[b-wo4bfvshx4] {
        width: 18px;
        height: 18px;
    }

.footer__cols[b-wo4bfvshx4] {
    display: flex;
    gap: 140px;
}

.footer__col[b-wo4bfvshx4] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 147px;
}

    .footer__col h4[b-wo4bfvshx4] {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.5;
        color: #fff;
        margin-bottom: 8px;
    }

    .footer__col a[b-wo4bfvshx4] {
        font-size: 18px;
        line-height: 1.5;
        color: var(--secondary-100);
        opacity: .8;
        transition: opacity .2s;
    }

        .footer__col a:hover[b-wo4bfvshx4] {
            opacity: 1;
        }

.footer__copy[b-wo4bfvshx4] {
    position: relative;
    z-index: 2;
    padding: 0 56px;
    margin-top: 240px;
    font-size: 18px;
    color: rgba(255,255,255,.6);
}
/* /Layout/ComoFuncionaNexcarParaEmpresas.razor.rz.scp.css */
@media (max-width: 768px) {
    .emp-how__container[b-l7dobqdhel] {
        max-width: 100% !important;
    }
    .emp-how__title[b-l7dobqdhel] {
        font-size: 24px;
        font-weight: 700;
        
    }
    .nxtme-cta__title[b-l7dobqdhel] {
        font-size: 24px;
        font-weight: 700;
    }
    .emp-how[b-l7dobqdhel]{
        padding-left:20px;
        padding-right:20px;
    }

    .emp-how__chips[b-l7dobqdhel] {
        display: flex;
        justify-content: flex-start;
        flex-wrap: nowrap;
        gap: 10px;
        margin-bottom: 20px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 4px;
        padding-left: 4px;
        padding-right: 4px;
        scrollbar-width: none;
    }

        .emp-how__chips[b-l7dobqdhel]::-webkit-scrollbar {
            display: none;
        }

    .emp-chip[b-l7dobqdhel] {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        height: 24px;
        padding: 4px 8px;
        border-radius: 16px;
        border: 1px solid #4D5B71;
        color: #4D5B71;
        font-size: 12px;
        font-weight: 400;
        background: #fff;
        line-height: 1;
        flex-shrink: 0;
    }
}
/* /Layout/Destacados.razor.rz.scp.css */
/* =======================================================
   SECCIÓN: DESTACADOS
   Layout: columna izquierda (título + marca) + cuadrícula 2×3 derecha
======================================================= */

.nxd-destacados[b-kjjrj8rq53] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 40px 30px;
    background: #fff;
    overflow: hidden;
    box-sizing: border-box;
}

.nxd-destacados__container[b-kjjrj8rq53] {
    display: grid;
    grid-template-columns: 1fr 3.8fr;
    gap: 56px;
    align-items: start;
    max-width: 100%;
    margin-left: 2%;
    margin-right: 28px;
    /*padding: 0px 6%;*/
}

/* -------------------------------------------------------
   COLUMNA IZQUIERDA
------------------------------------------------------- */

.nxd-destacados__left[b-kjjrj8rq53] {
    position: relative;
    min-height: 480px;
}

.nxd-destacados__title-wrap[b-kjjrj8rq53] {
    position: relative;
    z-index: 2;
    /*display: inline-flex;*/
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.nxd-destacados__title[b-kjjrj8rq53] {
    margin: 0;
    padding-left:0px;
    font-size: 32px;
    font-weight: 700;
    color: #4D5B71;
    letter-spacing: -0.3px;
    line-height: 1.1;
}

.nxd-destacados__underline[b-kjjrj8rq53] {
    left: -8px;
    display: block;
    width: 100%;
    max-width: 195px;
    height: auto;
    position: relative;
}

/* Marca decorativa (watermark) */
.nxd-destacados__mark[b-kjjrj8rq53] {
    position: relative;
    left: -58px;
    bottom: 0px;
    width: 320px;
    height: 320px;
    background-image: url('/images/vector-destacados.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    pointer-events: none;
    z-index: 1;
}

/* -------------------------------------------------------
   CUADRÍCULA DERECHA (2 columnas × 3 filas)
------------------------------------------------------- */

.nxd-destacados__grid[b-kjjrj8rq53] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    min-height: 480px;
}

/* -------------------------------------------------------
   TARJETA
------------------------------------------------------- */

.nxd-card[b-kjjrj8rq53] {
    background: #f5f6f8;
    border-radius: 12px;
    padding: 24px 22px 22px;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.nxd-card:hover[b-kjjrj8rq53] {
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

.nxd-card__title[b-kjjrj8rq53] {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 700;
    color: #4D5B71;
    letter-spacing: -0.1px;
}

.nxd-card__text[b-kjjrj8rq53] {
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    color: #6b7a92;
    line-height: 1.6;
}

/* -------------------------------------------------------
   RESPONSIVE
------------------------------------------------------- */

@media (max-width: 1100px) {
    .nxd-destacados__container[b-kjjrj8rq53] {
        grid-template-columns: 1fr 1.7fr;
        gap: 40px;
    }

    .nxd-destacados__title[b-kjjrj8rq53] {
        font-size: 40px;
    }
}

@media (max-width: 820px) {
    .nxd-destacados__container[b-kjjrj8rq53] {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .nxd-destacados__left[b-kjjrj8rq53] {
        min-height: auto;
    }

    .nxd-destacados__mark[b-kjjrj8rq53] {
        display: none;
    }

    .nxd-destacados__title[b-kjjrj8rq53] {
        font-size: 36px;
    }
}

@media (max-width: 768px) {

    .nxd-destacados__container[b-kjjrj8rq53] {
        position: relative;
        overflow: visible;
        display: block;
        margin-left: 0%;
        margin-right: 0%;
    }

        .nxd-destacados__container[b-kjjrj8rq53]::before {
            content: "";
            position: absolute;
            left: -35px;
            top: 70px;
            width: 199.13px;
            height: 229.93px;
            background-image: url('/images/vector-destacados-m.svg');
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            /*opacity: .18;*/
            z-index: 0;
            pointer-events: none;
        }

    .nxd-card__title[b-kjjrj8rq53] {
        margin: 0 0 10px;
        font-size: 16px;
        font-weight: 700;
        color: #4D5B71;
        letter-spacing: -0.1px;
    }
    .nxd-card__text[b-kjjrj8rq53] {
        margin: 0;
        font-size: 16px;
        font-weight: 400;
        color: #6b7a92;
        line-height: 1.6;
    }

    .nxd-card[b-kjjrj8rq53] {
        margin-top: 30px;
        background: #f5f6f8;
        border-radius: 10px;
        padding: 16px;
        transition: box-shadow 0.2s ease, transform 0.2s ease;
        width: 320px;
        height: 160px;
        flex: 0 0 auto;
        scroll-snap-align: start;
    }

    .nxd-destacados[b-kjjrj8rq53] {
        padding: 20px 4%;
        max-width: none;
        height:285px;
        /*height: auto;*/ /* IMPORTANTE */
        overflow: visible;
    }

    .nxd-destacados__title[b-kjjrj8rq53] {
        margin: 0;
        padding-left: 0px;
        font-size: 24px;
        font-weight: 700;
        color: #4D5B71;
        letter-spacing: -0.3px;
        line-height: 1.1;
    }

    .nxd-destacados__underline[b-kjjrj8rq53] {
        padding-left: 6px;
        display: block;
        width: 100%;
        max-width: 200px;
        height: auto;
    }

    /*.nxd-destacados__title {
        font-size: 30px;
    }*/

    .nxd-destacados__grid[b-kjjrj8rq53] {
        display: flex;
        gap: 16px;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 12px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        gap: 12px;
        min-height: none;
    }

        .nxd-destacados__grid[b-kjjrj8rq53]::-webkit-scrollbar {
            display: none;
        }

    .nxd-destacados__underline[b-kjjrj8rq53] {
        max-width: 160px;
    }

    .nxd-destacados__grid[b-kjjrj8rq53],
    .nxd-card[b-kjjrj8rq53] {
        position: relative;
        z-index: 2;
    }

    .nxd-destacados__left[b-kjjrj8rq53] {
        position: relative;
        z-index: 3;
    }

    /* ocultamos el div original */

    .nxd-destacados__mark[b-kjjrj8rq53] {
        display: none;
    }
}
/* /Layout/ElegirNexcarHome.razor.rz.scp.css */
/* =======================================================
   ELEGIR NEXCAR - PREMIUM
======================================================= */

.elegir_nexcar[b-au0fzfykr5] {
    padding: 40px 56px;
    overflow: hidden;
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    height: 736px;
}

/* HEADER */

.elegir_nexcar__header h2[b-au0fzfykr5] {
    top: 40px;
    left: 56px;
    font-size: 48px;
    font-weight: 700;
    color: #4D5B71;
}

/* CONTENEDOR */

.elegir_nexcar__content[b-au0fzfykr5] {
    position: relative;
    max-width: 1440px;
    min-height: 736px;
    margin: 0 auto;
}

/* =======================================================
   AUTO — al fondo, oculto hasta .is-visible
======================================================= */

.elegir_nexcar__car[b-au0fzfykr5] {
    position: absolute;
    left: 50%;
    top: -80px;
    z-index: 1;
    opacity: 0;
    background-color:transparent;
}

    .elegir_nexcar__car img[b-au0fzfykr5] {
        height: 736px;
    }

/* Dispara cuando el section entra al viewport */
.is-visible .elegir_nexcar__car[b-au0fzfykr5] {
    animation: carFadeIn-b-au0fzfykr5 1s ease both 0.9s;
}

/* =======================================================
   CARDS — encima del auto, ocultas hasta .is-visible
======================================================= */

.elegir_nexcar-card[b-au0fzfykr5] {
    position: absolute;
    padding: 20px;
    border-radius: 16px;
    /*background: white;*/
    border: 1px solid #35B5A6;
    /*box-shadow: 0 10px 30px rgba(0,0,0,0.08);*/
    backdrop-filter: blur(5px);
    text-align: center;
    z-index: 2;
    opacity: 0;
}

/* CARD SUPERIOR IZQUIERDA */

.elegir_nexcar-card--left[b-au0fzfykr5] {
    width: 402px;
    height: 134px;
    top: 95px;
    left: calc(28% - 300px);
    background: linear-gradient(135deg, #2f7f73, #49b8a8);
    color: white;
    border: none;
}

.is-visible .elegir_nexcar-card--left[b-au0fzfykr5] {
    animation: fromTopLeft-b-au0fzfykr5 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s both;
}

/* CARD SUPERIOR DERECHA */

.elegir_nexcar-card--right-top[b-au0fzfykr5] {
    width: 396px;
    height: 134px;
    top: 5px;
    left: calc(41% + 300px);
    color: #4D5B71;
}

.is-visible .elegir_nexcar-card--right-top[b-au0fzfykr5] {
    animation: fromTopRight-b-au0fzfykr5 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s both;
}

/* CARD INFERIOR IZQUIERDA */

.elegir_nexcar-card--left-bottom[b-au0fzfykr5] {
    width: 436px;
    height: 134px;
    top: 400px;
    left: calc(22% - 320px);
    color: #4D5B71;
}

.is-visible .elegir_nexcar-card--left-bottom[b-au0fzfykr5] {
    animation: fromBottomLeft-b-au0fzfykr5 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s both;
}

/* CARD INFERIOR DERECHA */

.elegir_nexcar-card--right-bottom[b-au0fzfykr5] {
    width: 396px;
    height: 134px;
    top: 360px;
    left: calc(43% + 260px);
    color: #4D5B71;
    z-index: 2;
}

.is-visible .elegir_nexcar-card--right-bottom[b-au0fzfykr5] {
    animation: fromBottomRight-b-au0fzfykr5 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s both;
}

/* TEXTOS */

.elegir_nexcar-card h3[b-au0fzfykr5] {
    font-size: 20px;
    margin-bottom: 8px;
    font-weight: 600;
}

.elegir_nexcar-card p[b-au0fzfykr5] {
    font-size: 18px;
}

/* =======================================================
   CONECTORES (PUNTOS)
======================================================= */

.elegir_nexcar-card[b-au0fzfykr5]::after {
    content: "";
    position: absolute;
    width: 31px;
    height: 31px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_3010_5649)'%3E%3Ccircle opacity='0.25' cx='15.5' cy='11.5' r='11.5' fill='%2335B5A6'/%3E%3Ccircle opacity='0.5' cx='15.5' cy='11.5' r='8.05' fill='%2335B5A6'/%3E%3Ccircle cx='15.5' cy='11.5' r='3.45' fill='%2335B5A6'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_3010_5649' x='0' y='0' width='31' height='31' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_3010_5649'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_3010_5649' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}


.elegir_nexcar-card_blank[b-au0fzfykr5]::after {
    content: "";
    position: absolute;
    width: 31px;
    height: 31px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_1866_19119)'%3E%3Ccircle opacity='0.25' cx='15.5' cy='11.5' r='11.5' fill='white'/%3E%3Ccircle opacity='0.5' cx='15.5' cy='11.5' r='8.05' fill='white'/%3E%3Ccircle cx='15.5' cy='11.5' r='3.45' fill='white'/%3E%3C/g%3E%3C/svg%3E");
}

.elegir_nexcar-card--left[b-au0fzfykr5]::after {right: -15px;top: 90%;}
.elegir_nexcar-card--right-top[b-au0fzfykr5]::after  { left: -12px;  top: 88%; }
.elegir_nexcar-card--left-bottom[b-au0fzfykr5]::after { right: -12px; top: -4%; }
.elegir_nexcar-card--right-bottom[b-au0fzfykr5]::after { left: -12px;  top: -6%;  }

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

/*.elegir_nexcar-card:hover {
    transform: translateY(-6px) scale(1.02) !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.12);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}*/

/* =======================================================
   KEYFRAMES
======================================================= */

@keyframes carFadeIn-b-au0fzfykr5 {
    from { opacity: 0; transform: translateX(-50%) scale(0.97); }
    to   { opacity: 1; transform: translateX(-50%) scale(1);    }
}

@keyframes fromTopLeft-b-au0fzfykr5 {
    from { opacity: 0; transform: translate(-80px, -60px); }
    to   { opacity: 1; transform: translate(0, 0);         }
}

@keyframes fromTopRight-b-au0fzfykr5 {
    from { opacity: 0; transform: translate(80px, -60px); }
    to   { opacity: 1; transform: translate(0, 0);        }
}

@keyframes fromBottomLeft-b-au0fzfykr5 {
    from { opacity: 0; transform: translate(-80px, 60px); }
    to   { opacity: 1; transform: translate(0, 0);        }
}

@keyframes fromBottomRight-b-au0fzfykr5 {
    from { opacity: 0; transform: translate(80px, 60px); }
    to   { opacity: 1; transform: translate(0, 0);       }
}

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

@media (max-width: 992px) {

    .elegir_nexcar[b-au0fzfykr5] {
        padding: 0 20px;
        height: auto;
    }

    .elegir_nexcar__header h2[b-au0fzfykr5] {
        font-size: 36px;
    }

    .elegir_nexcar__content[b-au0fzfykr5] {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
        gap: 20px;
    }

    .elegir_nexcar__car[b-au0fzfykr5],
    .elegir_nexcar-card[b-au0fzfykr5] {
        position: relative;
        top: unset;
        left: unset;
        bottom: unset;
        transform: none !important;
        opacity: 1 !important;
        animation: none !important;
    }

    .is-visible .elegir_nexcar__car[b-au0fzfykr5],
    .is-visible .elegir_nexcar-card--left[b-au0fzfykr5],
    .is-visible .elegir_nexcar-card--right-top[b-au0fzfykr5],
    .is-visible .elegir_nexcar-card--left-bottom[b-au0fzfykr5],
    .is-visible .elegir_nexcar-card--right-bottom[b-au0fzfykr5] {
        animation: none !important;
    }

    .elegir_nexcar__car img[b-au0fzfykr5] {
        width: 320px;
        height: auto;
    }

    .elegir_nexcar-card[b-au0fzfykr5] {
        width: 100%;
        max-width: 400px;
    }

    .elegir_nexcar-card[b-au0fzfykr5]::after {
        display: none;
    }
}

@media (max-width: 768px) {

    .elegir_nexcar[b-au0fzfykr5] {
        padding: 0 16px;
    }

    .elegir_nexcar__header h2[b-au0fzfykr5] {
        font-size: 24px;
        font-weight: 700;
        color: #4D5B71;
    }

    .elegir_nexcar-card h3[b-au0fzfykr5] { font-size: 17px; }
    .elegir_nexcar-card p[b-au0fzfykr5]  { font-size: 15px; }
}

/* =======================================================
   TAGS
======================================================= */

.elegir_nexcar__tags[b-au0fzfykr5] {
    margin-top: 24px;
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

    .elegir_nexcar__tags span[b-au0fzfykr5] {
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 4px;
        padding: 4px 8px;
        border: 1px solid #7d8ca3;
        border-radius: 16px;
        font-size: 12px;
        font-weight: 400;
        line-height: 1;
        color: #5d6c84;
        background: #ffffff;
        height: 24px;
    }
/* /Layout/FaqCompleto.razor.rz.scp.css */
.faq[b-on59zzabhu] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 80px 56px;
    background: #ffffff;
}

/* HEADER */

.faq__header[b-on59zzabhu] {
    text-align: center;
    margin-bottom: 50px;
}

    .faq__header span[b-on59zzabhu] {
        font-size: 16px;
        color: #4D5B71;
        font-weight:400;
    }

    .faq__header h2[b-on59zzabhu] {
        font-size: 48px;
        font-weight: 700;
        color: #4D5B71;
    }

/* GRID */

.faq__grid[b-on59zzabhu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
}

/* COLUMN */

.faq__column h3[b-on59zzabhu] {
    margin-bottom: 24px;
    color: #4D5B71;
    font-weight: 700;
}

/* ITEM */

.faq__item[b-on59zzabhu] {
    border: 1px solid #6cc3b5;
    border-radius: 8px;
    margin-bottom: 15px;
    overflow: hidden;
    background: #fff;
    transition: all .3s ease;
}

    /* ACTIVE */

    .faq__item.active[b-on59zzabhu] {
        background: linear-gradient(135deg,#35B5A6,#2f9f92);
        color: #fff;
        border: none;
    }

/* QUESTION */

.faq__question[b-on59zzabhu] {
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-weight: 500;
    font-size:16px;
}

/* ANSWER */

.faq__answer[b-on59zzabhu] {
    max-height: 0;
    overflow: hidden;
    padding: 0 20px;
    font-size: 14px;
    line-height: 1.5;
    transition: all .3s ease;
    font-weight: 400;
}

.faq__item.active .faq__answer[b-on59zzabhu] {
    max-height: 200px;
    padding: 0 20px 20px;
}
.faq__icon img[b-on59zzabhu] {
    width: 16px;
    height: 16px;
    transition: transform 0.3s ease;
}

/* rota la misma imagen */
.faq__item.active .faq__icon img[b-on59zzabhu] {
    transform: rotate(180deg);
}

/* RESPONSIVE */

@media (max-width: 768px) {
    .faq__grid[b-on59zzabhu] {
        grid-template-columns: 1fr;
    }

    .faq__header span[b-on59zzabhu] {
        display:none;
        font-size: 16px;
        color: #4D5B71;
        font-weight: 400;
    }

    .faq__header h2[b-on59zzabhu] {
        font-size: 24px;
        font-weight: 700;
        color: #4D5B71;
    }

    .faq__column h3[b-on59zzabhu] {
        margin-bottom: 24px;
        color: #4D5B71;
        font-weight: 700;
        font-size:18px;
    }

    .faq__header[b-on59zzabhu] {
        text-align: center;
        margin-bottom: 50px;
    }

        .faq__header span[b-on59zzabhu] {
            font-size: 16px;
            color: #4D5B71;
            font-weight: 500;
        }
    .faq[b-on59zzabhu] {
        padding: 60px 16px 20px 16px;
        background: #ffffff;
    }    
}

@media (max-width: 520px) {

    .faq__item.active .faq__answer[b-on59zzabhu] {
        max-height: 1000px;
        height: auto;
        min-height: unset;
        padding: 0 20px 20px;
    }
}
/* /Layout/Favoritos.razor.rz.scp.css */

.favorite-card__cta[b-tkxqdyas8g] {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .favorite-card__cta:hover[b-tkxqdyas8g] {
        text-decoration: none;
        color: #ffffff;
    }

.favorites[b-tkxqdyas8g] {
    max-width: 1440px;
    margin: 0 auto;
    height: 860px;
    padding: 40px 96px;
    background-color: #ffffff;
}

.favorites__header[b-tkxqdyas8g] {
    text-align: center;
    max-width: 1328px;
    margin: 0 auto 40px auto;
}

    .favorites__header h2[b-tkxqdyas8g] {
        font-size: 48px;
        font-weight: 700;
        color: #4D5B71;
        margin-bottom: 16px;
        color: var(--Colors-Secondary-500, #4D5B71);

        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 57.6px */
    }

    .favorites__header p[b-tkxqdyas8g] {
        text-align: center;
        font-size: 20px;
        color: #4D5B71;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        max-width: 844px;
        margin: 0 auto;
    }

.favorites__carousel[b-tkxqdyas8g] {
    position: relative;
}

.favorites__grid[b-tkxqdyas8g] {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scroll-behavior: auto;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
    user-select: none;
    align-self: stretch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
    .favorites__grid:active[b-tkxqdyas8g] {
        cursor: grabbing;
    }
    .favorites__grid[b-tkxqdyas8g]::-webkit-scrollbar {
        display: none;
    }
.carousel-dots[b-tkxqdyas8g] {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
}

.dot[b-tkxqdyas8g] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #cbd5e1;
    transition: all 0.3s ease;
}

    .dot.active[b-tkxqdyas8g] {
        background: #35B5A6;
        width: 10px;
        height: 10px;
    }


.favorite-card[b-tkxqdyas8g] {

    flex: 0 0 calc((100% - 72px) / 4); /* 4 cards + gap */
    /*max-width: calc((100% - 72px) / 4);*/
    max-width:296px;
    /*height: 548px;*/
    border-radius: 12px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
    flex: 0 0 auto;
    scroll-snap-align: start;
    transition: transform 0.3s ease;
}

    .favorite-card:hover[b-tkxqdyas8g] {
        /*transform: scale(1.03);*/
    }

.favorite-card__glass[b-tkxqdyas8g] {
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 8px;
    /*height:288px;*/
    /*gap:8px;*/
    padding: 8px;
    backdrop-filter: blur(3px);
    background: rgba(255,255,255,0.1);
    /*align-self: stretch;*/
}

.favorite-card__overlay[b-tkxqdyas8g] {
    width: 100%;
    padding: 16px;
    /*background: linear-gradient( to top, rgba(0, 0, 0, 0.75) 20%, rgba(0, 0, 0, 0.35) 60%, rgba(0, 0, 0, 0.05) 100% );*/
}

.favorite-card__content[b-tkxqdyas8g] {
    color: white;
}

.favorite-card h3[b-tkxqdyas8g] {
    /*max-width:157px;
    max-height:34px;*/
    font-size: 24px;
    font-weight: 700;
    /*line-height: 140%;*/
}

.favorite-card__category[b-tkxqdyas8g] {
    font-size: 14px;
    max-height:21px;
    font-style: normal;
    font-weight: 400;
    /*line-height: 150%;*/
}

.favorite-card p[b-tkxqdyas8g] {
    font-size: 14px;
    margin-bottom: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    
}

.favorite-card__tags[b-tkxqdyas8g] {
    /*display: flex;
    flex-wrap: wrap;*/
    gap: 4px;
    margin-bottom: 8px;
}

    .favorite-card__tags span[b-tkxqdyas8g] {
        font-size: 12px;
        padding: 4px 8px;
        border-radius: 999px;
        border: 1px solid rgba(255,255,255,0.8);
        font-style: normal;
        font-weight: 400;
        /*line-height: 136%;*/
    }

.favorite-card__price[b-tkxqdyas8g] {
    font-size: 20px;
    font-weight:600;
    /*margin-bottom: 16px;*/
}

.favorite-card__priceMensual[b-tkxqdyas8g] {
    font-size: 14px;
    font-weight: 300;
    gap:4px;
    margin-bottom: 16px;
}

/* ESTADO INICIAL (oculto) */
.favorites__header[b-tkxqdyas8g],
.favorites__carousel[b-tkxqdyas8g] {
    opacity: 0;
    transition: all 0.8s ease;
}

/* HEADER → izquierda */
.favorites__header[b-tkxqdyas8g] {
    transform: translateX(-80px);
}

/* CAROUSEL → derecha */
.favorites__carousel[b-tkxqdyas8g] {
    transform: translateX(80px);
}

/* CUANDO APARECE */
.favorites.show .favorites__header[b-tkxqdyas8g],
.favorites.show .favorites__carousel[b-tkxqdyas8g] {
    
    opacity: 1;
    transform: translateX(0);
    
}

.favorites.show .favorites__header[b-tkxqdyas8g] {
    transition-delay: 0.1s;
}

.favorites.show .favorites__carousel[b-tkxqdyas8g] {
    transition-delay: 0.7s;
    display: flex;
    justify-content: center;
}

.desktop[b-tkxqdyas8g] {
    display: block;
}

.mobile[b-tkxqdyas8g] {
    display: none;
}

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

@media (max-width: 768px) {
    .desktop[b-tkxqdyas8g] {
        display: none;
    }

    .mobile[b-tkxqdyas8g] {
        display: block;
    }
    .favorites[b-tkxqdyas8g] {
        padding: 80px 16px 40px 16px;
        height: 780px;
       
    }
    
    .favorite-card[b-tkxqdyas8g] {
        flex: 0 0 90%; /* tipo carrusel mobile */
        max-width: 400px;
        /*height: 548px;*/
        padding: 0px 0px 0px 0px;
    }

    .favorites__header h2[b-tkxqdyas8g] {
        font-size: 24px;
    }

    .favorites__header p[b-tkxqdyas8g] {
        font-size: 16px;
    }
    .favorite-card__tags span[b-tkxqdyas8g][b-tkxqdyas8g]{
        font-weight:300;
    }
    .favorite-card p[b-tkxqdyas8g][b-tkxqdyas8g] {
        font-weight: 300;
    }
    .favorite-card__category[b-tkxqdyas8g][b-tkxqdyas8g] {
        font-size: 14px;
        font-weight: 300;
    }
    .favorite-card__glass[b-tkxqdyas8g] {
        border: 1px solid rgba(255,255,255,0.4);
        border-radius: 8px;
        padding: 5px;
        backdrop-filter: blur(6px);
        background: rgba(255,255,255,0.05);
    }
}

@media (min-width: 769px) and (max-width: 1024px) {

    .favorite-card[b-tkxqdyas8g] {
        flex: 0 0 calc(50% - 10px); /* 🔥 2 cards */
        max-width: calc(50% - 10px);
        height: 548px;
    }

    .favorites__header h2[b-tkxqdyas8g] {
        font-size: 24px;
    }

    .favorites__header p[b-tkxqdyas8g] {
        font-size: 16px;
    }

    .favorite-card__tags span[b-tkxqdyas8g][b-tkxqdyas8g] {
        font-weight: 300;
    }

    .favorite-card p[b-tkxqdyas8g][b-tkxqdyas8g] {
        font-weight: 300;
    }

    .favorite-card__category[b-tkxqdyas8g][b-tkxqdyas8g] {
        font-size: 14px;
        font-weight: 300;
    }

    .favorite-card__glass[b-tkxqdyas8g] {
        border: 1px solid rgba(255,255,255,0.4);
        border-radius: 8px;
        padding: 5px;
        backdrop-filter: blur(6px);
        background: rgba(255,255,255,0.05);
    }

}
/* /Layout/Footer.razor.rz.scp.css */
.footer-nexcar[b-xfj2tfkhhb] {
    background: #1f2a36;
    padding: 56px 0;
    position: relative;
    overflow: hidden;
    color: #cfd6dd;
}

/* contenedor principal */

.footer-container[b-xfj2tfkhhb] {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1fr;
    gap: 60px;
    max-width: 1440px;
    height: 434px;
    margin: 0 auto;
    padding: 0 56px;
    position: relative;
    z-index: 2;
}

/* logo + redes */

.footer-logo-row[b-xfj2tfkhhb] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.footer-logo[b-xfj2tfkhhb] {
    width: 158px;
    height: 58px;
}

.footer-divider[b-xfj2tfkhhb] {
    width: 1px;
    height: 24px;
    background: rgba(255,255,255,0.2);
}

.footer-social[b-xfj2tfkhhb] {
    padding: 0px 0px 0px 100px;
    display: flex;
    gap: 10px;
}

    .footer-social a[b-xfj2tfkhhb] {
        width: 36px;
        height: 36px;
        border-radius: 42px;
        background: transparent;
        
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 16px;
        transition: 0.3s;
        border: 1px solid rgba(255,255,255,0.12);
    }

        .footer-social a:hover[b-xfj2tfkhhb] {
            background: #2e3b48;
        }

/* columnas */

.footer-col h5[b-xfj2tfkhhb] {
    color: white;
    margin-bottom: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.footer-col ul[b-xfj2tfkhhb] {
    list-style: none;
    padding: 0;
}

.footer-col li[b-xfj2tfkhhb] {
    margin-bottom: 16px;
    color: #BFC7D4;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.footer-col a[b-xfj2tfkhhb] {
    text-decoration: none;
    color: #cfd6dd;
}

    .footer-col a:hover[b-xfj2tfkhhb] {
        color: #fff;

    }

/* copyright */

.footer-copy[b-xfj2tfkhhb] {
    margin-top: 220px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    opacity: 0.7;
}

/* imagen grande de fondo */

.footer-bg[b-xfj2tfkhhb] {
    position: absolute;
    bottom: -220px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    opacity: 0.06;
    z-index: 1;
}

    .footer-bg img[b-xfj2tfkhhb] {
        width: 1380px;
        max-width: none;
        top: 300px;
        display: flex;
        justify-content: center;
        opacity: 1;
        z-index: -1;
        pointer-events: none;
        -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, transparent 60%);
        mask-image: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, transparent 60%);
    }

/* =============================
   MOBILE — oculto por defecto
============================= */

.footer-mobile[b-xfj2tfkhhb] {
    display: none;
}

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

@media (max-width: 900px) {

    .footer-container[b-xfj2tfkhhb] {
        grid-template-columns: 1fr;
        gap: 32px;
    }
}

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

@media (max-width: 768px) {

    .footer-nexcar[b-xfj2tfkhhb] {
        padding: 20px 16px 20px 16px;
        height:554px;
    }

    /* ocultar desktop, mostrar mobile */
    .footer-container[b-xfj2tfkhhb] {
        display: none;
        height: 554px;
    }

    .footer-mobile[b-xfj2tfkhhb] {
        display: block;
        position: relative;
        z-index: 2;
        /*overflow: hidden;*/
    }

    .footer-mobile .footer-bg[b-xfj2tfkhhb] {
        position: absolute;
        bottom: -130px;
        
        left: -30px;
        width: 115%;
        display: flex;
        justify-content: center;
        opacity: 1;
        z-index: -1;
        pointer-events: none;
        -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.14) 0%, transparent 50%);
        mask-image: linear-gradient(to bottom, rgba(0,0,0,0.14) 0%, transparent 60%);
    }

    .footer-mobile .footer-bg img[b-xfj2tfkhhb] {
        width: 100%;
        max-width: none;
    }

    /* logo row mobile */
    .footer-mobile .footer-logo-row[b-xfj2tfkhhb] {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 0px 0px 78px 0px;
        /*margin-bottom: 32px;*/
    }

    .footer-mobile .footer-logo[b-xfj2tfkhhb] {
        width: 110px;
        height: auto;
    }

    /* acordeones */
    .footer-acc[b-xfj2tfkhhb] {
        /*border-top: 1px solid rgba(255,255,255,0.1);*/
    }

    .footer-acc__item[b-xfj2tfkhhb] {
        /*border-bottom: 1px solid rgba(255,255,255,0.1);*/
    }

    .footer-acc__header[b-xfj2tfkhhb] {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: none;
        border: none;
        padding: 20px 0;
        cursor: pointer;
        color: white;
        font-size: 16px;
        font-weight: 500;
        text-align: left;
    }

    .footer-acc__chevron[b-xfj2tfkhhb] {
        flex-shrink: 0;
        transition: transform 0.25s ease;
    }

    .footer-acc__chevron--open[b-xfj2tfkhhb] {
        transform: rotate(180deg);
    }

    .footer-acc__body[b-xfj2tfkhhb] {
        padding-bottom: 16px;
    }

    .footer-acc__body ul[b-xfj2tfkhhb] {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .footer-acc__body li[b-xfj2tfkhhb] {
        padding: 8px 0;
        color: #BFC7D4;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
    }

    .footer-acc__body a[b-xfj2tfkhhb] {
        text-decoration: none;
        color: #BFC7D4;
    }

        .footer-acc__body a:hover[b-xfj2tfkhhb] {
            color: #fff;
        }

    /* copyright mobile */
    .footer-copy--mobile[b-xfj2tfkhhb] {
        margin-top: 32px;
        padding: 48px 0px 10px 0px;
        font-size: 16px;
        opacity: 0.6;
        text-align: left;
    }
}
/* /Layout/ListoParaTuProximaAventura.razor.rz.scp.css */
/* ================= CTA NEXCAR ================= */

.cta_nexcar[b-1p4lgyncxh] {
    max-width: 1440px;
    padding: 40px 56px;
    height: 370px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    /* 👇 AQUÍ PONES TU IMAGEN */
    background-image: url("images/ListoParaAventura.jpg");
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}


    /* OVERLAY OSCURO */

    .cta_nexcar[b-1p4lgyncxh]::before {
        content: "";
        position: absolute;
        inset: 0;
        /*background: rgba(0,0,0,0.35);*/
    }


/* CONTENIDO */

.cta_nexcar__content[b-1p4lgyncxh] {
    position: relative;
    z-index: 2;
    text-align: right;
    color: white;
    padding-right: 60px;
    max-width: 850px;
}


    /* TITULO */

    .cta_nexcar__content h2[b-1p4lgyncxh] {
        font-size: 56px;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 20px;
    }


/* BOTON */

.btn-cta[b-1p4lgyncxh] {
    display: inline-block;
    background: #35B5A6;
    color: white;
    padding: 12px 30px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size:16px;
    transition: all .3s ease;
    max-width:513px;
}

    .btn-cta:hover[b-1p4lgyncxh] {
        background: #27897e;
        transform: translateY(-2px);
    }


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

@media (max-width: 1024px) {

    .cta_nexcar[b-1p4lgyncxh] {
        max-width: 100%;
        /*margin: 24px 16px;*/
    }

    .cta_nexcar__content h2[b-1p4lgyncxh] {
        font-size: 40px;
    }
}

@media(max-width:768px) {
    .nxtme-cta[b-1p4lgyncxh] {
        padding: 20px 16px 0px 16px;
        background: #ffffff;
        overflow: hidden;
        position: relative;
        height: 567px;
        
    }
    .cta_nexcar[b-1p4lgyncxh] {
        height: auto;
        /*min-height: 280px;*/
        justify-content: center;
        
    }

    .cta_nexcar__content[b-1p4lgyncxh] {
        text-align: center;
        /*padding: 30px 20px;*/
    }

        .cta_nexcar__content h2[b-1p4lgyncxh] {
            font-size: 24px;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 16px;
        }

    .btn-cta[b-1p4lgyncxh] {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
body[b-wkq3moxe37] {
    margin: 0;
    font-family: system-ui, sans-serif;
}

.main-layout[b-wkq3moxe37] {
    width: 100%;
    min-height: 100vh;
}

.topbar[b-wkq3moxe37] {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    background: white;
    border-bottom: 1px solid #eee;
    position: sticky;
    top: 0;
    z-index: 100;
}

.menu-btn[b-wkq3moxe37] {
    font-size: 22px;
    background: none;
    border: none;
    cursor: pointer;
    color: #4b5563;
}

.logo[b-wkq3moxe37] {
    height: 24px;
    object-fit: contain;
}

.content[b-wkq3moxe37] {
    width: 100%;
}
/* /Layout/Marcas.razor.rz.scp.css */
/* =======================================================
   ANIMACIÓN FALL + BOUNCE AL CARGAR
======================================================= */

@keyframes brandFallBounce-b-yxmzcjrckt {
    0%   { transform: translateY(-50px); opacity: 0; }
    55%  { transform: translateY(10px);  opacity: 1; }
    72%  { transform: translateY(-6px); }
    86%  { transform: translateY(3px); }
    100% { transform: translateY(0);     opacity: 1; }
}

/* =======================================================
   BRANDS (LOGOS)
======================================================= */

.brands[b-yxmzcjrckt] {
    position: absolute;
    bottom: -55px; /* 🔥 esto las baja fuera del hero */
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 10;
    gap:8px;
    background: transparent;
    padding: 16px 0px 16px 0px;
    overflow: hidden;
}

.brands__track[b-yxmzcjrckt] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    padding: 10px 40px;
    flex-wrap: nowrap;
    scroll-behavior: smooth;
    cursor: grab;
    user-select: none;
    scrollbar-width: none;
}

    .brands__track[b-yxmzcjrckt]::-webkit-scrollbar {
        display: none;
    }

    .brands__track:active[b-yxmzcjrckt] {
        cursor: grabbing;
        scroll-behavior: auto; /* evita lag al arrastrar */
    }

.brands__item[b-yxmzcjrckt] {
    min-width: 124px;
    gap:8px;
    height: 124px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.01);
    backdrop-filter: blur(30px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid #FFFFFF;
    box-shadow: 0px 8px 10px rgba(53, 181, 166, 0.1);
    /* 🔥 EFECTO ESQUINA TRANSPARENTE */
    -webkit-mask-image: radial-gradient(circle at top right, transparent 5%, black 20%);
    mask-image: radial-gradient(circle at top right, transparent 5%, black 20%);
    /* Animación fall + bounce */
    opacity: 0;
    animation: brandFallBounce-b-yxmzcjrckt 0.65s ease forwards;
}


svg[b-yxmzcjrckt] {
    width: 60px;
    height: 60px;
}

svg path[b-yxmzcjrckt] {
    fill: white;
    transition: fill 0.3s ease;
    width:60px;
    height:60px;
}


    .brands__item span[b-yxmzcjrckt] {
        font-size: 16px;
        color: #fff;
        font-weight:600;
    }

    /* hover efecto como en tu diseño */
.brands__item:hover[b-yxmzcjrckt] {
    background: #ffffff; /*near-gradient(135deg,#35B5A6,#174F48);*/
    transform: translateY(-4px);
    border: 1px solid #ffffff;
    box-shadow: 0px 8px 10px rgba(53, 181, 166, 0.6);
    -webkit-mask-image:none;
    mask-image:none;
}

        .brands__item:hover svg path[b-yxmzcjrckt] {
            fill: #35B5A6;
            color:#000;
        }

        .brands__item:hover span[b-yxmzcjrckt] {
         
            color: #35B5A6;
        }

@media (min-width: 1852px) {
    .brands__track[b-yxmzcjrckt] {
        justify-content: center;
    }
}

.brands__item--hidden[b-yxmzcjrckt] {
    display: none !important;
}

@media (max-width:786px) {
    .brands[b-yxmzcjrckt] {
        position: absolute;
        bottom: -45px; /* 🔥 esto las baja fuera del hero */
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        z-index: 10;
        gap: 8px;
        background: transparent;
        padding: 16px 0px 16px 0px;
        overflow: hidden;
    }

    .brands__item[b-yxmzcjrckt] {
        min-width: 78px;
        height: 79px;
        border-radius: 8px;
        background: linear-gradient( to bottom, rgba(63, 175, 159, 0.9), rgba(63, 175, 159, 0.6), rgba(255, 255, 255, 0.25) );
        backdrop-filter: blur(10px);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition: all .3s ease;
        cursor: pointer;
    }
        .brands__item img[b-yxmzcjrckt] {
            height: 30px;
            margin-bottom: 6px;
            filter: brightness(0) invert(1); /* logos blancos */
        }
        .brands__item span[b-yxmzcjrckt] {
            font-size: 12px;
            color: #fff;
            font-weight: 400;
        }
    svg[b-yxmzcjrckt] {
        width: 40px;
        height: 40px;
    }
    svg path[b-yxmzcjrckt] {
        width:80px;
        height:80px;
        transition: fill 0.3s ease;
    }


}
/* /Layout/MarcasGris.razor.rz.scp.css */
/* =======================================================
   BRANDS GRIS
======================================================= */

.brands[b-tk4kn1vs8j] {
    width: 100%;
    background: transparent;
    padding: 40px 0px 0px 0px;
}

/* TRACK — centrado; carousel cuando excede el ancho */

.brands__track[b-tk4kn1vs8j] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    overflow-x: auto;
    padding: 10px 24px;
    flex-wrap: nowrap;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    cursor: grab;
    user-select: none;
}

    .brands__track[b-tk4kn1vs8j]::-webkit-scrollbar {
        display: none;
    }

    .brands__track:active[b-tk4kn1vs8j] {
        cursor: grabbing;
        scroll-behavior: auto;
    }

/* ITEM */

.brands__item[b-tk4kn1vs8j] {
    flex: 0 0 124px;
    height: 124px;
    border-radius: 8px;
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid #4D5B71;
    transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

svg[b-tk4kn1vs8j] {
    width: 60px;
    height: 60px;
}

svg path[b-tk4kn1vs8j] {
    fill: #4D5B71;
    transition: fill 0.3s ease;
}

.brands__item span[b-tk4kn1vs8j] {
    font-size: 16px;
    color: #4D5B71;
    font-weight: 600;
}

/* HOVER */

.brands__item:hover[b-tk4kn1vs8j] {
    background: #4D5B71;
    transform: translateY(-4px);
    box-shadow: 0 8px 10px 0 rgba(77, 91, 113, 0.60);
}

    .brands__item:hover svg path[b-tk4kn1vs8j] {
        fill: #fff;
    }

    .brands__item:hover span[b-tk4kn1vs8j] {
        color: #fff;
    }

/* =======================================================
   DESKTOP WIDE — centrar cuando caben todas las cards
======================================================= */

@media (min-width: 1852px) {
    .brands__track[b-tk4kn1vs8j] {
        justify-content: center;
    }
}

.brands__item--hidden[b-tk4kn1vs8j] {
    display: none !important;
}

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

@media (max-width: 786px) {

    .brands[b-tk4kn1vs8j] {
        padding: 12px 0;
    }

    .brands__track[b-tk4kn1vs8j] {
        justify-content: flex-start;
        padding: 8px 16px;
        gap: 8px;
    }

    .brands__item[b-tk4kn1vs8j] {
        flex: 0 0 78px;
        height: 79px;
        background: #fff;
    }

    svg[b-tk4kn1vs8j] {
        width: 40px;
        height: 40px;
    }

    .brands__item span[b-tk4kn1vs8j] {
        font-size: 12px;
        font-weight: 400;
        line-height: 1.5;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
/* OVERLAY */
.navmenu-overlay[b-vfkvdiuxto] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
    z-index: 9998;
}

    .navmenu-overlay.show[b-vfkvdiuxto] {
        opacity: 1;
        visibility: visible;
    }

/* CONTAINER — pantalla completa */
.navmenu-container[b-vfkvdiuxto] {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100vh;
    background: #ffffff;
    transition: left 0.3s ease;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    isolation: isolate;
}

    .navmenu-container.open[b-vfkvdiuxto] {
        left: 0;
    }

/* HEADER */
.navmenu-header[b-vfkvdiuxto] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
}

/* CLOSE */
.navmenu-close[b-vfkvdiuxto] {
    background: none;
    border: none;
    font-size: 20px;
    color: #4a5568;
    cursor: pointer;
    line-height: 1;
    padding: 4px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* LOGO centrado */
.navmenu-logo[b-vfkvdiuxto] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

    .navmenu-logo img[b-vfkvdiuxto] {
        height: 28px;
        display: block;
    }

/* USER */
.navmenu-user[b-vfkvdiuxto] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

/* LISTA */
.navmenu-list[b-vfkvdiuxto] {
    display: flex;
    flex-direction: column;
    padding-top: 8px;
    flex: 1;
}

/* ITEM */
.navmenu-item[b-vfkvdiuxto] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 24px;
    color: #4a5568;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    transition: background 0.15s;
}

    .navmenu-item:hover[b-vfkvdiuxto] {
        background: #f5f6f8;
    }

    .navmenu-item.active[b-vfkvdiuxto] {
        color: #174F48;
        font-weight: 600;
    }

/* FLECHA */
.arrow[b-vfkvdiuxto] {
    font-size: 22px;
    color: #9ca3af;
    line-height: 1;
}
/* /Layout/NuestrosPilares.razor.rz.scp.css */
@media (max-width: 768px) {

    .nxnp-pillars__title[b-6dl4xdw3pf] {
        margin: 0 0 10px;
        color: #4D5B71;
        font-weight: 700;
        font-size: 24px;
        letter-spacing: -.3px;
    }

    .nxnp-pillars__desc[b-6dl4xdw3pf] {
        margin: 0;
        color: #4D5B71;
        line-height: 1.55;
        font-size: 16px;
        font-weight: 400;
        max-width: 100%;
    }
    .nxnp-pillars__mark[b-6dl4xdw3pf] {
        /*display:none;*/
        position: absolute;
        right: -22px;
        top: -45px;
        width: 430px;
        height: 330px;
        background-size: 75% 75%;
        background-repeat: no-repeat;
        background-position: right;
        background-image: url('/images/vector.svg');
        pointer-events: none;
    }

    /*.nxnp-pillars  {
        position: relative;
        max-width: 420px;
        height: 480px;
        border-radius: 18px;
        overflow: hidden;
        perspective: 1100px;*/
        /* por si algún CSS global mete background aquí */
        /*background: transparent !important;
        background-image: none !important;
        box-shadow: 0 20px 44px rgba(0,0,0,.12);
        transition: transform .18s ease, box-shadow .18s ease;
        outline: none;
    }*/
}

@media (max-width: 520px) {

    .nxnp-pillars__head[b-6dl4xdw3pf] {
        isolation: isolate;
    }

    .nxnp-pillars[b-6dl4xdw3pf] {
        padding: 0px 20px;
    }

    .nxnp-pillars__mark[b-6dl4xdw3pf] {
        position: absolute;
        right: -50px;
        top: -130px;
        width: 280px;
        height: 280px;
        background-size: 70% 70%;
        background-repeat: no-repeat;
        background-image: url(/images/pilares-movil.svg);
        pointer-events: none;
        background-position: right center;
        opacity: unset;
        z-index: 0;
    }

    .nxnp-pillars__copy[b-6dl4xdw3pf] {
        margin-right: 15px;
        position: relative;
        z-index: 1;
    }

    .nxnp-pillars .nxnp-pillar__label[b-6dl4xdw3pf] {
        display: none;
    }


    .nxnp-pillars[b-6dl4xdw3pf] {
        padding: 40px 16px 0 16px;
        height: auto;
    }

    .nxnp-pillars__grid[b-6dl4xdw3pf] {
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        gap: 16px;
        /*padding-right: 40px;*/
        padding-bottom: 8px;
    }

        .nxnp-pillars__grid[b-6dl4xdw3pf]::-webkit-scrollbar {
            display: none;
        }

    .nxnp-pillars .nxnp-pillar[b-6dl4xdw3pf] {
        flex: 0 0 82%;
        scroll-snap-align: start;
        /*max-width: none;*/
        width: 320px;
        height: 480px;
    }

    .nxnp-pillars .nxnp-pillar__overlay[b-6dl4xdw3pf]{
        inset: unset;
    }

    /* Dots */
    .nxnp-pillars__dots[b-6dl4xdw3pf] {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin-top: 16px;
        padding-right: 20px;
    }

        .nxnp-pillars__dots span[b-6dl4xdw3pf] {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #ccd5df;
            transition: background 0.3s, width 0.3s;
        }

            .nxnp-pillars__dots span.active[b-6dl4xdw3pf] {
                background: #35B5A6;
                width: 10px;
                height: 10px;
                border-radius: 4px;
            }
}
/* /Layout/PEN.razor.rz.scp.css */
/* =======================================================
   PEN — ¿Por qué elegir Nexcar?
   Diseño: Figma node 505-15801  |  Solo versión web
======================================================= */

.pen[b-ec3vxua5lp] {
    background: #ffffff;
    overflow: hidden;
}

.pen__wrap[b-ec3vxua5lp] {
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    height: 736px;
}

/* -------------------------------------------------------
   HEADER (título + chips)
------------------------------------------------------- */

.pen__header[b-ec3vxua5lp] {
    position: absolute;
    top: 40px;
    left: 56px;
    width: 584px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    z-index: 3;
}

.pen__title[b-ec3vxua5lp] {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    color: #4D5B71;
    margin: 0;
}

.pen__chips[b-ec3vxua5lp] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pen__chip[b-ec3vxua5lp] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    height: 24px;
    border: 1px solid #4D5B71;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.36;
    color: #4D5B71;
    background: transparent;
}

.pen__chip img[b-ec3vxua5lp] {
    width: 16px;
    height: 16px;
    display: block;
}

/* -------------------------------------------------------
   BLOB (resplandor teal detrás del auto)
------------------------------------------------------- */

.pen__blob[b-ec3vxua5lp] {
    position: absolute;
    left: 35%;
    top: 15%;
    width: 36%;
    height: 72%;
    background-image: url('/images/Ellipse 43-web.svg');
    background-size: 140% 140%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    pointer-events: none;
}

/* -------------------------------------------------------
   AUTO
------------------------------------------------------- */

.pen__car[b-ec3vxua5lp] {
    position: absolute;
    left: calc(25% + 64px);
    top: 219px;
    width: 588px;
    height: 381px;
    object-fit: contain;
    z-index: 2;
}

/* -------------------------------------------------------
   CARDS — base
------------------------------------------------------- */

.pen__card[b-ec3vxua5lp] {
    position: absolute;
    max-width: 400px;
    padding: 20px;
    border-radius: 20px;
    border: 1px solid #35B5A6;
    background: rgba(255, 255, 255, 0.92);
    text-align: center;
    z-index: 3;
    transition: box-shadow 0.25s ease;
}

.pen__card:hover[b-ec3vxua5lp] {
    box-shadow: 0 16px 36px rgba(53, 181, 166, 0.18);
}

.pen__card h3[b-ec3vxua5lp] {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    color: #4D5B71;
    margin: 0 0 12px;
    white-space: nowrap;
}

.pen__card p[b-ec3vxua5lp] {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: #4D5B71;
    margin: 0;
    max-width: 356px;
}

/* -------------------------------------------------------
   CARD: Un solo pago — izquierda superior (gradiente)
   Figma: left calc(16.67%+34px), top calc(50%+197px)
------------------------------------------------------- */

.pen__card--left-top[b-ec3vxua5lp] {
    left: calc(16.67% + 34px);
    top: calc(50% + 197px);
    transform: translate(-50%, -50%);
    background: linear-gradient(-66.9deg, #35B5A6 33%, #174F48 125.3%);
    border: none;
    max-width: 440px;
}

.pen__card--left-top h3[b-ec3vxua5lp],
.pen__card--left-top p[b-ec3vxua5lp] {
    color: #ffffff;
    max-width: 396px;
}

.pen__card--left-top:hover[b-ec3vxua5lp] {
    box-shadow: 0 16px 36px rgba(23, 79, 72, 0.30);
}

/* -------------------------------------------------------
   CARD: Mayor seguridad — derecha superior
   Figma: left calc(79.17%-29px), top calc(50%-172px)
------------------------------------------------------- */

.pen__card--right-top[b-ec3vxua5lp] {
    left: calc(79.17% - 29px);
    top: calc(50% - 172px);
    transform: translate(-50%, -50%);
}

/* -------------------------------------------------------
   CARD: Autos 0 km — izquierda inferior
   Figma: left calc(20.83%+69px), top calc(50%-92px)
------------------------------------------------------- */

.pen__card--left-bottom[b-ec3vxua5lp] {
    left: calc(20.83% + 69px);
    top: calc(50% - 92px);
    transform: translate(-50%, -50%);
}

/* -------------------------------------------------------
   CARD: Entrega a domicilio — derecha inferior
   Figma: left calc(79.17%-56px), top calc(50%+165px)
------------------------------------------------------- */

.pen__card--right-bottom[b-ec3vxua5lp] {
    left: calc(79.17% - 56px);
    top: calc(50% + 165px);
    transform: translate(-50%, -50%);
}

/* -------------------------------------------------------
   DOTS (conectores teal)
------------------------------------------------------- */

.pen__dot[b-ec3vxua5lp] {
    position: absolute;
    width: 14px;
    height: 14px;
    background: #35B5A6;
    border-radius: 50%;
    z-index: 4;
    box-shadow: 0 0 0 4px rgba(53, 181, 166, 0.25);
}

/* Figma: left calc(25%+114px), top 493px */
.pen__dot--left-top[b-ec3vxua5lp] {
    left: calc(25% + 114px);
    top: 493px;
}

/* Figma: left calc(58.33%+69px), top 246px */
.pen__dot--right-top[b-ec3vxua5lp] {
    left: calc(58.33% + 69px);
    top: 246px;
}

/* Figma: left calc(33.33%+71px), top 325px */
.pen__dot--left-bottom[b-ec3vxua5lp] {
    left: calc(33.33% + 71px);
    top: 325px;
}

/* Figma: left calc(58.33%+40px), top 460px */
.pen__dot--right-bottom[b-ec3vxua5lp] {
    left: calc(58.33% + 40px);
    top: 460px;
}
/* /Layout/PorqueElegir.razor.rz.scp.css */
/* ================= ELEGIR NEXCAR ================= */

.elegir_nexcar[b-d2w34p6p0w] {
    padding: 40px 56px;
    background: #ffffff;
    text-align: center;
    max-width: 1440px;
    height: 668px;
    position: relative;
    overflow: visible;
    margin: 0 auto;
    /*margin: 0 auto 40px auto;*/
}


/* HEADER */

.elegir_nexcar__header h2[b-d2w34p6p0w] {
    font-size: 48px;
    font-weight: 700;
    color: #4D5B71;
    margin-bottom: 18px;
}


/* TAGS */

.elegir_nexcar__tags[b-d2w34p6p0w] {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 55px;
}

    .elegir_nexcar__tags span[b-d2w34p6p0w] {
        font-size: 12px;
        font-weight:400;
        padding: 0px 14px;
        border-radius: 20px;
        border: 1px solid #cfd8dc;
        background: #ffffff;
        color: #4D5B71;
    }


/* GRID */

.elegir_nexcar__grid[b-d2w34p6p0w] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    max-width: 1100px;
    margin: auto;
}


/* CARD */

.elegir_nexcar-card[b-d2w34p6p0w] {
    background: white;
    padding: 28px;
    border-radius: 8px;
    border: 1px solid #6ec1b4;
    text-align: left;
    transition: all .35s ease;
}


/* CARD HEADER */

.card-header[b-d2w34p6p0w] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 12px;
}


/* ICON */

.elegir_nexcar-card__icon[b-d2w34p6p0w] {
    font-size: 22px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* TITLE */

.elegir_nexcar-card h3[b-d2w34p6p0w] {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    color: #4D5B71;
}


/* TEXT */

.elegir_nexcar-card p[b-d2w34p6p0w] {
    font-size: 18px;
    font-weight:400;
    color: #4D5B71;
    line-height: 1.6;
}


/* ACTIVE CARD */

.elegir_nexcar-card.active[b-d2w34p6p0w] {
    background: linear-gradient(260deg, #35B5A6 31.18%, #174F48 117.19%);
    color: white;
    border: none;
}

    .elegir_nexcar-card.active h3[b-d2w34p6p0w] {
        color: white;
    }

    .elegir_nexcar-card.active p[b-d2w34p6p0w] {
        color: rgba(255,255,255,0.9);
    }


/* HOVER */

.elegir_nexcar-card:hover[b-d2w34p6p0w] {
    /*transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.12);*/
}


/* RESPONSIVE */

/*@media(max-width:900px) {

    .elegir_nexcar__grid {
        grid-template-columns: 1fr;
    }
}*/


@media (max-width: 768px) {

    .elegir_nexcar[b-d2w34p6p0w] {
        padding: 80px 16px 0px 16px;
        height: 100%;
    }

    .elegir_nexcar__header h2[b-d2w34p6p0w][b-d2w34p6p0w] {
        font-size: 24px;
        font-weight: 700;
        color: #4D5B71;
        margin-bottom: 20px;
    }
    .elegir_nexcar-card p[b-d2w34p6p0w] {
        
        color: #4D5B71;
        line-height: 1.6;
    }
        .elegir_nexcar-card p[b-d2w34p6p0w][b-d2w34p6p0w] {
            font-size: 16px;
            font-weight:400;
        }
    .elegir_nexcar-card h3[b-d2w34p6p0w][b-d2w34p6p0w] {
        font-size: 18px;
        font-weight: 700;
        margin: 0;
        
    }
    .emp-how__chips[b-d2w34p6p0w] {
        display: flex;
        justify-content: flex-start;
        flex-wrap: nowrap;
        gap: 10px;
        margin-bottom: 20px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 4px;
        padding-left: 4px;
        padding-right: 4px;
        scrollbar-width: none;
    }

    .emp-how__chips[b-d2w34p6p0w]::-webkit-scrollbar {
        display: none;
    }

    .emp-chip[b-d2w34p6p0w] {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        height: 24px;
        padding: 4px 8px;
        border-radius: 16px;
        border: 1px solid #4D5B71;
        color: #4D5B71;
        font-size: 12px;
        font-weight: 400;
        background: #fff;
        line-height: 1;
        flex-shrink: 0;
    }

    /* Cancelar animaciones en mobile */
    .elegir_nexcar__header[b-d2w34p6p0w],
    .elegir_nexcar-card[b-d2w34p6p0w] {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
    }

}

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

@keyframes peTitleFall-b-d2w34p6p0w {
    0%   { opacity: 0; transform: translateY(-70px); }
    60%  { opacity: 1; transform: translateY(12px); }
    75%  { transform: translateY(-6px); }
    88%  { transform: translateY(4px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes peFromTopLeft-b-d2w34p6p0w {
    from { opacity: 0; transform: translate(-80px, -80px); }
    to   { opacity: 1; transform: translate(0, 0); }
}

@keyframes peFromTopRight-b-d2w34p6p0w {
    from { opacity: 0; transform: translate(80px, -80px); }
    to   { opacity: 1; transform: translate(0, 0); }
}

@keyframes peFromBottomLeft-b-d2w34p6p0w {
    from { opacity: 0; transform: translate(-80px, 80px); }
    to   { opacity: 1; transform: translate(0, 0); }
}

@keyframes peFromBottomRight-b-d2w34p6p0w {
    from { opacity: 0; transform: translate(80px, 80px); }
    to   { opacity: 1; transform: translate(0, 0); }
}

/* Estado inicial — invisible hasta que entre en viewport */
@media (min-width: 769px) {

    .elegir_nexcar__header[b-d2w34p6p0w] {
        opacity: 0;
        transform: translateY(-70px);
    }

    .elegir_nexcar-card:nth-child(1)[b-d2w34p6p0w] { opacity: 0; transform: translate(-80px, -80px); }
    .elegir_nexcar-card:nth-child(2)[b-d2w34p6p0w] { opacity: 0; transform: translate(80px, -80px); }
    .elegir_nexcar-card:nth-child(3)[b-d2w34p6p0w] { opacity: 0; transform: translate(-80px, 80px); }
    .elegir_nexcar-card:nth-child(4)[b-d2w34p6p0w] { opacity: 0; transform: translate(80px, 80px); }

    /* Disparo al entrar en viewport */
    .is-visible .elegir_nexcar__header[b-d2w34p6p0w] {
        animation: peTitleFall-b-d2w34p6p0w 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0s both;
    }

    .is-visible .elegir_nexcar-card:nth-child(1)[b-d2w34p6p0w] {
        animation: peFromTopLeft-b-d2w34p6p0w 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.2s both;
    }
    .is-visible .elegir_nexcar-card:nth-child(2)[b-d2w34p6p0w] {
        animation: peFromTopRight-b-d2w34p6p0w 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.35s both;
    }
    .is-visible .elegir_nexcar-card:nth-child(3)[b-d2w34p6p0w] {
        animation: peFromBottomLeft-b-d2w34p6p0w 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.5s both;
    }
    .is-visible .elegir_nexcar-card:nth-child(4)[b-d2w34p6p0w] {
        animation: peFromBottomRight-b-d2w34p6p0w 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.65s both;
    }
}
/* /Layout/PreguntasFrecuentes.razor.rz.scp.css */
/* ===== SECCIÓN RAÍZ ===== */

.nxpf-faq[b-sajwq60hhw] {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
}

/* ===== WRAPPER IMAGEN + PLAY BUTTON ===== */

.nxpf-faq__media-wrap[b-sajwq60hhw] {
    position: relative;
    width: 100%;
    max-width: var(--nxpf-media-w, 633px);
    cursor: pointer;
    display: block;
}

.nxpf-faq__play-btn[b-sajwq60hhw] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.28);
    transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    pointer-events: none; /* el clic lo maneja el wrapper */
}

.nxpf-faq__media-wrap:hover .nxpf-faq__play-btn[b-sajwq60hhw] {
    transform: translate(-50%, -50%) scale(1.1);
    background: #ffffff;
    box-shadow: 0 8px 32px rgba(53, 181, 166, 0.4);
}

/* ===== MODAL VIDEO ===== */

.nxpf-modal-backdrop[b-sajwq60hhw] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.82);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    animation: nxpfFadeIn-b-sajwq60hhw 0.2s ease;
}

.nxpf-modal[b-sajwq60hhw] {
    position: relative;
    width: 90%;
    max-width: 900px;
    aspect-ratio: 16 / 9;
    background: #000;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.6);
    animation: nxpfSlideUp-b-sajwq60hhw 0.25s ease;
}

    .nxpf-modal iframe[b-sajwq60hhw] {
        width: 100%;
        height: 100%;
        border: none;
        display: block;
    }

.nxpf-modal-close[b-sajwq60hhw] {
    position: absolute;
    top: -44px;
    right: 0;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.85;
    transition: opacity 0.15s ease, transform 0.15s ease;
}

    .nxpf-modal-close:hover[b-sajwq60hhw] {
        opacity: 1;
        transform: scale(1.15);
    }

@keyframes nxpfFadeIn-b-sajwq60hhw {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes nxpfSlideUp-b-sajwq60hhw {
    from { transform: translateY(24px); opacity: 0; }
    to   { transform: translateY(0);    opacity: 1; }
}

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

@media (max-width: 768px) {
    .nxpf-faq__ribbon[b-sajwq60hhw] {
        display:none;
        background: linear-gradient(135deg, #48b7a8, #217a71);
        /*padding: 18px 14px;*/
        /*width: calc(100% - 32px);*/ /* ✅ ocupa casi todo el ancho visible */
        margin: 0 auto;
        box-shadow: 0 18px 40px #fff;
        /* inclinación suave como mockup */
        transform: rotate(-2deg);
        transform-origin: left center;
    }

    .nxpf-faq__container[b-sajwq60hhw] {
        background: #ffffff;
        position: relative;
        /*max-width: 1440px;*/
        margin: 0 auto;
        padding: 0 0px;
    }

    .nxpf-faq[b-sajwq60hhw] {
        background: #fff;
        padding: 20px 16px 40px 16px;
    }

    .nxpf-acc__sum[b-sajwq60hhw]::after {
        flex: 0 0 24px;
        width: 24px;
        height: 24px;
    }
    .nxpf-faq__container[b-sajwq60hhw] {
        background: #ffffff;
        position: relative;
        max-width: 1440px;
        margin: 0 auto;
        
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .nxpf-faq__ribbon[b-sajwq60hhw] {
        display: none;
        background: linear-gradient(135deg, #48b7a8, #217a71);
        padding: 18px 14px;
        width: calc(100% - 32px); /* ✅ ocupa casi todo el ancho visible */
        margin: 0 auto;
        box-shadow: 0 18px 40px #fff;
        /* inclinación suave como mockup */
        transform: rotate(-2deg);
        transform-origin: left center;
    }
}
/* /Layout/QueEs.razor.rz.scp.css */
/* ================= QUE ES NEXCAR ================= */

.que_es_nexcar[b-mqc933rxsw] {
    max-width: 1440px;
    padding: 100px 40px;
    background: #f6f8f9;
}

.container[b-mqc933rxsw] {
    max-width: 1200px;
    margin: auto;
}


/* HEADER */

.que_es_nexcar__header[b-mqc933rxsw] {
    text-align: center;
    margin-bottom: 60px;
}

.section-tag[b-mqc933rxsw] {
    font-size: 12px;
    letter-spacing: 1px;
    color: #8b97a2;
    display: block;
    margin-bottom: 10px;
}

.que_es_nexcar__header h2[b-mqc933rxsw] {
    font-size: 36px;
    font-weight: 700;
    color: #4b5563;
}


/* GRID */

.que_es_nexcar__grid[b-mqc933rxsw] {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 40px;
    align-items: center;
}


/* IMAGE */

.que_es_nexcar__image[b-mqc933rxsw] {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

    .que_es_nexcar__image img[b-mqc933rxsw] {
        width: 100%;
        display: block;
    }


/* OVERLAY */

.image-overlay[b-mqc933rxsw] {
    position: absolute;
    top: 25%;
    left: 30px;
    max-width: 260px;
    background: rgba(255,255,255,0.85);
    backdrop-filter: blur(4px);
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

    .image-overlay h3[b-mqc933rxsw] {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .image-overlay p[b-mqc933rxsw] {
        font-size: 14px;
        color: #555;
    }


/* CARD */

.que_es_nexcar__card[b-mqc933rxsw] {
    background: white;
    padding: 40px;
    border-radius: 14px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

    .que_es_nexcar__card h3[b-mqc933rxsw] {
        font-size: 26px;
        margin-bottom: 20px;
        color: #4b5563;
    }

    .que_es_nexcar__card p[b-mqc933rxsw] {
        color: #6b7280;
        line-height: 1.7;
        margin-bottom: 18px;
    }


/* BUTTON */

.btn-nexcar[b-mqc933rxsw] {
    display: inline-block;
    margin-top: 10px;
    padding: 12px 28px;
    background: #2f9f93;
    color: white;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: all .25s ease;
}

    .btn-nexcar:hover[b-mqc933rxsw] {
        background: #27897e;
    }

a.nxqen-ques__btn[b-mqc933rxsw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    width: 100%;
    cursor: pointer;
}


/* RESPONSIVE */

@media (max-width:900px) {

    .que_es_nexcar__grid[b-mqc933rxsw] {
        grid-template-columns: 1fr;
    }

    .que_es_nexcar__image[b-mqc933rxsw] {
        order: 1;
    }

    .que_es_nexcar__card[b-mqc933rxsw] {
        order: 2;
    }
}

@media (max-width:600px) {

    .que_es_nexcar[b-mqc933rxsw] {
        padding: 70px 20px;
    }

    .que_es_nexcar__header h2[b-mqc933rxsw] {
        font-size: 28px;
    }
}
@media (max-width: 768px) {

    .nxqen-quees__title[b-mqc933rxsw] {
        margin: 0 0 70px;
        text-align: left;
        font-weight: 700;
        color: #4D5B71;
        font-size: 26px;
        letter-spacing: -.2px;
    }
    .nxqen-hero__eyebrow[b-mqc933rxsw] {
        display:none;
    }
    .nxqen-ques__card h3[b-mqc933rxsw] {
        margin-top: 10px;
        margin-bottom: 30px;
        color: #4D5B71;
        font-weight: 700;
        font-size: 24px;
        line-height: 1.15;
        letter-spacing: 1.9px;
    }
    .nxqen-ques__card p[b-mqc933rxsw] {
        margin: 0 0 12px;
        color: #4D5B71;
        line-height: 1.55;
        font-size: 16px;
    }

}

@media (max-width: 520px) {
    .nxqen-quees[b-mqc933rxsw] {
        padding: 10px 16px 0px 16px;
        margin: 0 auto;
    }
    .nxqen-quees__title[b-mqc933rxsw] {
        font-size: 24px;
        font-weight: 700;
        color: #4D5B71; 
        margin: 0px 0px 20px;
    }

    .nxqen-ques__media[b-mqc933rxsw] {
        border-radius: 8px;
        height: 221px;
        overflow: visible;
    }

    .nxqen-ques__img[b-mqc933rxsw] {
        content: url('/images/qe-nexcar-movil.svg');
        width: 100% !important;
        height: auto !important;
        transform: none !important;
        object-fit: contain !important;
        object-position: center !important;
    }

    .nxqen-ques__bubble[b-mqc933rxsw] {
        width: 191px;
        height: 74px;
        border-radius: 8px;
        left: -10px;
        top: 20px;
        z-index: 10;
    }

    .nxqen-quees__bubble-title[b-mqc933rxsw]{
        font-size: 14px;
        font-weight: 700;
    }

    .nxqen-quees__bubble-text[b-mqc933rxsw] {
        display: none;
    }

    .nxqen-ques__card[b-mqc933rxsw] {
        padding-top: 24px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 24px;
        min-height: 560px;
    }

        .nxqen-ques__card h3[b-mqc933rxsw] {
            font-weight: 700;
            font-size: 24px;
            margin-top: 0px;
            margin-bottom: 0px;
            line-height: unset;
            letter-spacing: unset;
        }

        .nxqen-ques__card p[b-mqc933rxsw] {
            color: #4D5B71;
            font-size: 16px;
            font-weight: 400;
            line-height: 1.55;
            margin: 16px auto 0;
        }

    .nxqen-ques__btn[b-mqc933rxsw] {
        font-weight: 600;
        margin-top: 20px;
        border-radius: 8px;
    }
}
/* /Layout/RefiereGana.razor.rz.scp.css */
/* =======================================================
   REFIERE Y GANA
======================================================= */

/* SECTION — fondo con líneas diagonales */

.rfg[b-k498p7mtpm] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 40px 56px;
    background-color: #fff;
    /*background-image: repeating-linear-gradient(
        -45deg,
        transparent 0px,
        transparent 9px,
        rgba(53, 181, 166, 0.18) 9px,
        rgba(53, 181, 166, 0.18) 10.5px
    );*/
}

/* CARD — contenedor bicolumnar */

.rfg__card[b-k498p7mtpm] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 20px;
    overflow: hidden;
    background: #ffffff;
    /*border: 1.5px solid rgba(53, 181, 166, 0.25);*/
    box-shadow: 0 8px 40px rgba(53, 181, 166, 0.08);
}

/* IMAGEN */

.rfg__image[b-k498p7mtpm] {
    position: relative;
    min-height: 480px;
    overflow: hidden;
}

    .rfg__image img[b-k498p7mtpm] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center top;
        display: block;
    }

/* CONTENIDO */

.rfg__content[b-k498p7mtpm] {
    padding: 52px 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 22px;
}

/* TÍTULO */

.rfg__title[b-k498p7mtpm] {
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    color: #4D5B71;
    line-height: 120%;
}

    .rfg__title span[b-k498p7mtpm] {
        display: block;
        font-size: 56px;
        font-weight: 700;
        color: #4D5B71;
        line-height: 120%;
        letter-spacing: -1px;
        margin-top: 4px;
    }

/* BADGE */

.rfg__badge[b-k498p7mtpm] {
    display: inline-block;
    width: fit-content;
    background: #35B5A6;
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 8px;
    line-height: 1.2;
}

/* PASOS */

.rfg__steps[b-k498p7mtpm] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.rfg__step[b-k498p7mtpm] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.rfg__step-icon[b-k498p7mtpm] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
}

.rfg__step p[b-k498p7mtpm] {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    color: #4D5B71;
    line-height: 150%;
}

    .rfg__step p a[b-k498p7mtpm] {
        color: #35B5A6;
        text-decoration: none;
        font-weight: 500;
    }

        .rfg__step p a:hover[b-k498p7mtpm] {
            text-decoration: underline;
        }

/* BOTÓN CTA */

.rfg__btn[b-k498p7mtpm] {
    height:44px;
    /*display: block;*/
    text-align: center;
    background: #35B5A6;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 10px;
    text-decoration: none;
    transition: background 0.2s ease, transform 0.15s ease;
    letter-spacing: 0.01em;
}

    .rfg__btn:hover[b-k498p7mtpm] {
        background: #2a9d90;
        transform: translateY(-1px);
    }

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

@media (max-width: 1024px) {

    .rfg[b-k498p7mtpm] {
        padding: 40px 32px;
    }

    .rfg__title span[b-k498p7mtpm] {
        font-size: 40px;
    }

    .rfg__content[b-k498p7mtpm] {
        padding: 40px 36px;
    }
}

/* Overlay mobile: oculto en desktop */
.rfg__image-overlay[b-k498p7mtpm] {
    display: none;
}

@media (max-width: 768px) {

    .rfg[b-k498p7mtpm] {
        padding: 20px 16px 40px 16px;
    }

    .rfg__card[b-k498p7mtpm] {
        display: block;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 8px 40px rgba(53, 181, 166, 0.08);
    }

    /* Imagen con overlay de texto */
    .rfg__image[b-k498p7mtpm] {
        height: 420px;
        min-height: unset;
        position: relative;
    }

    .rfg__image[b-k498p7mtpm]::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(0,0,0,0.55) 45%, transparent 100%);
        pointer-events: none;
    }

    /* Overlay título+badge sobre la imagen */
    .rfg__image-overlay[b-k498p7mtpm] {
        display: flex;
        flex-direction: column;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 8px 8px;
        z-index: 1;
    }

        .rfg__image-overlay .rfg__title[b-k498p7mtpm] {
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: 140%;
            color: #ffffff;
            margin: 0;
        }

            .rfg__image-overlay .rfg__title span[b-k498p7mtpm] {
                font-size: 32px;
                font-style: normal;
                font-weight: 700;
                line-height: 120%;
                color: #ffffff;
                letter-spacing: -0.5px;
                padding: 8px 0px 8px 0px;
            }

        .rfg__image-overlay .rfg__badge[b-k498p7mtpm] {
            /*width: calc(100% + 40px);*/
            width:100%;
            /*margin: 0px -0px 0;*/
            border-radius: 8px;
            text-align: center;
            font-size: 15px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            padding: 2px 0px;
        }

    /* Ocultar título y badge del content en mobile */
    .rfg__title--desktop[b-k498p7mtpm],
    .rfg__badge--desktop[b-k498p7mtpm] {
        display: none;
    }

    /* Content: pasos y botón fluyen debajo de la imagen */
    .rfg__content[b-k498p7mtpm] {
        padding: 16px 0px 16px 0px;
        gap: 18px;
        background: #ffffff;
    }

    .rfg__step p[b-k498p7mtpm] {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .rfg__btn[b-k498p7mtpm] {
        display: block;
        text-align: center;
        border-radius: 10px;
    }
    svg[b-k498p7mtpm] {
        width: 25px;
        height: 25px;
    }

}
/* /Layout/RentingNexcarVsCompraTradicional.razor.rz.scp.css */

@media (max-width: 768px) {
    .emp-compare__title[b-5v7nn32wrz] {
        font-size: 24px;
        font-weight: 700;
    }
    .como-title__underline[b-5v7nn32wrz] {
        display: none;
    }
}
/* /Layout/RentingParaEmpresas.razor.rz.scp.css */

@media (max-width: 768px) {
    .emp-hero__title[b-f1sqd3r8wz] {
        font-size: 24px;
        font-weight: 700;
    }

    .emp-why__headline[b-f1sqd3r8wz] {
        font-size: 24px;
        font-weight: 700;
    }

    .emp-why__text[b-f1sqd3r8wz] {
        font-size: 16px;
        font-weight: 400;
    }

    .empresas-page[b-f1sqd3r8wz] {
        padding: 16px 16px;
        max-width: 1440px;
        margin: 0 auto;
        background: #fff;
    }
}
/* /Layout/Testimonials.razor.rz.scp.css */
/* ===========================
   SECTION
=========================== */

.testimonial-section[b-a0un3h90pq] {
    background: #ffffff;
    overflow: hidden;
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    height: 736px;
    padding-top: 40px;
    padding-bottom: 40px;
}

    .testimonial-section h2[b-a0un3h90pq] {
        text-align: center;
        font-size: 48px;
        font-weight: 700;
        color: #4D5B71;
        margin-bottom: 60px;
        padding-top:30px;
    }

/* ===========================
   DECORACIÓN
=========================== */

.quote-left[b-a0un3h90pq] {
    display: flex;
    position: absolute;
    left: 10px;
    top: 60px;
    width: 340px;
    z-index: 0;
}

.quote-right[b-a0un3h90pq] {
    position: absolute;
    right: 70px;
    top: 0px;
    top: 0px;
    width: 279px;
    z-index: 0;
}

/* ===========================
   CARRUSEL — contenedor
=========================== */

.testimonial-slider[b-a0un3h90pq] {
    overflow: hidden;
    padding: 56px 56px 56px 56px;
    cursor: default;
}

/* ===========================
   TRACK — animación continua
=========================== */

.testimonial-track[b-a0un3h90pq] {
    display: flex;
    gap: 40px;
    width: max-content;
    animation: testimonialScroll-b-a0un3h90pq 30s linear infinite;
}

/* Pausa al hacer hover sobre el slider */
.testimonial-slider:hover .testimonial-track[b-a0un3h90pq] {
    animation-play-state: paused;
}

@keyframes testimonialScroll-b-a0un3h90pq {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

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

.testimonial-card[b-a0un3h90pq] {
    flex: 0 0 419px;
    width: 419px;
    height: 449px;
    background: white;
    border-radius: 16px;
    padding: 40px;
    text-align: left;
    box-shadow: 0px 4px 8px 0 rgba(53, 181, 166, 0.3);
    transition: transform 0.3s ease;
    z-index: 2;
    /* columna flex para anclar .testimonial-user al fondo */
    display: flex;
    flex-direction: column;
}

    .testimonial-card:hover[b-a0un3h90pq] {
        transform: translateY(-6px);
    }

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

.rating-title[b-a0un3h90pq] {
    font-size: 48px;
    font-weight: 700;
    color: #4D5B71;
}

.stars[b-a0un3h90pq] {
    color: #F6B400;
    margin: 5px 0 10px 0;
    /*font-size: 36px;*/
   /* height:24px; 
    width:24px;*/
}

.testimonial-text[b-a0un3h90pq] {
    font-size: 18px;
    color: #4D5B71;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding-top:30px;
}

.testimonial-user[b-a0un3h90pq] {
    margin-top: auto; /* empuja el bloque nombre+ciudad al fondo de la card */
    padding-top: 16px;
}

.testimonial-user strong[b-a0un3h90pq] {
    display: block;
    color: #4D5B71;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.city[b-a0un3h90pq] {
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #808FA9;
    padding-top:16px;
}

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

@media (max-width: 768px) {
    .rating-title[b-a0un3h90pq] {
        font-size: 41px;
        font-weight: 700;
        color: #4D5B71;
        line-height: 120%;
    }

    .testimonial-section[b-a0un3h90pq] {
        position: relative;
        padding: 0px;
        background: #ffffff;
        text-align: center;
        overflow: hidden;
        height: auto;
    }

        .testimonial-section h2[b-a0un3h90pq] {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 330px;
            text-align: center;
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: 140%;
            margin: 0 auto 0 auto;
            z-index: 2;
        }

    /* En mobile: scroll táctil, sin animación */
    .testimonial-slider[b-a0un3h90pq] {
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        cursor: grab;
        padding: 20px 7.5vw;
    }

        .testimonial-slider[b-a0un3h90pq]::-webkit-scrollbar {
            display: none;
        }

        .testimonial-slider:active[b-a0un3h90pq] {
            cursor: grabbing;
        }

    .testimonial-track[b-a0un3h90pq] {
        animation: none;
        width: max-content;
    }

    /* Ocultar cards duplicadas en mobile */
    .testimonial-card[aria-hidden="true"][b-a0un3h90pq] {
        display: none;
    }

    .testimonial-card[b-a0un3h90pq] {
        flex: 0 0 85vw;
        width: 85vw;
        height: 386px;
        padding:34px;
        scroll-snap-align: center;
        scroll-snap-stop: always;
    }

    .testimonial-text[b-a0un3h90pq] {
        padding-top: 30px;
        font-size: 15px;
    }

    .testimonial-user strong[b-a0un3h90pq] {
        font-size: 20px;
    }

    .city[b-a0un3h90pq] {
        font-size: 12px;
    }

    .quote-left[b-a0un3h90pq] {
        display: none;
    }

    .quote-right[b-a0un3h90pq] {
        position: absolute;
        right: 20px;
        top: 60px;
        width: 120px;
        z-index: -0;
    }
    .stars[b-a0un3h90pq] {
        color: #F6B400;
        margin: 5px 0 10px 0;
        font-size: 20px;
        /*height: 20px;
        width: 20px;*/
    }
}
/* /Layout/TransformaLaMovilidadDeTuEmpresa.razor.rz.scp.css */
@media (max-width: 768px) {
    .nxtme-cta[b-8rjdn3ov70] {
        max-width: 1440px;
        padding: 0px 20px 20px 20px;
        background: #fff;
        margin: 0 auto;
    }
    .nxtme-cta__title[b-8rjdn3ov70] {
        font-size: 24px;
        font-weight: 700;
    }

  
}
/* /Pages/Car.razor.rz.scp.css */

h1[b-podjmk54cy] {
    color: #4D5B71;
    font-weight:700;
    font-size:48px;
}

h2[b-podjmk54cy] {
    color: #4D5B71;
    font-weight: 700;
    font-size: 40px;
}

h3[b-podjmk54cy] {
    color: #4D5B71;
    font-weight: 700;
    font-size: 24px;
}
h4[b-podjmk54cy] {
    padding-top: 38px;
    color: #4D5B71;
    font-weight: 700;
    font-size: 32px;
}
.p_description[b-podjmk54cy] {
    font-size: 18px;
    font-weight: 400;
    color: #4D5B71;
}
/*-------------------------------------------------------------*/
/* ===========================
       HERO BACKGROUND
       =========================== */
.hero[b-podjmk54cy] {
    position: relative;
    width: 100%;
    height: 120px;
    color: white !important;
    padding: 0px 56px;
}

/* ===========================
       NAVBAR
       =========================== */

.hero__nav[b-podjmk54cy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hero__logo img[b-podjmk54cy] {
    height: 65px;
    width: 179px;
}
.hero__logo img[b-podjmk54cy] {
    content: url("images/logo_nexcar_detalle.svg");
}




.hero__nav .btn[b-podjmk54cy] {
    background: linear-gradient(135deg, rgb(247 247 247 / 90%), rgba(255, 255, 255, 0.7));
    border: 1px solid rgb(235 235 235 / 80%);
}

.hero__menu[b-podjmk54cy] {
    width: 500px;
    height: 72px;
    display: flex;
    font-weight: 400;
    gap: 25px;
    font-size: 16px;
    list-style: none;
    margin: 0;
    color: #4D5B71 !important;
    padding: 16px 16px 16px 16px;
    border-radius: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-decoration: none;
    /*background: linear-gradient(135deg, rgb(247 247 247 / 90%), rgba(255, 255, 255, 0.7));*/
    border: 1px solid rgb(235 235 235 / 80%);
    backdrop-filter: blur(16px);
    box-shadow: 0 10px 40px rgb(161 66 66 / 5%), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

    .hero__menu a[b-podjmk54cy] {
        position: relative;
        text-decoration: none;
        color: red !important;
        font-size: 16px;
        font-weight: 400;
        padding-bottom: 6px;
        transition: opacity 0.2s ease;
    }

        /* Línea animada */

        .hero__menu a[b-podjmk54cy]::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -6px;
            width: 0%;
            height: 2px;
            background: #4D5B71;
            transition: width 0.25s ease;
        }

        .hero__menu a:hover[b-podjmk54cy]::after {
            width: 100%;
        }

        .hero__menu a.active[b-podjmk54cy]::after {
            width: 100%;
        }


/* ===========================
       HERO CONTENT
       =========================== */

.hero__body[b-podjmk54cy] {
    display: flex;
    align-items: flex-start; /* ← ahora se pega arriba */
    height: 100%;
    padding-top: 120px; /* ← controla qué tan arriba */
}

.hero__content[b-podjmk54cy] {
    max-width: 900px;
}

   /* .hero__content h1 {
        font-size: 48px;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 30px;
    }*/

/* TAGS */

.hero__tags[b-podjmk54cy] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

    .hero__tags span[b-podjmk54cy] {
        display: inline-flex; /* ← activa flex */
        align-items: center; /* ← centra vertical */
        gap: 6px; /* espacio entre icono y texto */
        font-size: 16px;
        padding: 6px 14px;
        border-radius: 16px;
        border: 1px solid rgba(255,255,255,0.7);
        background: rgba(255,255,255,0.15);
        backdrop-filter: blur(4px);
    }

.nx-car-card[b-podjmk54cy] {
    background: linear-gradient(180deg, #18b6a8 0%, rgba(60, 207, 192, .85) 35%, rgba(255, 255, 255, 1) 70% );
}

.desktop[b-podjmk54cy] {
    display: block;
}

.mobile[b-podjmk54cy] {
    display: none;
}

/*EN ESTA SECCION SE MODIFICA LA VERSION MOVIL*/
@media (max-width: 768px) {

    .desktop[b-podjmk54cy] {
        display: none;
    }

    .mobile[b-podjmk54cy] {
        display: block;
    } 

    .car-detail__gallery .main-image[b-podjmk54cy] {
        height: 238px;
        width: 361px;
    }

    .car-detail__gallery .thumbs img[b-podjmk54cy] {
        height: 129px;
        width: 148px;
    }

    .config-box[b-podjmk54cy][b-podjmk54cy] {
        background: white;
        padding: 0px;
        padding-bottom: 0px;
        border-radius: 18px;
        border: 0px solid #dce3ea;
    }

    .hero__content h1[b-podjmk54cy] {
        font-size: 28px;
    }

    .config-box h3[b-podjmk54cy] {
        font-size: 18px;
    }

    .summary-box h3[b-podjmk54cy] {
        font-size: 18px;
        padding:0px 0px 16px 0px;
    }

    .hero__tags span[b-podjmk54cy] {
        font-size: 11px;
    }

    .option[b-podjmk54cy]{
        font-size:14px;
    }

    
}
/*-------------------------------------------------------------------------*/

.car-detail[b-podjmk54cy] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 60px 56px;
    background: #ffffff;
    box-sizing: border-box;
}

.car-detail__header[b-podjmk54cy] {
    text-align: center;
    margin-bottom: 40px;
}

.car-detail__breadcrumb[b-podjmk54cy] {
    font-size: 16px;
    color: #4D5B71;
    font-weight:400;
}

.car-detail__header h1[b-podjmk54cy] {
    font-size: 48px;
    font-weight: 700;
}

.car-detail__content[b-podjmk54cy] {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 40px;
}

/* LEFT */

.car-detail__title[b-podjmk54cy] {
    display: flex;
    align-items: center;
    gap: 20px;
}

    .car-detail__title h2 span[b-podjmk54cy] {
        font-size: 24px;
        color: #A0ABBE;
    }

.main-image[b-podjmk54cy] {
    width: 656px;
    height:433px;
    border-radius: 14px;
    margin: 20px 0;
}

.thumbs[b-podjmk54cy] {
    display: flex;
    gap: 12px;
}

    .thumbs img[b-podjmk54cy] {
        width: 120px;
        border-radius: 12px;
    }

/* RIGHT */

.config-box[b-podjmk54cy] {
    background: white;
    padding: 16px;
    padding-bottom: 10px;
    border-radius: 18px;
    border: 1px solid #dce3ea;
}

.options[b-podjmk54cy] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-bottom: 30px;
   /* height:42px;*/
}

    .options.small[b-podjmk54cy] {
        grid-template-columns: repeat(5, 1fr);
    }

.option[b-podjmk54cy] {
    /*padding: 14px;*/
    padding: 9px 16px 9px 16px;
    border-radius: 4px;
    border: 1px solid #ccd5df;
    background: #ffffff;
    cursor: pointer;
    transition: 0.2s ease;
    color: #4D5B71;
}

    .option:hover[b-podjmk54cy] {
        border-color: #3cc6b2;
        background-color: #f8fafc;
    }

    .option.active[b-podjmk54cy] {
        border: 2px solid #3cc6b2;
        box-shadow: 0 0 0 3px rgba(60,198,178,0.15);
        
    }

.back-btn[b-podjmk54cy] {
    background-color: #ffffff;
    border: 1px solid #4D5B71;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    color: #627491;
}
/* SUMMARY */
.summary-box[b-podjmk54cy] {
    margin-top: 30px;
    background: white;
    padding: 16px;
    border-radius: 18px;
    border: 1px solid #3cc6b2;
}

.summary-row[b-podjmk54cy] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.summary-tags[b-podjmk54cy] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 20px 0;
}

    .summary-tags span[b-podjmk54cy] {
        justify-content: center;
        height: 24px;
        font-size: 12px;
        font-weight: 400;
        line-height: 136%;
        padding: 4px 8px;
        border-radius: 16px;
        border: 1px solid #4D5B71;
    }

.summary-total[b-podjmk54cy] {
    font-size: 18px;
    margin-bottom: 20px;
}

.btn-primary[b-podjmk54cy] {
    width: 100%;
    padding: 14px;
    border-radius: 12px;
    border: none;
    background: linear-gradient(135deg,#3cc6b2,#2f9f8f);
    color: white;
    font-weight: 600;
    cursor: pointer;
}

.nx-car-card__chips span[b-podjmk54cy] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #4D5B71;
    font-size: 8px;
    font-weight: 400;
    line-height: 1;
    padding: 4px 8px;
    border-radius: 16px;
    border: 1px solid #4D5B71;
    height: 24px;
}

.tag-0km[b-podjmk54cy] {
    position: relative;
}

    .tag-0km[b-podjmk54cy]::after {
        content: "";
        position: absolute;
        width: 10.98px;
        height: 9.76px;
        top: -6px;
        right: -3px;
        background-image: url('/images/corona-web.svg');
        background-size: contain;
        background-repeat: no-repeat;
        pointer-events: none;
    }

#0-km[b-podjmk54cy] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    border-radius: 16px;
    border: 1px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #35B5A6, #174F48) border-box;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #35B5A6;
    overflow: visible;
}

#0-km[b-podjmk54cy] {
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #35B5A6, #174F48) border-box;
}

#0-km[b-podjmk54cy] {
    color: transparent;
    background-image: linear-gradient(#fff, #fff), linear-gradient(90deg, #35B5A6, #174F48);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    -webkit-background-clip: text, border-box;
    -webkit-text-fill-color: transparent;
}

/* Responsive */

@media (max-width: 1024px) {
    .car-detail__content[b-podjmk54cy] {
        grid-template-columns: 1fr;
    }

    .options.small[b-podjmk54cy] {
        grid-template-columns: repeat(3, 1fr);
    }
    
}


@media (max-width: 768px) {

    .hero__logo img[b-podjmk54cy] {
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        content: url("images/logo_nexcar_detalle.svg");
        height: 38px;
    }

    .hero__content h1[b-podjmk54cy] {
        font-size: 24px;
    }

    .hero__tags span[b-podjmk54cy] {
        font-size: 11px;
    }
    .hero__hamburger[b-podjmk54cy] {
        display: block;
        position:absolute;
        top:12px;
    }
    .hero__menu a[b-podjmk54cy] {
        color: #4D5B71 !important;
        font-size: 18px;
        font-weight: 400;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0;
        width: 100%;
    }

        .hero__menu a[b-podjmk54cy]::after {
            content: "›";
            width: auto;
            height: auto;
            position: static;
        }

    .hero__menu-close[b-podjmk54cy] {
        display: block;
    }

    .hero[b-podjmk54cy] {
        padding: 24px 16px 24px 16px;
        height: 0px;
    }

    .hero__nav[b-podjmk54cy] {
        padding: 8px 0px;
        top: 10px;
        height: 32px;
    }

    .hero__body[b-podjmk54cy] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .hero__content h1[b-podjmk54cy] {
        font-size: 30px;
    }

    .hero__description[b-podjmk54cy] {
        font-size: 18px;
    }

    .hero__image[b-podjmk54cy] {
        justify-content: center;
        width: 100%;
    }

        .hero__image img[b-podjmk54cy] {
            max-width: 360px;
        }

    .hero__models[b-podjmk54cy] {
        top: 10px;
        right: 10px;
    }

    .hero__button[b-podjmk54cy] {
        width: 100%;
    }

    .hero__nav .btn[b-podjmk54cy] {
        display: none;
    }

    /* MENU MOBILE */

    .hero__menu[b-podjmk54cy] {
        position: absolute;
        top: -30px;
        left: -30px;
        width: 100%;
        background: white;
        flex-direction: column;
        gap: 0px;
        padding: 30px;
        border-radius: 0px 0px 0 0;
        box-shadow: 0 10px 30px rgba(0,0,0,0.15);
        display: none;
    }

        .hero__menu.active[b-podjmk54cy] {
            display: flex;
        }

        .hero__menu a[b-podjmk54cy] {
            color: black !important;
            font-size: 18px;
            font-weight: 500;
        }

            .hero__menu a[b-podjmk54cy]::after {
                background: black;
            }
    .car-detail[b-podjmk54cy] {
        padding: 20px 4%;
        background: #ffffff;
    }

    .car-detail__header[b-podjmk54cy] {
        text-align: center;
        margin-bottom: 40px;
    }

    .car-detail__breadcrumb[b-podjmk54cy] {
        display:none;
        font-size: 16px;
        color: #4D5B71;
        font-weight: 400;
    }

    .car-detail__header h1[b-podjmk54cy] {
        display:none;
        font-size: 24px;
        font-weight: 700;
    }
    .car-detail__title h2 span[b-podjmk54cy] {
        font-size: 16px;
        color: #A0ABBE;
    }

    .car-detail__content[b-podjmk54cy] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .back-btn[b-podjmk54cy] {
        background-color: #ffffff;
        border: 1px solid #4D5B71;
        width: 26px;
        height: 26px;
        border-radius: 8px;
        color: #627491;
    }
    h4[b-podjmk54cy] {
        padding-top: 10px;
        color: #4D5B71;
        font-weight: 700;
        font-size: 18px;
    }
    .p_description[b-podjmk54cy] {
        font-size: 16px;
        font-weight: 400;
        color: #4D5B71;
    }

    .hero__menu a[b-podjmk54cy] {
        color: #4D5B71 !important;
    }
    .config-box[b-podjmk54cy][b-podjmk54cy] {
        background: white;
        padding-bottom: 10px;
        border-radius: 18px;
    }

    .nx-modal-title[b-podjmk54cy] {
        display: none;
    }

    .nx-modal-title-m[b-podjmk54cy] {
        display: initial;
        font-size: 24px;
        font-weight: 700;
        color: #4D5B71;
    }

    .nx-car-card[b-podjmk54cy] {
        border: 1px solid #68c8bc;
        border-radius: 14px;
        padding: 14px;
        background: linear-gradient(180deg, #18b6a8 0%, rgba(60, 207, 192, .85) 35%, rgba(255, 255, 255, 1) 70% );
        height: 239px;
        width: 300px;
    }

    .nx-car-card__img img[b-podjmk54cy] {
        top: -66px;
        max-width: 100%;
    }

    .nx-car-card__chips[b-podjmk54cy] {
        top: -125px;
        gap: 6px;
    }

    .nx-chip[b-podjmk54cy] {
        border-radius: 11.85px;
        padding: 4px 8px;
        font-size: 8px;
        font-weight: 400;
    }

    .nx-kv[b-podjmk54cy] {
        width: 288px;
    }

    .nx-kv-row[b-podjmk54cy] {
        font-size: 16px;
        width: 105%;
    }

    .nx-field label[b-podjmk54cy] {
        font-size: 16px;
    }

    .nx-total-pill[b-podjmk54cy] {
        width: 105%;
    }

    .nx-car-card__badge[b-podjmk54cy] {
        border-radius: 3px;
        width: 58.31px;
        height: 37.9px;
    }
}


/* /Pages/Cars.razor.rz.scp.css */

/* ===========================
       HERO BACKGROUND
       =========================== */
.hero[b-pxwmcbs9lu] {
    /*position: relative;*/
    width: 100%;
    height: 520px;
    background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.55)), url('images/cars/hero_cars.svg');
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    color: white;
    padding: 0px 56px;
    position: relative;
    overflow: visible;
    margin: 0 auto;
}
.hero__user-btn[b-pxwmcbs9lu] {
    display: none;
}

.sin-link[b-pxwmcbs9lu] {
    text-decoration: none;
    color: inherit;
}

    .sin-link:hover[b-pxwmcbs9lu] {
        text-decoration: none;
        color: inherit;
    }

.hero__menu[b-pxwmcbs9lu] {
    border: 1px solid #FFFFFF;
}

.hero__nav .btn[b-pxwmcbs9lu] {
    border: 1px solid #FFFFFF;
}

/* ===========================
       NAVBAR
       =========================== */

.hero__nav[b-pxwmcbs9lu] {
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.hero__logo img[b-pxwmcbs9lu] {
    height: 65px;
    width: 179px;
}
.hero__logo img[b-pxwmcbs9lu] {
    content: url("images/logo_nexcar.svg");
}

/* MENU GLASS */


    .hero__menu a[b-pxwmcbs9lu] {
        position: relative;
        text-decoration: none;
        color: white !important;
        font-size: 18px;
        font-weight: 500;
        padding-bottom: 6px;
        transition: opacity 0.2s ease;
    }

        /* Línea animada */

        .hero__menu a[b-pxwmcbs9lu]::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -6px;
            width: 0%;
            height: 2px;
            background: white;
            transition: width 0.25s ease;
        }

        .hero__menu a:hover[b-pxwmcbs9lu]::after {
            width: 100%;
        }

        .hero__menu a.active[b-pxwmcbs9lu]::after {
            width: 100%;
        }


/* ===========================
       HERO CONTENT
       =========================== */

.hero__body[b-pxwmcbs9lu] {
    display: flex;
    align-items: flex-start; /* ← ahora se pega arriba */
    height: 100%;
    /*padding-top: 120px;*/ /* ← controla qué tan arriba */
}

.hero__content[b-pxwmcbs9lu] {
    position: absolute;
    top: 180px;
    font-size: 40px;
}

  

/* TAGS */

.hero__tags[b-pxwmcbs9lu] {
    /*margin-top: 16px;*/
    display: flex;
    flex-wrap: wrap;
    padding: 4px 8px;
    gap: 4px;
}

    .hero__tags span[b-pxwmcbs9lu] {
        position: relative;
        display: inline-flex; /* ← activa flex */
        align-items: center; /* ← centra vertical */
        gap: 4px; /* espacio entre icono y texto */
        font-size: 12px;
        height: 24px;
        font-weight: 400;
        padding: 4px 8px;
        border-radius: 16px;
        border: 1px solid rgba(255,255,255,0.7);
        /*background: rgba(255,255,255,0.15);*/
        backdrop-filter: blur(4px);

    }

.car-card:hover .car-vector__hybrid img[b-pxwmcbs9lu] {
    content: url('/images/icons/vector-hybrid-wt.svg');
}
.car-card:hover .car-vector__hybrid[b-pxwmcbs9lu] {
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 4px;
}

.car-card:hover .car-vector__electric img[b-pxwmcbs9lu] {
    content: url('/images/icons/vector-electric-wt.svg');
}
.car-card:hover .car-vector__electric[b-pxwmcbs9lu] {
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 4px;
}

.car-card:hover .car-vector__gasolina img[b-pxwmcbs9lu] {
    content: url('/images/icons/vector-gasolina-wt.svg');
}
.car-card:hover .car-vector__gasolina[b-pxwmcbs9lu] {
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 4px;
}

.car-card:hover .car-vector__diesel img[b-pxwmcbs9lu] {
    content: url('/images/icons/vector-diesel-wt.svg');
}

.car-card:hover .car-vector__diesel[b-pxwmcbs9lu] {
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 4px;
}


    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.catalog[b-pxwmcbs9lu] {
    /*max-width: 1440px;
    padding: 48px 56px;*/
    /*margin: 0 auto 40px auto;
    padding: 80px 6%;*/
    position: relative;
    overflow: visible;
    background: #ffffff;
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 56px;
    padding-left: 56px;
    padding-right: 56px;
    padding-bottom: 56px;
    box-sizing: border-box;
}
    /* HEADER */

    .catalog__header[b-pxwmcbs9lu] {
        text-align: center;
        margin-bottom: 40px;
    }

    .catalog__subtitle[b-pxwmcbs9lu] {
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 2px;
        color: #4D5B71;
    }

.catalog__header h1[b-pxwmcbs9lu] {
    font-size: 48px;
    font-weight: 700;
    color: #4D5B71;
    padding-bottom: 20px;
}
    /* FILTERS */

    .catalog__filters[b-pxwmcbs9lu] {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
        margin-bottom: 25px;
    }

        .catalog__filters input[b-pxwmcbs9lu] {
            flex: 1;
            padding: 12px 16px;
            border-radius: 8px;
            border: 1px solid #ccd5df;
        }

        .catalog__filters button[b-pxwmcbs9lu] {
            /*padding: 10px 24px;*/
            /*padding-left: 30px;*/
            border-radius: 8px;
            border: 1px solid #ccd5df;
            background: white;
            cursor: pointer;
        }

.ancho[b-pxwmcbs9lu] {
    padding: 10px 24px !important;
}
    /* GRID */

    .catalog__grid[b-pxwmcbs9lu] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }
    /* CARD */

.car-card[b-pxwmcbs9lu] {
    max-width:432px;
    height:388px;
    background: white;
    border-radius: 18px;
    padding: 16px;
    border: 1px solid #BFC7D4;
    transition: all 0.25s ease;
    position: relative;
    overflow: hidden;
    isolation: isolate; /* crea stacking context para que z-index: -1 funcione dentro */
}

    .car-card:hover[b-pxwmcbs9lu] {
        background: #FFFFFF;
        border: 2px solid #AAE6DF;
        box-shadow: 0px 4px 8px rgba(53, 181, 166, 0.3);
        border-radius: 16px;
    }

        /* Ellipse 43 — teal blur visible */
        .car-card:hover[b-pxwmcbs9lu]::before {
            content: "";
            position: absolute;
            width: 677.68px;
            height: 233.83px;
            left: -100.28px;
            top: -80.15px;
            background: #35B5A6;
            filter: blur(50px);
            transform: rotate(168.11deg);
            z-index: 0;
            pointer-events: none;
        }

        /* Ellipse 45 — oculta */
        .car-card:hover[b-pxwmcbs9lu]::after {
            content: "";
            position: absolute;
            visibility: hidden;
            width: 166px;
            height: 168px;
            left: 284px;
            top: -93px;
            background: #4D5B71;
            transform: rotate(170.61deg);
            z-index: 0;
            pointer-events: none;
        }

/* Ellipse 44 — oculta, requiere div en HTML */
.car-card__ellipse44[b-pxwmcbs9lu] {
    position: absolute;
    visibility: hidden;
    width: 166px;
    height: 168px;
    left: 357px;
    top: -27px;
    background: rgba(77, 91, 113, 0.4);
    transform: rotate(170.61deg);
    z-index: 0;
    pointer-events: none;
}

/* Todo el contenido real de la card queda encima de los ellipses */
.car-card > *[b-pxwmcbs9lu] {
    position: relative;
    z-index: 1;
}

/* Textos en blanco al hacer hover */
.car-card:hover h3[b-pxwmcbs9lu] {
    color: #fff;
}

.car-card:hover .car-card__brand[b-pxwmcbs9lu] {
    color: #fff;
}

            .car-card:hover h3[b-pxwmcbs9lu] {
                position: relative !important;
                z-index: 1100 !important;
                color: #fff !important;
            }

            .car-card:hover .car-card__brand[b-pxwmcbs9lu] {
                position: relative !important;
                z-index: 1100 !important;
                color: #fff !important;
            }

            .car-card__header[b-pxwmcbs9lu] {
                display: flex;
                justify-content: space-between;
                align-items: start;
            }

    .car-card__brand[b-pxwmcbs9lu] {
        font-size: 16px;
        font-weight: 700;
        color: #A0ABBE;
    }



    .car-card__badge[b-pxwmcbs9lu] {
        display: flex;
        flex-direction: column; /* imagen arriba, texto abajo */
        align-items: center; /* centra horizontal */
        justify-content: center; /* centra vertical si hay altura */
        gap: 4px;
        background: linear-gradient(135deg,#6FD9AA,#3B735A);
        color: white;
        font-size: 12px;
        padding: 6px 12px;
        border-radius: 4px;
        text-align: center;
    }

/*.car-card__image {
    margin: 0px 0;
    text-align: center;
    background: transparent;
    position: relative;
    z-index: -1 !important;
}

    .car-card__image img {
        width: 358px;
        max-height: 173px;
        object-fit: contain;
        background: transparent;
    }*/

.car-card__image[b-pxwmcbs9lu] {
    margin: 0;
    text-align: center;
    background: transparent;
    position: relative;
    z-index: -1 !important;
    overflow: hidden; /* clip del scale */
    height: 230px; /* altura fija = la imagen no agranda la card */
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
}

    .car-card__image img[b-pxwmcbs9lu] {
        width: 100%; /* respeta el ancho de la card */
        height: 100%;
        object-fit: contain; /* mantiene proporción del auto */
        transform: scale(1.1); /* agranda visualmente sin afectar layout */
        transition: transform 0.3s ease;
    }

.car-card:hover .car-card__image[b-pxwmcbs9lu] {
    z-index: 2 !important;
}


.car-card__tags[b-pxwmcbs9lu] {
    display: flex;
    padding: 0px 0px 12px 0px;
    gap: 4px;
    flex-wrap: wrap;
    margin-top: auto;
    padding-top: 0px;
    /*margin-bottom: 12px;*/
}

        .car-card__tags span[b-pxwmcbs9lu] {
            position: relative;
            display: inline-flex; /* ← activa flex */
            align-items: center; /* ← centra vertical */
            gap: 4px; /* espacio entre icono y texto */
            color: #4D5B71;
            font-size: 12px;
            font-weight: 400;
            line-height: 1;
            padding: 4px 8px;
            border-radius: 16px;
            border: 1px solid #4D5B71;
            height: 24px;
        }

.car-card__price[b-pxwmcbs9lu] {
    font-size: 14px;
    font-weight: 600;
    color: #808FA9;
    padding-top: 0px;
}

        .car-card__price strong[b-pxwmcbs9lu] {
            font-size: 20px;
            font-weight: 700;
            color: #4D5B71;
        }
    /* LOAD MORE */

    .catalog__loadmore[b-pxwmcbs9lu] {
        margin-top: 40px;
        text-align: center;
    }

        .catalog__loadmore button[b-pxwmcbs9lu] {
            width: 100%;
            padding: 14px;
            border-radius: 10px;
            border: 1px solid #ccd5df;
            background: white;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s ease;
            color: #4D5B71;
        }

            .catalog__loadmore button:hover[b-pxwmcbs9lu] {
                background: #eef3f7;
            }

.tag-0km[b-pxwmcbs9lu] {
    position: relative;
}

    .tag-0km[b-pxwmcbs9lu]::after {
        content: "";
        position: absolute;
        width: 10.98px;
        height: 9.76px;
        top: -6px;
        right: -3px;
        background-image: url('/images/corona-web.svg');
        background-size: contain;
        background-repeat: no-repeat;
        pointer-events: none;
    }

#0-km[b-pxwmcbs9lu] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    border-radius: 16px;
    border: 1px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #35B5A6, #174F48) border-box;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #35B5A6;
    overflow: visible;
}

#0-km[b-pxwmcbs9lu] {
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #35B5A6, #174F48) border-box;
}

#0-km[b-pxwmcbs9lu] {
    color: transparent;
    background-image: linear-gradient(#fff, #fff), linear-gradient(90deg, #35B5A6, #174F48);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    -webkit-background-clip: text, border-box;
    -webkit-text-fill-color: transparent;
}

@media (max-width: 520px) {
    .tag-0km[b-pxwmcbs9lu] {
        position: relative;
    }

        .tag-0km[b-pxwmcbs9lu]::after {
            content: "";
            position: absolute;
            width: 8.15px;
            height: 7.28px;
            top: -4px;
            right: -2px;
            background-image: url('/images/corona-web.svg');
            background-size: contain;
            background-repeat: no-repeat;
            pointer-events: none;
        }

    .car-card[b-pxwmcbs9lu] {
        background: white;
        max-width: 361px !important;
        max-height: 236px !important;
        padding: 10px 20px 10px 20px;
        transition: all 0.25s ease;
        position: relative;
        overflow: hidden;
        isolation: isolate;
    }

        .car-card:hover[b-pxwmcbs9lu] {
            background: #FFFFFF;
            border: 2px solid #AAE6DF;
            box-shadow: 0px 4px 8px rgba(53, 181, 166, 0.3);
            border-radius: 16px;
        }
            /* Ellipse 43 — teal blur visible */
            .car-card:hover[b-pxwmcbs9lu]::before {
                content: "";
                position: absolute;
                width: 677.68px;
                height: 233.83px;
                left: -100.28px;
                top: -170.15px;
                background: #35B5A6;
                filter: blur(50px);
                transform: rotate(168.11deg);
                z-index: 0;
                pointer-events: none;
            }
            /* Ellipse 45 — oculta */
            .car-card:hover[b-pxwmcbs9lu]::after {
                content: "";
                position: absolute;
                visibility: hidden;
                width: 166px;
                height: 168px;
                left: 284px;
                top: -93px;
                background: #4D5B71;
                transform: rotate(170.61deg);
                z-index: 0;
                pointer-events: none;
            }
    /* Ellipse 44 — oculta, requiere div en HTML */
    .car-card__ellipse44[b-pxwmcbs9lu] {
        position: absolute;
        visibility: hidden;
        width: 166px;
        height: 168px;
        left: 357px;
        top: -27px;
        background: rgba(77, 91, 113, 0.4);
        transform: rotate(170.61deg);
        z-index: 0;
        pointer-events: none;
    }
    /* Todo el contenido real de la card queda encima de los ellipses */
    .car-card > *[b-pxwmcbs9lu] {
        position: relative;
        z-index: 1;
    }
    /* Textos en blanco al hacer hover */
    .car-card:hover h3[b-pxwmcbs9lu] {
        color: #fff;
    }

    .car-card:hover .car-card__brand[b-pxwmcbs9lu] {
        color: #fff;
    }

    .car-card__image[b-pxwmcbs9lu] {
        position: absolute;
        left: 0;
        right: 0;
        top: -10px;
        z-index: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        /*pointer-events: none;*/
    }

        .car-card__image img[b-pxwmcbs9lu] {
            width: 100%; /* respeta el ancho de la card */
            height: 100%;
            object-fit: contain; /* mantiene proporción del auto */
            transform: scale(0.7); /* agranda visualmente sin afectar layout */
            transition: transform 0.3s ease;
        }


    .car-card__tags[b-pxwmcbs9lu] {
        margin-bottom: 0px;
        top: 100px;
    }

    .car-card__price[b-pxwmcbs9lu] {
        top: 95px;
    }

    h3[b-pxwmcbs9lu] {
        margin: 0px 0px 0px;
    }

    .car-card__tags span[b-pxwmcbs9lu] {
        font-size: 8.89px;
        font-weight: 400;
        margin-top: 0px !important;
        margin-bottom: 5px !important;
        padding: 10px 6px 10px 6px;
        height: 10px !important;
    }


        .car-card__tags span img[b-pxwmcbs9lu] {
            width: 11.85px !important;
            height: 11.85px !important;
        }
    /*        h3 {
            font-size: 18px !important;
            font-weight: 700 !important;
            color: #4D5B71 !important;
            height: 24px !important;
        }*/

    .car-vector__hybrid img[b-pxwmcbs9lu] {
        position: relative;
        top: 5px;
        width: 58.31px !important;
        height: 37.9px !important;
    }

    .car-card:hover .car-vector__hybrid img[b-pxwmcbs9lu] {
        content: url('/images/icons/vector-hybrid-wt.svg');
        top: 0px !important;
        width: 58.31px !important;
        height: 37.9px !important;
    }

    .car-card:hover .car-vector__hybrid[b-pxwmcbs9lu] {
        border: 1px solid rgba(255, 255, 255, 0.6);
        border-radius: 4px;
    }

    .car-vector__electric img[b-pxwmcbs9lu] {
        position: relative;
        top: 5px;
        width: 58.31px !important;
        height: 37.9px !important;
    }

    .car-card:hover .car-vector__electric img[b-pxwmcbs9lu] {
        content: url('/images/icons/vector-electric-wt.svg');
        width: 58.31px !important;
        height: 37.9px !important;
    }

    .car-card:hover .car-vector__electric[b-pxwmcbs9lu] {
        border: 1px solid rgba(255, 255, 255, 0.6);
        border-radius: 4px;
    }

    .car-vector__gasolina img[b-pxwmcbs9lu] {
        position: relative;
        top: 5px;
        width: 58.31px !important;
        height: 37.9px !important;
    }

    .car-card:hover .car-vector__gasolina img[b-pxwmcbs9lu] {
        content: url('/images/icons/vector-gasolina-wt.svg');
        width: 58.31px !important;
        height: 37.9px !important;
    }

    .car-card:hover .car-vector__gasolina[b-pxwmcbs9lu] {
        border: 1px solid rgba(255, 255, 255, 0.6);
        border-radius: 4px;
    }

    .car-vector__diesel img[b-pxwmcbs9lu] {
        position: relative;
        top: 5px;
        width: 58.31px !important;
        height: 37.9px !important;
    }

    .car-card:hover .car-vector__diesel img[b-pxwmcbs9lu] {
        content: url('/images/icons/vector-diesel-wt.svg');
        width: 58.31px !important;
        height: 37.9px !important;
    }

    .car-card:hover .car-vector__diesel[b-pxwmcbs9lu] {
        border: 1px solid rgba(255, 255, 255, 0.6);
        border-radius: 4px;
    }
}

    @media (min-width: 992px) {
        .panel-movil[b-pxwmcbs9lu] {
            display: none !important;
        }
    }

/* ===== MODAL MARCA MOBILE ===== */

.mfm-backdrop[b-pxwmcbs9lu] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 9990;
}

.mfm-modal[b-pxwmcbs9lu] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    border-radius: 8px 8px 0 0;
    z-index: 9991;
    padding: 20px 16px 36px;
    max-height: 80vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
    box-shadow: 0 -4px 24px rgba(0,0,0,0.12);
}

.mfm-header[b-pxwmcbs9lu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    color: #4D5B71;
    padding-bottom: 4px;
    border-bottom: 1px solid #edf0f4;
}

.mfm-close[b-pxwmcbs9lu] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mfm-loading[b-pxwmcbs9lu] {
    color: #4D5B71;
    font-size: 14px;
    text-align: center;
    padding: 16px 0;
}

.mfm-options[b-pxwmcbs9lu] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mfm-option[b-pxwmcbs9lu] {
    padding: 8px 14px;
    border-radius: 8px;
    border: 1px solid #BFC7D4;
    background: #ffffff;
    color: #4D5B71;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s, color 0.15s;
}

.mfm-option--selected[b-pxwmcbs9lu] {
    border-color: #35B5A6;
    background: rgba(53, 181, 166, 0.08);
    color: #35B5A6;
    font-weight: 600;
}

.mfm-toggle[b-pxwmcbs9lu] {
    background: none;
    border: none;
    color: #35B5A6;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    text-align: left;
    padding: 0;
    align-self: flex-start;
}

.mfm-apply[b-pxwmcbs9lu] {
    width: 100%;
    padding: 8px;
    background: #35B5A6;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
    margin-top: 4px;
}

.mfm-apply:hover[b-pxwmcbs9lu] {
    background: #2a9d90;
}

@media (max-width: 768px) {
    .hero__user-btn[b-pxwmcbs9lu] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        min-width: 36px;
        border: 0px;
        background: transparent;
        color: white;
        cursor: pointer;
        padding: 0;
    }

        .hero__user-btn svg[b-pxwmcbs9lu] {
            width: 24px;
            height: 24px;
        }
        .hero__logo img[b-pxwmcbs9lu] {
            position: absolute;
            top: 20px;
            left: 50%;
            transform: translateX(-50%);
            content: url("images/logo_nexcar_blanco_movil.svg");
            height: 38px;
        }

        .hero__content h1[b-pxwmcbs9lu] {
            position: relative;
            top: -60px;
            font-size: 24px;
        }

        .hero__hamburger[b-pxwmcbs9lu] {
            display: block;
        }

        .catalog__header h1[b-pxwmcbs9lu] {
            font-size: 26px;
            font-weight: 700;
            color: #2f3e4e;
        }

            .catalog__header h1[b-pxwmcbs9lu][b-pxwmcbs9lu] {
                display: none;
            }

        .catalog__subtitle[b-pxwmcbs9lu][b-pxwmcbs9lu] {
            display: none;
        }

    .catalog[b-pxwmcbs9lu][b-pxwmcbs9lu] {
        padding: 0px 16px;
    }

        .hero__tags[b-pxwmcbs9lu] {
            padding: 0px;
        }

            .hero__tags span[b-pxwmcbs9lu] {
                font-size: 12px;
                font-weight: 400;
                line-height: 136%;
                position: relative;
                top: -40px;
            }

        .hero__menu a[b-pxwmcbs9lu] {
            color: #4D5B71 !important;
            font-size: 18px;
            font-weight: 400;
            text-decoration: none;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 10px 0;
            width: 100%;
        }

            .hero__menu a[b-pxwmcbs9lu]::after {
                content: "›";
                width: auto;
                height: auto;
                position: static;
            }

        .hero__menu-close[b-pxwmcbs9lu] {
            display: block;
        }

        .hero[b-pxwmcbs9lu] {
            padding: 24px 16px 24px 16px;
            height: 400px;
        }

        .hero__nav[b-pxwmcbs9lu] {
            padding: 8px 0px;
            top: 10px;
            height: 32px;
        }

        .hero__body[b-pxwmcbs9lu] {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 10px;
        }



        .hero__description[b-pxwmcbs9lu] {
            font-size: 18px;
        }

        .hero__image[b-pxwmcbs9lu] {
            justify-content: center;
            width: 100%;
        }

            .hero__image img[b-pxwmcbs9lu] {
                max-width: 360px;
            }

        .hero__models[b-pxwmcbs9lu] {
            top: 10px;
            right: 10px;
        }

        .hero__button[b-pxwmcbs9lu] {
            width: 100%;
        }

        .hero__nav .btn[b-pxwmcbs9lu] {
            display: none;
        }
        /* MENU MOBILE */

        .hero__menu[b-pxwmcbs9lu] {
            position: absolute;
            top: -30px;
            left: -30px;
            width: 100%;
            background: white;
            flex-direction: column;
            gap: 0px;
            padding: 30px;
            border-radius: 0px 0px 0 0;
            box-shadow: 0 10px 30px rgba(0,0,0,0.15);
            display: none;
        }

            .hero__menu.active[b-pxwmcbs9lu] {
                display: flex;
            }

            .hero__menu a[b-pxwmcbs9lu] {
                color: black !important;
                font-size: 18px;
                font-weight: 500;
            }

                .hero__menu a[b-pxwmcbs9lu]::after {
                    background: black;
                }

        .hero__menu-header[b-pxwmcbs9lu] {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center; /* centra la imagen */
            height: 60px;
        }
        /* Botón X a la izquierda */
        .hero__close[b-pxwmcbs9lu] {
            position: absolute;
            top: 0px;
            left: 1px;
            font-size: 22px;
            background: none;
            border: none;
            cursor: pointer;
        }
        /* Logo centrado */
        .hero__menu-logo img[b-pxwmcbs9lu] {
            height: 30px;
            display: block;
        }

        .catalog__grid[b-pxwmcbs9lu] {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 768px) {
        .hero__user-btn[b-pxwmcbs9lu] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            min-width: 36px;
            border: 0px;
            background: transparent;
            color: white;
            cursor: pointer;
            padding: 0;
        }

            .hero__user-btn svg[b-pxwmcbs9lu] {
                width: 24px;
                height: 24px;
            }
        .car-card[b-pxwmcbs9lu] {
            max-width: 432px;
            background: white;
            border-radius: 16px;
            padding: 10px 16px 10px 16px;
            border: 1px solid #BFC7D4;
            transition: all 0.25s ease;
            position: relative; /* ← requerido para que los hijos absolutos se posicionen aquí */
            overflow: hidden; /* ← recorta los ellipses que sobresalen */
        }

        .car-card__tags[b-pxwmcbs9lu] {
            display: flex;
            padding: 10px 0px 0px 0px;
            gap: 4px;
            flex-wrap: wrap;
            /*margin-bottom: 12px;*/
        }

            .car-card__tags span[b-pxwmcbs9lu] {
                position: relative;
                display: inline-flex; /* ← activa flex */
                align-items: center; /* ← centra vertical */
                gap: 4px; /* espacio entre icono y texto */
                color: #4D5B71;
                font-size: 9px;
                font-weight: 400;
                line-height: 1;
                padding: 10px 8px 10px 8px;
                border-radius: 16px;
                border: 1px solid #4D5B71;
                height: 24px;
            }

        .car-card__price[b-pxwmcbs9lu] {
            font-size: 12px;
            font-weight: 600;
            color: #808FA9;
        }

            .car-card__price strong[b-pxwmcbs9lu] {
                font-size: 18px;
                font-weight: 700;
                color: #4D5B71;
            }

        .car-card__brand[b-pxwmcbs9lu] {
            font-size: 14px;
            font-weight: 700;
            color: #A0ABBE;
        }
        .car-card__header[b-pxwmcbs9lu]{
            padding:0px;
        }

        h3[b-pxwmcbs9lu] {
            font-size: 18px;
            font-weight: 700;
            color: #4D5B71;
            line-height: 140%;
            padding: 0px 0px 0px 0px;
        }

        .panel-web[b-pxwmcbs9lu] {
            display: none !important;
        }

        .catalog__grid[b-pxwmcbs9lu] {
            grid-template-columns: 1fr;
        }
        /* El contenedor general ya no fuerza layout raro en mobile */
        .catalog__filters[b-pxwmcbs9lu] {
            display: block;
            gap: 0;
        }
        /* Search arriba full ancho */
        .catalog__search-wrap[b-pxwmcbs9lu] {
            width: 100%;
            margin-bottom: 10px;
        }
        /* Wrap con flex para alinear strip + botón */
        .catalog__filters-stripWrap[b-pxwmcbs9lu] {
            display: flex;
            align-items: center;
            gap: 0;
        }

        /* Botón › simple */
        .catalog__filters-arrow[b-pxwmcbs9lu] {
            flex-shrink: 0;
            width: 32px;
            height: 32px;
            border: none;
            border-radius: 8px;
            background: transparent;
            color: #4D5B71;
            font-size: 22px;
            font-weight: 600;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-left: 4px;
            padding: 0;
        }

        .catalog__filters-arrow:active[b-pxwmcbs9lu] {
            opacity: 0.6;
        }

        /* Banda horizontal — flex:1 + min-width:0 para que el scroll funcione */
        .catalog__filters-strip[b-pxwmcbs9lu] {
            flex: 1;
            min-width: 0;
            display: flex;
            gap: 10px;
            align-items: center;
            overflow-x: auto;
            overflow-y: visible;
            scroll-behavior: smooth;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
        }

            .catalog__filters-strip[b-pxwmcbs9lu]::-webkit-scrollbar {
                display: none;
            }
            /* Cada filtro como “tarjeta” scrolleable */
            .catalog__filters-strip .catalog__filter-anchor[b-pxwmcbs9lu] {
                flex: 0 0 auto;
                scroll-snap-align: start;
            }
            /* Botones no deben partir palabras */
            .catalog__filters-strip .catalog__filter-btn[b-pxwmcbs9lu] {
                white-space: nowrap;
            }
        /* Fade a la derecha (estilo pro, para indicar que hay más) */
        .catalog__filters-stripWrap[b-pxwmcbs9lu]::after {
            /*content: "";
            position: absolute;
            right: 42px;*/ /* deja espacio al botón */
            /*top: 0;
            width: 48px;
            height: 100%;
            pointer-events: none;
            background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));*/
        }
    }


    @media (min-width: 769px) and (max-width: 1024px) {
        .hero__logo img[b-pxwmcbs9lu] {
            position: absolute;
            top: 20px;
            left: 50%;
            transform: translateX(-50%);
            content: url("images/logo_nexcar_blanco_movil.svg");
            height: 38px;
        }

        .hero__content h1[b-pxwmcbs9lu] {
            font-size: 24px;
        }

        .hero__hamburger[b-pxwmcbs9lu] {
            display: block;
        }

        .catalog__header h1[b-pxwmcbs9lu] {
            font-size: 26px;
            font-weight: 700;
            color: #2f3e4e;
        }

            .catalog__header h1[b-pxwmcbs9lu][b-pxwmcbs9lu] {
                display: none;
            }

        .catalog__subtitle[b-pxwmcbs9lu][b-pxwmcbs9lu] {
            display: none;
        }

        .catalog[b-pxwmcbs9lu][b-pxwmcbs9lu] {
            padding: 0px 6%;
        }

        .hero__tags span[b-pxwmcbs9lu] {
            font-size: 11px;
        }

        .hero__menu a[b-pxwmcbs9lu] {
            color: #4D5B71 !important;
            font-size: 18px;
            font-weight: 400;
            text-decoration: none;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 10px 0;
            width: 100%;
        }

            .hero__menu a[b-pxwmcbs9lu]::after {
                content: "›";
                width: auto;
                height: auto;
                position: static;
            }

        .hero__menu-close[b-pxwmcbs9lu] {
            display: block;
        }

        .hero[b-pxwmcbs9lu] {
            padding: 24px;
        }

        .hero__nav[b-pxwmcbs9lu] {
            padding: 0;
            margin-bottom: 30px;
        }

        .hero__body[b-pxwmcbs9lu] {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 10px;
        }

        .hero__description[b-pxwmcbs9lu] {
            font-size: 18px;
        }

        .hero__image[b-pxwmcbs9lu] {
            justify-content: center;
            width: 100%;
        }

            .hero__image img[b-pxwmcbs9lu] {
                max-width: 360px;
            }

        .hero__models[b-pxwmcbs9lu] {
            top: 10px;
            right: 10px;
        }

        .hero__button[b-pxwmcbs9lu] {
            width: 100%;
        }

        .hero__nav .btn[b-pxwmcbs9lu] {
            display: none;
        }
        /* MENU MOBILE */

        .hero__menu[b-pxwmcbs9lu] {
            position: absolute;
            top: -30px;
            left: -30px;
            width: 100%;
            background: white;
            flex-direction: column;
            gap: 0px;
            padding: 30px;
            border-radius: 0px 0px 0 0;
            box-shadow: 0 10px 30px rgba(0,0,0,0.15);
            display: none;
        }

            .hero__menu.active[b-pxwmcbs9lu] {
                display: flex;
            }

            .hero__menu a[b-pxwmcbs9lu] {
                color: black !important;
                font-size: 18px;
                font-weight: 500;
            }

                .hero__menu a[b-pxwmcbs9lu]::after {
                    background: black;
                }

        .hero__menu-header[b-pxwmcbs9lu] {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 60px;
        }

        .hero__close[b-pxwmcbs9lu] {
            position: absolute;
            top: 0px;
            left: 1px;
            font-size: 22px;
            background: none;
            border: none;
            cursor: pointer;
        }

        .hero__menu-logo img[b-pxwmcbs9lu] {
            height: 30px;
            display: block;
        }
        /* Catálogo: 2 columnas en tablet */
        .catalog__grid[b-pxwmcbs9lu] {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    .panel-movil[b-pxwmcbs9lu] {
        display: none !important;
    }

    @media (min-width: 769px) and (max-width: 991px) {
        .panel-que-quiero-ocultar[b-pxwmcbs9lu] {
            display: none !important;
        }
    }
/* /Pages/Empresas.razor.rz.scp.css */

.hero[b-jpw7ccsg19] {
    height: 520px;
}
.hero__user-btn[b-jpw7ccsg19] {
    display: none;
}
.hero__menu[b-jpw7ccsg19] {
    border: 1px solid #FFFFFF;
}
.hero__nav .btn[b-jpw7ccsg19] {
    border: 1px solid #FFFFFF;
}

@media (max-width: 768px) {
    .hero__user-btn[b-jpw7ccsg19] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        min-width: 36px;
        border: 0px;
        background: transparent;
        color: white;
        cursor: pointer;
        padding: 0;
    }

        .hero__user-btn svg[b-jpw7ccsg19] {
            width: 24px;
            height: 24px;
        }
    .hero__logo img[b-jpw7ccsg19] {
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        content: url("images/logo_nexcar_blanco_movil.svg");
        height: 38px;
    }

    .hero__hamburger[b-jpw7ccsg19] {
        display: block;
    }

    .hero[b-jpw7ccsg19][b-jpw7ccsg19] {
        padding: 24px 16px 24px 16px;
        height: 400px;
    }

    .hero__content h1[b-jpw7ccsg19][b-jpw7ccsg19] {
        font-size: 24px;
    }

    .hero__lead[b-jpw7ccsg19] {
        position: relative;
        top: -60px;
        font-size: 16px;
        font-weight: 400;
    }

    .hero__content h1[b-jpw7ccsg19] {
        position: relative;
        top: -60px;
        font-size: 24px;
    }

    .hero__tags span[b-jpw7ccsg19] {
        font-size: 11px;
    }

    .hero__menu a[b-jpw7ccsg19] {
        color: #4D5B71 !important;
        font-size: 18px;
        font-weight: 400;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0;
        width: 100%;
    }

        .hero__menu a[b-jpw7ccsg19]::after {
            content: "›";
            width: auto;
            height: auto;
            position: static;
        }

    .hero__menu-close[b-jpw7ccsg19] {
        display: block;
    }



    .hero__nav[b-jpw7ccsg19] {
        padding: 8px 0px;
        top: 10px;
        height: 32px;
    }

    .hero__body[b-jpw7ccsg19] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .hero__content h1[b-jpw7ccsg19] {
        font-size: 30px;
    }

    .hero__description[b-jpw7ccsg19] {
        position: relative;
        top: 55px;
        font-size: 180px;
    }

    .hero__image[b-jpw7ccsg19] {
        justify-content: center;
        width: 100%;
    }

        .hero__image img[b-jpw7ccsg19] {
            max-width: 360px;
        }

    .hero__models[b-jpw7ccsg19] {
        top: 10px;
        right: 10px;
    }

    .hero__button[b-jpw7ccsg19] {
        position: relative;
        top: -60px;
        width: 95%;
    }

    .hero__nav .btn[b-jpw7ccsg19] {
        display: none;
    }
    /* MENU MOBILE */

    .hero__menu[b-jpw7ccsg19] {
        position: absolute;
        top: -30px;
        left: -30px;
        width: 100%;
        background: white;
        flex-direction: column;
        gap: 0px;
        padding: 30px;
        border-radius: 0px 0px 0 0;
        box-shadow: 0 10px 30px rgba(0,0,0,0.15);
        display: none;
    }

        .hero__menu.active[b-jpw7ccsg19] {
            display: flex;
        }

        .hero__menu a[b-jpw7ccsg19] {
            color: black !important;
            font-size: 18px;
            font-weight: 500;
        }

            .hero__menu a[b-jpw7ccsg19]::after {
                background: black;
            }

    .hero__menu-header[b-jpw7ccsg19] {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center; /* centra la imagen */
        height: 60px;
    }
    /* Botón X a la izquierda */
    .hero__close[b-jpw7ccsg19] {
        position: absolute;
        top: 0px;
        left: 1px;
        font-size: 22px;
        background: none;
        border: none;
        cursor: pointer;
    }
    /* Logo centrado */
    .hero__menu-logo img[b-jpw7ccsg19] {
        height: 30px;
        display: block;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .hero__logo img[b-jpw7ccsg19] {
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        content: url("images/logo_nexcar_blanco_movil.svg");
        height: 38px;
    }

    .hero__hamburger[b-jpw7ccsg19] {
        display: block;
    }

    .hero[b-jpw7ccsg19][b-jpw7ccsg19] {
        padding: 24px 16px 24px 16px;
    }

    .hero__content h1[b-jpw7ccsg19][b-jpw7ccsg19] {
        font-size: 24px;
    }

    .hero__lead[b-jpw7ccsg19] {
        font-size: 16px;
        font-weight: 400;
    }

    .hero__content h1[b-jpw7ccsg19] {
        font-size: 24px;
    }

    .hero__tags span[b-jpw7ccsg19] {
        font-size: 11px;
    }

    .hero__menu a[b-jpw7ccsg19] {
        color: #4D5B71 !important;
        font-size: 18px;
        font-weight: 400;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0;
        width: 100%;
    }

        .hero__menu a[b-jpw7ccsg19]::after {
            content: "›";
            width: auto;
            height: auto;
            position: static;
        }

    .hero__menu-close[b-jpw7ccsg19] {
        display: block;
    }



    .hero__nav[b-jpw7ccsg19] {
        padding: 0;
        margin-bottom: 30px;
    }

    .hero__body[b-jpw7ccsg19] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .hero__content h1[b-jpw7ccsg19] {
        font-size: 30px;
    }

    .hero__description[b-jpw7ccsg19] {
        font-size: 18px;
    }

    .hero__image[b-jpw7ccsg19] {
        justify-content: center;
        width: 100%;
    }

        .hero__image img[b-jpw7ccsg19] {
            max-width: 360px;
        }

    .hero__models[b-jpw7ccsg19] {
        top: 10px;
        right: 10px;
    }

    .hero__button[b-jpw7ccsg19] {
        width: 100%;
    }

    .hero__nav .btn[b-jpw7ccsg19] {
        display: none;
    }
    /* MENU MOBILE */

    .hero__menu[b-jpw7ccsg19] {
        position: absolute;
        top: -30px;
        left: -30px;
        width: 100%;
        background: white;
        flex-direction: column;
        gap: 0px;
        padding: 30px;
        border-radius: 0px 0px 0 0;
        box-shadow: 0 10px 30px rgba(0,0,0,0.15);
        display: none;
    }

        .hero__menu.active[b-jpw7ccsg19] {
            display: flex;
        }

        .hero__menu a[b-jpw7ccsg19] {
            color: black !important;
            font-size: 18px;
            font-weight: 500;
        }

            .hero__menu a[b-jpw7ccsg19]::after {
                background: black;
            }

    .hero__menu-header[b-jpw7ccsg19] {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center; /* centra la imagen */
        height: 60px;
    }
    /* Botón X a la izquierda */
    .hero__close[b-jpw7ccsg19] {
        position: absolute;
        top: 0px;
        left: 1px;
        font-size: 22px;
        background: none;
        border: none;
        cursor: pointer;
    }
    /* Logo centrado */
    .hero__menu-logo img[b-jpw7ccsg19] {
        height: 30px;
        display: block;
    }
}
/* /Pages/Faq.razor.rz.scp.css */

/* ===========================
       HERO BACKGROUND
       =========================== */
.hero[b-urw6hml9mw] {
    /*position: relative;*/
    width: 100%;
    height: 520px;
    background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.55)), url('images/home/FaqHome.png');
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    color: white;
    padding: 0px 56px;
}
.hero__user-btn[b-urw6hml9mw] {
    display: none;
}
.hero__menu[b-urw6hml9mw] {
    border: 1px solid #FFFFFF;
}
.hero__nav .btn[b-urw6hml9mw] {
    border: 1px solid #FFFFFF;
}
.hero__logo img[b-urw6hml9mw] {
    content: url("images/logo_nexcar.svg");
}
/* ===========================
       NAVBAR
       =========================== */

.hero__nav[b-urw6hml9mw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hero__logo img[b-urw6hml9mw] {
    height: 65px;
    width: 179px;
}



    /* LINKS */

    .hero__menu a[b-urw6hml9mw] {
        position: relative;
        text-decoration: none;
        color: white !important;
        font-size: 18px;
        font-weight: 500;
        padding-bottom: 6px;
        transition: opacity 0.2s ease;
    }

        /* Línea animada */

        .hero__menu a[b-urw6hml9mw]::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -6px;
            width: 0%;
            height: 2px;
            background: white;
            transition: width 0.25s ease;
        }

        .hero__menu a:hover[b-urw6hml9mw]::after {
            width: 100%;
        }

        .hero__menu a.active[b-urw6hml9mw]::after {
            width: 100%;
        }


/* ===========================
       HERO CONTENT
       =========================== */

.hero__body[b-urw6hml9mw] {
    display: flex;
    align-items: flex-start; /* ← ahora se pega arriba */
    height: 100%;
    /*padding-top: 120px;*/ /* ← controla qué tan arriba */
}

.hero__content[b-urw6hml9mw] {
    position: absolute;
    top: 180px;
    font-size: 40px;
}

    .hero__content h1[b-urw6hml9mw] {
        font-size: 48px;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 30px;
    }

/* TAGS */

.hero__tags[b-urw6hml9mw] {
    position: relative;
    top: -60px;
    display: flex;
    flex-wrap: wrap;
    /*padding: 4px 8px;*/
    gap: 4px;
}

    .hero__tags span[b-urw6hml9mw] {
        display: inline-flex; /* ← activa flex */
        align-items: center; /* ← centra vertical */
        gap: 6px; /* espacio entre icono y texto */
        height:24px;
        font-size: 12px;
        font-weight:400;
        padding: 4px 8px;
        border-radius: 16px;
        border: 1px solid rgba(255,255,255,0.7);
        /*background: rgba(255,255,255,0.15);*/
        backdrop-filter: blur(4px);
    }

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

@media (max-width: 1200px) {

    .hero__menu[b-urw6hml9mw] {
        display: none;
    }

    .hero__content h1[b-urw6hml9mw] {
        font-size: 36px;
    }

    .hero[b-urw6hml9mw] {
        background-position: center;
    }
}

@media (max-width: 768px) {
    .hero__user-btn[b-urw6hml9mw] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        min-width: 36px;
        border: 0px;
        background: transparent;
        color: white;
        cursor: pointer;
        padding: 0;
    }

        .hero__user-btn svg[b-urw6hml9mw] {
            width: 24px;
            height: 24px;
        }
    .hero__content h1[b-urw6hml9mw] {
        font-size: 28px;
    }

    .hero__tags span[b-urw6hml9mw] {
        font-size: 12px;
    }
    .faq__header h2[b-urw6hml9mw]
    {
        font-size:24px;
        font-weight:700;
    }
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.catalog[b-urw6hml9mw] {
    padding: 80px 6%;
    background: #ffffff;
}

/* HEADER */

.catalog__header[b-urw6hml9mw] {
    text-align: center;
    margin-bottom: 40px;
}

.catalog__subtitle[b-urw6hml9mw] {
    font-size: 12px;
    letter-spacing: 2px;
    color: #8a99a8;
}

.catalog__header h1[b-urw6hml9mw] {
    font-size: 42px;
    font-weight: 700;
    color: #2f3e4e;
}

/* FILTERS */

.catalog__filters[b-urw6hml9mw] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

    .catalog__filters input[b-urw6hml9mw] {
        flex: 1;
        padding: 12px 16px;
        border-radius: 8px;
        border: 1px solid #ccd5df;
    }

    .catalog__filters button[b-urw6hml9mw] {
        padding: 10px 16px;
        border-radius: 8px;
        border: 1px solid #ccd5df;
        background: white;
        cursor: pointer;
    }

/* GRID */

.catalog__grid[b-urw6hml9mw] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

/* CARD */

.car-card[b-urw6hml9mw] {
    background: white;
    border-radius: 18px;
    padding: 24px;
    border: 1px solid #dce3ea;
    transition: all 0.25s ease;
}

    .car-card:hover[b-urw6hml9mw] {
        transform: translateY(-6px);
        box-shadow: 0 12px 30px rgba(0,0,0,0.06);
        border: 1px solid #35B5A6;
    }

.car-card__header[b-urw6hml9mw] {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.car-card__brand[b-urw6hml9mw] {
    font-size: 16px;
    font-weight: 700;
    color: #A0ABBE;
}

.car-card__badge[b-urw6hml9mw] {
    display: flex;
    flex-direction: column; /* imagen arriba, texto abajo */
    align-items: center; /* centra horizontal */
    justify-content: center; /* centra vertical si hay altura */
    gap: 4px;
    background: linear-gradient(135deg,#6FD9AA,#3B735A);
    color: white;
    font-size: 12px;
    padding: 6px 12px;
    border-radius: 4px;
    text-align: center;
}

.car-card__image[b-urw6hml9mw] {
    margin: 20px 0;
    text-align: center;
}

    .car-card__image img[b-urw6hml9mw] {
        width: 100%;
        max-height: 160px;
        object-fit: contain;
    }

.car-card__tags[b-urw6hml9mw] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

    .car-card__tags span[b-urw6hml9mw] {
        display: inline-flex; /* ← activa flex */
        align-items: center; /* ← centra vertical */
        gap: 6px; /* espacio entre icono y texto */
        color: #4D5B71;
        font-size: 12px;
        font-weight: 400;
        padding: 5px 10px;
        border-radius: 999px;
        border: 1px solid #4D5B71;
    }

.car-card__price[b-urw6hml9mw] {
    font-size: 14px;
    font-weight: 600;
    color: #808FA9;
}

    .car-card__price strong[b-urw6hml9mw] {
        font-size: 20px;
        font-weight: 700;
        color: #4D5B71;
    }

/* LOAD MORE */

.catalog__loadmore[b-urw6hml9mw] {
    margin-top: 40px;
    text-align: center;
}

    .catalog__loadmore button[b-urw6hml9mw] {
        width: 100%;
        padding: 14px;
        border-radius: 10px;
        border: 1px solid #ccd5df;
        background: white;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s ease;
    }

        .catalog__loadmore button:hover[b-urw6hml9mw] {
            background: #eef3f7;
        }

.hero__cta[b-urw6hml9mw] {
    grid-column: 1;
    grid-row: 2;
    margin-top: 10px;
}

.hero__description[b-urw6hml9mw] {
    position: relative;
    top: -50px;
    font-size: 20px;
    line-height: 1.5;
    max-width: 720px;
}

.hero__button[b-urw6hml9mw] {
    margin-top: 18px;
    width: 180px;
    height: 48px;
}

/* RESPONSIVE */

@media (max-width: 1200px) {
    .catalog__grid[b-urw6hml9mw] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .catalog__grid[b-urw6hml9mw] {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 768px) {
    .hero__logo img[b-urw6hml9mw] {
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        content: url("images/logo_nexcar_blanco_movil.svg");
        height: 38px;
    }

    .hero__hamburger[b-urw6hml9mw] {
        display: block;
    }
    .hero__content h1[b-urw6hml9mw] {
        position: relative;
        top: -60px;
        font-size: 24px;
        font-weight: 700;
        padding: 0px 16px 0px 0px;
    }

    .hero__tags span[b-urw6hml9mw] {
        position: relative;
        top: -20px;
        font-size: 12px;
    }

    .hero__menu a[b-urw6hml9mw] {
        color: #4D5B71 !important;
        font-size: 18px;
        font-weight: 400;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0;
        width: 100%;
    }

        .hero__menu a[b-urw6hml9mw]::after {
            content: "›";
            width: auto;
            height: auto;
            position: static;
        }

    .hero__menu-close[b-urw6hml9mw] {
        display: block;
    }

    .hero[b-urw6hml9mw] {
        padding: 24px 16px 24px 16px;
        height: 480px;
    }

    .hero__nav[b-urw6hml9mw] {
        padding: 8px 0px;
        top: 10px;
        height: 32px;
    }

    .hero__body[b-urw6hml9mw] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
    }

    .hero__description[b-urw6hml9mw] {
        position: relative;
        top: -80px;
        font-size: 16px;
        font-weight: 400;
        padding: 0px 16px 0px 0px;
    }

    .hero__image[b-urw6hml9mw] {
        justify-content: center;
        width: 100%;
    }

        .hero__image img[b-urw6hml9mw] {
            max-width: 360px;
        }

    .hero__models[b-urw6hml9mw] {
        top: 10px;
        right: 10px;
    }

    .hero__button[b-urw6hml9mw] {
        width: 100%;
    }

    .hero__nav .btn[b-urw6hml9mw] {
        display: none;
    }

    /* MENU MOBILE */

    .hero__menu[b-urw6hml9mw] {
        position: absolute;
        top: -30px;
        left: -30px;
        width: 100%;
        background: white;
        flex-direction: column;
        gap: 0px;
        padding: 30px;
        border-radius: 0px 0px 0 0;
        box-shadow: 0 10px 30px rgba(0,0,0,0.15);
        display: none;
    }

        .hero__menu.active[b-urw6hml9mw] {
            display: flex;
        }

        .hero__menu a[b-urw6hml9mw] {
            color: black !important;
            font-size: 18px;
            font-weight: 500;
        }

            .hero__menu a[b-urw6hml9mw]::after {
                background: black;
            }
    .hero__menu-header[b-urw6hml9mw] {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center; /* centra la imagen */
        height: 60px;
    }

    /* Botón X a la izquierda */
    .hero__close[b-urw6hml9mw] {
        position: absolute;
        top: 0px;
        left: 1px;
        font-size: 22px;
        background: none;
        border: none;
        cursor: pointer;
    }

    /* Logo centrado */
    .hero__menu-logo img[b-urw6hml9mw] {
        height: 30px;
        display: block;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .hero__logo img[b-urw6hml9mw] {
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        content: url("images/logo_nexcar_blanco_movil.svg");
        height: 38px;
    }

    .hero__hamburger[b-urw6hml9mw] {
        display: block;
    }

    .hero__content h1[b-urw6hml9mw] {
        font-size: 24px;
    }

    .hero__tags span[b-urw6hml9mw] {
        font-size: 11px;
    }

    .hero__menu a[b-urw6hml9mw] {
        color: #4D5B71 !important;
        font-size: 18px;
        font-weight: 400;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0;
        width: 100%;
    }

        .hero__menu a[b-urw6hml9mw]::after {
            content: "›";
            width: auto;
            height: auto;
            position: static;
        }

    .hero__menu-close[b-urw6hml9mw] {
        display: block;
    }

    .hero[b-urw6hml9mw] {
        padding: 24px;
    }

    .hero__nav[b-urw6hml9mw] {
        padding: 0;
        margin-bottom: 30px;
    }

    .hero__body[b-urw6hml9mw] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
    }

    .hero__description[b-urw6hml9mw] {
        font-size: 16px;
    }

    .hero__image[b-urw6hml9mw] {
        justify-content: center;
        width: 100%;
    }

        .hero__image img[b-urw6hml9mw] {
            max-width: 360px;
        }

    .hero__models[b-urw6hml9mw] {
        top: 10px;
        right: 10px;
    }

    .hero__button[b-urw6hml9mw] {
        width: 100%;
    }

    .hero__nav .btn[b-urw6hml9mw] {
        display: none;
    }


    .hero__menu[b-urw6hml9mw] {
        position: absolute;
        top: -30px;
        left: -30px;
        width: 100%;
        background: white;
        flex-direction: column;
        gap: 0px;
        padding: 30px;
        border-radius: 0px 0px 0 0;
        box-shadow: 0 10px 30px rgba(0,0,0,0.15);
        display: none;
    }

        .hero__menu.active[b-urw6hml9mw] {
            display: flex;
        }

        .hero__menu a[b-urw6hml9mw] {
            color: black !important;
            font-size: 18px;
            font-weight: 500;
        }

            .hero__menu a[b-urw6hml9mw]::after {
                background: black;
            }

    .hero__menu-header[b-urw6hml9mw] {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center; /* centra la imagen */
        height: 60px;
    }

    /* Botón X a la izquierda */
    .hero__close[b-urw6hml9mw] {
        position: absolute;
        top: 0px;
        left: 1px;
        font-size: 22px;
        background: none;
        border: none;
        cursor: pointer;
    }

    /* Logo centrado */
    .hero__menu-logo img[b-urw6hml9mw] {
        height: 30px;
        display: block;
    }
}
/* /Pages/Home.razor.rz.scp.css */

.hero[b-69fwx1wcmp] {
    background: linear-gradient(282deg, #35B5A6 24.79%, #174F48 116.72%);

    color: #fff;
    padding: 0px 56px;
    position: relative;
    overflow: visible;
    height:737px;
}

.hero__menu[b-69fwx1wcmp] {
    border: 1px solid #A2FFFF;
}

.hero__nav .btn[b-69fwx1wcmp] {
    border: 1px solid #A2FFFF;
}
    .hero__logo img[b-69fwx1wcmp] {
        content: url("images/logo_nexcar.svg");
    }

    .hero__underline[b-69fwx1wcmp] {
        position: relative;
        display: inline-block;
    }

        .hero__underline[b-69fwx1wcmp]::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -6px;
            width: 0;
            height: 6px;
            background: white;
            border-radius: 6px;
            animation: underlineGrow-b-69fwx1wcmp 1.4s ease forwards;
            animation-delay: 1s;
        }


.hero__content h1[b-69fwx1wcmp] {
    position: absolute;
    top: 80px;
    font-size: 48px;
    line-height: 140%;
}

.hero__description[b-69fwx1wcmp] {
    position: relative;
    top: 250px;
    font-size: 24px;
    max-width:595px;
    line-height: 140%;
}
.hero__button[b-69fwx1wcmp] {
    position: absolute;
    top: 500px;
    display: flex;
    width: 165px;
    height: 44px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
}

.como-title__underline[b-69fwx1wcmp] {
    display: block;
    width: 220px;
    max-width: 80%;
    height: auto;
    margin-top: -12px;
    margin-left: 385px;
}

    @keyframes underlineGrow-b-69fwx1wcmp {

        0% {
            width: 0
        }

        100% {
            width: 100%
        }
    }

.hero__image[b-69fwx1wcmp] {
    top: 228px;
    grid-column: 2;
    grid-row: 1 / span 2;
    position: absolute;
    justify-self: end;
    display: flex;
    justify-content: flex-end;
}

        .hero__image img[b-69fwx1wcmp] {
            /*position: absolute;*/
            /*top: 10px;*/
            width: 100%;
            height: 401px;
            /*max-width: 697px;*/
        }

    .hero__models[b-69fwx1wcmp] {
        position: absolute;
        height:147px;
        width:147px;
        top: -74px;
        right: 113px;
        background: rgba(255,255,255,0.01);
        backdrop-filter: blur(8px);
        padding: 16px;
        gap:6px;
        border-radius: 12px;
        text-align: center;
        box-shadow: 0px 8px 10px rgba(53, 181, 166, 0.1);
        border: 1px solid #A2FFFF;
        -webkit-mask-image: radial-gradient(circle at top right, transparent 5%, black 30%);
        mask-image: radial-gradient(circle at top right, transparent 5%, black 30%);
    }

        .hero__models strong[b-69fwx1wcmp] {
            font-family: Inter;
            font-size: 56px;
            font-style: normal;
            font-weight: 700;
            line-height: 120%;
        }

        .hero__models span[b-69fwx1wcmp] {
            font-size: 16px;
        }

    .hero__badge[b-69fwx1wcmp] {
        position: absolute;
        top: 24px;
        right: 24px;
        background: rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(8px);
        padding: 16px;
        border-radius: 12px;
        text-align: center;
    }

        .hero__badge strong[b-69fwx1wcmp] {
            font-size: 32px;
            display: block;
        }

        .hero__badge span[b-69fwx1wcmp] {
            font-size: 12px;
        }
/* GPS dot — posicionado sobre el capó del auto */
.hero-car__gps[b-69fwx1wcmp] {
    position: absolute;
    left: 62%;
    top: 14%;
    width: 63px;
    height: 63px;
    pointer-events: none;
    overflow: visible;
}

    .hero-car__gps svg[b-69fwx1wcmp] {
        overflow: visible;
    }

    .desktop[b-69fwx1wcmp] {
        display: block;
    }

    .mobile[b-69fwx1wcmp] {
        display: none;
    }

    .hero__user-btn[b-69fwx1wcmp] {
        display: none;
    }


    @media (max-width:786px) {
        .como-title__underline[b-69fwx1wcmp]{
            display: none;
        }

        .desktop[b-69fwx1wcmp] {
            display: none;
        }
        
        .mobile[b-69fwx1wcmp] {
            display: block;
        }

        body[b-69fwx1wcmp] {
            overflow-x: hidden;
        }

        .hero__logo img[b-69fwx1wcmp] {
            position: absolute;
            top: 20px;
            left: 50%;
            transform: translateX(-50%);
            content: url("images/logo_nexcar_blanco_movil.svg");
            height: 38px;
        }

        .hero__hamburger[b-69fwx1wcmp] {
            display: block;
        }

        .hero__menu-close[b-69fwx1wcmp] {
            display: block;
        }

        .hero[b-69fwx1wcmp] {
            background: linear-gradient(211deg, #35B5A6 19.21%, #174F48 144.69%);
            padding: 20px 16px 20px 16px;
            height: 660px;
        }


        .hero__nav[b-69fwx1wcmp] {
            padding: 8px 0px;
            top:10px;
            height:32px;
            /*margin-bottom: 10px;*/
        }

        .hero__body[b-69fwx1wcmp] {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 10px;
        }

        .hero__content h1[b-69fwx1wcmp] {
            position:relative;
            top:30px;
            font-size: 24px;
        }

        .hero__description[b-69fwx1wcmp] {
            position: absolute;
            top: 455px;
            font-size: 16px;
        }

        .hero__image[b-69fwx1wcmp] {
            position: relative;
            display: block;
            /*justify-content: center;*/
            justify-content: flex-start; /* nuevo alinea a la izquierda*/
            padding-left: 0px; /* nuevo alinea a la izquierda*/
            width: 100%;
            top: 30px;
        }

            .hero__image img[b-69fwx1wcmp] {
                
                max-width: 380px;
                height: auto;
                display: block;
            }

        .hero__models[b-69fwx1wcmp] {

            position: absolute;
            height: 101px;
            width: 101px;
            top: -35px;
            left: 0px;
            background: rgba(255,255,255,0.2);
            padding: 4px;
            border-radius: 12px;
            text-align: center;
        }

            .hero__models strong[b-69fwx1wcmp] {
                font-size: 36px;
                height:43px;
                display: block;
            }

            .hero__models span[b-69fwx1wcmp] {
                height:42px;
                font-size: 14px;
                font-weight: 300;
                line-height: 1.5;
            }


        .hero__button[b-69fwx1wcmp] {
            position: absolute;
            top: 535px;
            width: 90%;
            height: 42px;
            font-size: 16px;
            font-weight: 500;
            letter-spacing: -0.01em;
            /*background-color: #35B5A6;*/
            border-radius: 8px;
            background-color: #35B5A6 !important;
            /*background: #35B5A6;*/
            gap: 10px;
        }

        .hero__nav .btn[b-69fwx1wcmp] {
            display: none;
        }

        .hero__user-btn[b-69fwx1wcmp] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            min-width: 36px;
            
            border:0px;
            background: transparent;
            color: white;
            cursor: pointer;
            padding: 0;
        }

        .hero__user-btn svg[b-69fwx1wcmp] {
            width: 24px;
            height: 24px;
        }

        .hero__menu[b-69fwx1wcmp] {
            position: absolute;
            top: -30px;
            left: -30px;
            width: 100%;
            background: white;
            flex-direction: column;
            gap: 0px;
            padding: 30px;
            border-radius: 0px 0px 0 0;
            box-shadow: 0 10px 30px rgba(0,0,0,0.15);
            display: none;
            box-sizing: border-box;
        }

            .hero__menu.active[b-69fwx1wcmp] {
                display: flex;
            }

            .hero__menu a[b-69fwx1wcmp] {
                color: black !important;
                font-size: 18px;
                font-weight: 500;
            }

                .hero__menu a[b-69fwx1wcmp]::after {
                    background: black;
                }

        .hero__menu-header[b-69fwx1wcmp] {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center; /* centra la imagen */
            height: 60px;
        }

        .hero__close[b-69fwx1wcmp] {
            position: absolute;
            top: 0px;
            left: 1px;
            font-size: 22px;
            background: none;
            border: none;
            cursor: pointer;
        }
        /* Logo centrado */
        .hero__menu-logo img[b-69fwx1wcmp] {
            height: 30px;
            display: block;
        }


        /* ==============================
   HERO CAR — mobile
   Valores exactos del Figma:
   - Imagen: 380×218px, top 286px, left 7px
   - Frame 6: 101×101px, top 266px, left 16px
     radio 8px · padding 8px · bg #fff 1% opacidad
   - "60+": Inter 700 · 36px · lh 120% · #fff
   - "Modelos disponibles": Inter 400 · 14px · lh 150% · #fff
============================== */

        .hero-car[b-69fwx1wcmp] {
            /* Contenedor relativo: todo lo que hay dentro
     se posiciona respecto a este bloque */
            position: relative;
            width: 100%;
            /* La altura la dicta la imagen */
            line-height: 0; /* evita espacio extra bajo la img */
            top: 50px;
        }

        .hero-car__img[b-69fwx1wcmp] {
            display: block;
            width: 100%; /* escala con el contenedor */
            height: auto; /* mantiene proporción 380:218 */
            object-fit: contain;
            
        }

        /* Frame 6: badge glassmorphism */
        .hero-car__badge[b-69fwx1wcmp] {
            /* Posición absoluta dentro de .hero-car,
     escalada con % para que siga al auto
     en cualquier ancho de pantalla.
     Figma: left 16px / top 266px sobre 380×218px img
     → left ≈ 4.2% del ancho / top ≈ ~0% (badge está
       encima del área donde termina el texto del hero
       y empieza la imagen, así que usamos bottom referido
       a la imagen: top del badge desde la imagen = 266-286 = -20px)
     Usamos bottom + left en % para que sea proporcional */
            position: absolute;
            /* Figma: left 16px sobre ancho 380px → 4.2% */
            left: 4.2%;
            /* Figma: badge top 266px, imagen top 286px
     → el badge está 20px POR ENCIMA del borde superior de la imagen.
     Expresado desde la imagen: top: -20/218 = -9.17%  */
            top: -9%;
            /* Tamaño fijo en em relativo al font-size del badge */
            width: 26.6%; /* 101px / 380px ≈ 26.6% del ancho img */
            aspect-ratio: 1 / 1; /* mantiene cuadrado */
            /* Estilo exacto del Figma */
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 0;
            padding: 8px;
            border-radius: 8px;
            /* #FFFFFF al 1% de opacidad = glassmorphism */
            /*background-color: rgba(255, 255, 255, 0.15);*/
            /*background-color: rgba(255, 255, 255, 0.1);*/
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            box-sizing: border-box;
            border: 1px solid #A2FFFF;
        }

        /* "60+" — Inter 700 · 36px · lh 120% · #fff */
        .hero-car__badge-number[b-69fwx1wcmp] {
            font-family: 'Inter', sans-serif;
            font-weight: 700;
            font-size: clamp(20px, 7vw, 36px); /* escala fluida */
            line-height: 1.2;
            color: #ffffff;
            text-align: center;
            display: block;
        }

        /* "Modelos disponibles" — Inter 400 · 14px · lh 150% · #fff */
        .hero-car__badge-label[b-69fwx1wcmp] {
            font-family: 'Inter', sans-serif;
            font-weight: 400;
            font-size: clamp(9px, 2.8vw, 14px); /* escala fluida */
            line-height: 1.5;
            color: #ffffff;
            text-align: center;
            display: block;
        }

        /* GPS dot — posicionado sobre el capó del auto */
        .hero-car__gps[b-69fwx1wcmp] {
            position: absolute;
            left: 28.5%;
            top: 34%;
            width: 16px;
            height: 16px;
            pointer-events: none;
        }
    }



    @media (min-width: 769px) and (max-width: 1024px) {
        .desktop[b-69fwx1wcmp] {
            display: none;
        }

        .mobile[b-69fwx1wcmp] {
            display: block;
        }

        body[b-69fwx1wcmp] {
            overflow-x: hidden;
        }

        .hero__logo img[b-69fwx1wcmp] {
            position: absolute;
            top: 20px;
            left: 50%;
            transform: translateX(-50%);
            content: url("images/logo_nexcar_blanco_movil.svg");
            height: 38px;
        }

        .hero__hamburger[b-69fwx1wcmp] {
            display: block;
        }

        .hero__menu-close[b-69fwx1wcmp] {
            display: block;
        }

        .hero[b-69fwx1wcmp] {
            padding: 24px;
            height: 700px;
        }


        .hero__nav[b-69fwx1wcmp] {
            padding: 0;
            margin-bottom: 30px;
        }

        .hero__body[b-69fwx1wcmp] {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 10px;
        }

        .hero__content h1[b-69fwx1wcmp] {
            font-size: 24px;
        }

        .hero__description[b-69fwx1wcmp] {
            font-size: 16px;
        }

        .hero__image[b-69fwx1wcmp] {
            justify-content: center;
            width: 100%;
        }

            .hero__image img[b-69fwx1wcmp] {
                max-width: 360px;
            }

        .hero__models[b-69fwx1wcmp] {
            position: absolute;
            top: 10px;
            right: 200px;
            background: rgba(255,255,255,0.2);
            backdrop-filter: blur(8px);
            padding: 10px;
            border-radius: 12px;
            text-align: center;
        }

            .hero__models strong[b-69fwx1wcmp] {
                font-size: 36px;
                display: block;
            }

            .hero__models span[b-69fwx1wcmp] {
                font-size: 14px;
                font-weight: 300;
            }

        .hero__button[b-69fwx1wcmp] {
            width: 100%;
        }

        .hero__nav .btn[b-69fwx1wcmp] {
            display: none;
        }

        .hero__menu[b-69fwx1wcmp] {
            position: absolute;
            top: -30px;
            left: -30px;
            width: 100%;
            background: white;
            flex-direction: column;
            gap: 0px;
            padding: 30px;
            border-radius: 0px 0px 0 0;
            box-shadow: 0 10px 30px rgba(0,0,0,0.15);
            display: none;
            box-sizing: border-box;
        }

            .hero__menu.active[b-69fwx1wcmp] {
                display: flex;
            }

            .hero__menu a[b-69fwx1wcmp] {
                color: black !important;
                font-size: 18px;
                font-weight: 500;
            }

                .hero__menu a[b-69fwx1wcmp]::after {
                    background: black;
                }

        .hero__menu-header[b-69fwx1wcmp] {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center; /* centra la imagen */
            height: 60px;
        }

        .hero__close[b-69fwx1wcmp] {
            position: absolute;
            top: 0px;
            left: 1px;
            font-size: 22px;
            background: none;
            border: none;
            cursor: pointer;
        }
        /* Logo centrado */
        .hero__menu-logo img[b-69fwx1wcmp] {
            height: 30px;
            display: block;
        }
    }
/* /Pages/Login.razor.rz.scp.css */
/* ===========================
   HERO — full screen con imagen de fondo
   Reemplazar url en .hero cuando tengas la imagen:
   background-image: url('/images/login/login-bg.jpg');
=========================== */

.hero[b-u44oojsi8p] {
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 0px 56px;
    overflow: hidden;
    /* Fallback color mientras no hay imagen */
    background-color: #0f1520;
    background-image: url('/images/4c59542198c2231b577d446717091c0cba3a2db7.jpg');
    background-size: cover;
    background-position: center;
}

/* Overlay oscuro sobre la imagen */
.hero[b-u44oojsi8p]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.52);
    z-index: 0;
}

/* ===========================
   NAV
=========================== */

.hero__nav[b-u44oojsi8p] {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 20px 0;
}

.hero-none[b-u44oojsi8p] {
    display: inline-flex;
    height: auto !important;
    min-height: 0 !important;
    padding: 0px 0px 20px !important;
    width: 100% !important;
}

.btn-cancelar[b-u44oojsi8p] {
    width: 100% !important;
}

.continua-pad[b-u44oojsi8p] {
    height: 60px !important;
}

.detalle-recupera[b-u44oojsi8p]{
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 30px;
}

.hero__logo img[b-u44oojsi8p] {
    content: url("images/logo_nexcar.svg");
    width: 179px;
    height:65px;
    height: auto;
}

.hero__menu[b-u44oojsi8p] {
    width: 500px;
    height: 72px;
    display: flex;
    font-weight: 300;
    align-items: center; /* ✅ centra vertical */
    justify-content: center; /* ✅ centra horizontal */
    gap: 25px;
    font-size: 16px;
    list-style: none;
    margin: 16px;
    padding: 16px 16px 16px 16px;
    border-radius: 16px;
    border: 1px solid #ffFFFF;
    background: transparent;
    backdrop-filter: blur(12px);
    line-height: 24px;
    letter-spacing: 0%;
    text-decoration: none;
    box-shadow: 0px 8px 10px rgba(53, 181, 166, 0.1);
    /* 🔥 DOBLE ESQUINA TRANSPARENTE */
    -webkit-mask-image: radial-gradient(circle at top right, transparent 2%, black 5%), radial-gradient(circle at bottom left, transparent 2%, black 7%);
    -webkit-mask-composite: destination-in;
    mask-image: radial-gradient(circle at top right, transparent 1%, black 5%), radial-gradient(circle at bottom left, transparent 1%, black 7%);
    mask-composite: intersect;
}

.hero__menu li a[b-u44oojsi8p] {
    color: white;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap;
    transition: opacity 0.2s;
}

.hero__menu li a:hover[b-u44oojsi8p] {
    opacity: 0.75;
}

.hero__nav a[b-u44oojsi8p] {
    text-decoration: none;
}

.hero__nav .btn[b-u44oojsi8p] {
    border: 1px solid #FFFFFF;
    background: transparent;
    color: white;
    white-space: nowrap;
    text-decoration:none;
}

.hero__hamburger[b-u44oojsi8p] {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.hero__user-btn[b-u44oojsi8p] {
    display: none;
}

/* ===========================
   BODY — centra la card
=========================== */

.hero__body[b-u44oojsi8p] {
    position: relative;
    z-index: 5;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0 60px;
}

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

.login-card[b-u44oojsi8p] {
    background: rgba(255, 255, 255, 0.01);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 16px;
    padding: 32px 32px;
    width: 480px;
    max-width: 480px;
    color: white;
    gap: 16px;
    border: 1px solid #ffFFFF;
}



.login-card__logo[b-u44oojsi8p] {
    width: 94px;
    height: 34px;
    margin-bottom: 16px;
    display: block;
}

.login-card__title[b-u44oojsi8p] {
    font-size: 32px;
    font-weight: 700;
    color: white;
    margin: 0 0 24px 0;
    line-height: 130%;
}

/* ===========================
   CAMPOS
=========================== */

.login-field[b-u44oojsi8p] {
    margin-bottom: 14px;
}

.login-field label[b-u44oojsi8p] {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 6px;
}

.login-field input[b-u44oojsi8p] {
    width: 100%;
    padding: 12px 14px;
    border-radius: 8px;
    border: 1.5px solid transparent;
    background: #ffffff;
    font-size: 16px;
    color: #333;
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.login-field input:focus[b-u44oojsi8p] {
    border-color: #35B5A6;
    box-shadow: 0 0 0 3px rgba(53, 181, 166, 0.18);
}

.login-field input[b-u44oojsi8p]::placeholder {
    color: #a0a0a0;
}

    .login-field input.input-error[b-u44oojsi8p] {
        border: 1.5px solid #ff3b30 !important;
        background: #fff1f1 !important;
        color: #ff3b30 !important;
    }

.login-validation[b-u44oojsi8p] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    color: #ff3b30;
    font-size: 14px;
    font-weight: 500;
}

    .login-validation[b-u44oojsi8p]::before {
        content: "i";
        width: 18px;
        height: 18px;
        border-radius: 50%;
        border: 2px solid #ff3b30;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        font-weight: 700;
        flex-shrink: 0;
    }


/* ===========================
   FORGOT
=========================== */

.login-card__forgot[b-u44oojsi8p] {
    display: block;
    text-align: right;
    color: #ffffff;
    font-size: 16px;
    text-decoration: none;
    margin-bottom: 20px;
    transition: color 0.2s;
}

.login-card__forgot:hover[b-u44oojsi8p] {
    color: white;
}

/* ===========================
   BOTÓN PRINCIPAL
=========================== */

.login-card__btn[b-u44oojsi8p] {
    width: 100%;
    height: 42px;
    padding: 8px;
    background: #35B5A6;
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, transform 0.15s;
    margin-bottom: 20px;
    letter-spacing: 0.01em;
}

.login-card__btn:hover[b-u44oojsi8p] {
    background: #2a9d90;
    transform: translateY(-1px);
}

/* ===========================
   DIVIDER
=========================== */

.login-card__divider[b-u44oojsi8p] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.45);
    font-size: 14px;
    margin-bottom: 16px;
}

.login-card__divider[b-u44oojsi8p]::before,
.login-card__divider[b-u44oojsi8p]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: rgba(255, 255, 255, 0.18);
}

/* ===========================
   SOCIAL
=========================== */

.login-card__social[b-u44oojsi8p] {
    display: flex;
    justify-content: center;
    gap: 14px;
}

.login-social-btn[b-u44oojsi8p] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: white;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.15s, box-shadow 0.15s;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.login-social-btn:hover[b-u44oojsi8p] {
    transform: scale(1.07);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22);
}

/* INPUT ERROR */
.login-field input.input-error[b-u44oojsi8p] {
    border: 1.5px solid #ff3b30 !important;
    background: #fff1f1 !important;
    color: #ff3b30 !important;
}

.login-validation[b-u44oojsi8p] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    color: #ff4d5a;
    font-size: 14px;
    font-weight: 600;
}

    .login-validation[b-u44oojsi8p]::before {
        content: "ⓘ";
        font-size: 16px;
    }

.login-validation--success[b-u44oojsi8p] {
    color: #35B5A6 !important;
}

    .login-validation--success[b-u44oojsi8p]::before {
        content: "✓";
        border-color: #35B5A6;
    }


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

@media (max-width: 768px) {

    .hero[b-u44oojsi8p] {
        padding: 20px 16px;
        min-height: 100dvh;
    }

    .hero__nav[b-u44oojsi8p] {
        padding: 8px 0;
        height: 40px;
    }

    .hero__hamburger[b-u44oojsi8p] {
        display: flex;
    }

    .hero__menu[b-u44oojsi8p] {
        position: absolute;
        top: -20px;
        left: -16px;
        width: 100vw;
        background: white;
        flex-direction: column;
        gap: 0;
        padding: 30px;
        border-radius: 0;
        box-shadow: 0 10px 30px rgba(0,0,0,0.15);
        display: none;
        box-sizing: border-box;
        border: none;
        margin: 0;
        z-index: 100;
    }

    .hero__menu.active[b-u44oojsi8p] {
        display: flex;
    }

    .hero__menu li a[b-u44oojsi8p] {
        color: black !important;
        font-size: 18px;
        font-weight: 500;
    }

    .hero__logo img[b-u44oojsi8p] {
        position: absolute;
        top: 0px;
        left: 50%;
        transform: translateX(-50%);
        content: url("images/logo_nexcar_blanco_movil.svg");
        height: 38px;
        width: auto;
    }

    .hero__nav .btn[b-u44oojsi8p] {
        display: none;
    }

    .hero__user-btn[b-u44oojsi8p] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        min-width: 36px;
        border: 0;
        background: transparent;
        color: white;
        cursor: pointer;
        padding: 0;
    }

    .hero__body[b-u44oojsi8p] {
        padding: 24px 0 40px;
        align-items: center;
    }

    .login-card[b-u44oojsi8p] {
        padding: 32px 24px;
        max-width: 100%;
        border-radius: 14px;
    }

    .login-card__title[b-u44oojsi8p] {
        font-size: 24px;
    }
}
/* /Pages/QueEsNexcar.razor.rz.scp.css */

/* ===========================
       HERO BACKGROUND
       =========================== */
.hero[b-o9u9l5ufyj] {
    /*position: relative;*/
    width: 100%;
    height: 520px;
    background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.55)), url('images/home/QueEsHome.png');
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    color: white;
    padding: 0px 56px;
}
.hero__user-btn[b-o9u9l5ufyj] {
    display: none;
}
/* ===========================
       NAVBAR
       =========================== */
.hero__menu[b-o9u9l5ufyj] {
    border: 1px solid #FFFFFF;
}
.hero__nav .btn[b-o9u9l5ufyj] {
    border: 1px solid #FFFFFF;
}
.hero__nav[b-o9u9l5ufyj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hero__logo img[b-o9u9l5ufyj] {
    height: 65px;
    width: 179px;
}
.hero__logo img[b-o9u9l5ufyj] {
    content: url("images/logo_nexcar.svg");
}




    /* LINKS */

    .hero__menu a[b-o9u9l5ufyj] {
        position: relative;
        text-decoration: none;
        color: white !important;
        font-size: 18px;
        font-weight: 500;
        padding-bottom: 6px;
        transition: opacity 0.2s ease;
    }

        /* Línea animada */

        .hero__menu a[b-o9u9l5ufyj]::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -6px;
            width: 0%;
            height: 2px;
            background: white;
            transition: width 0.25s ease;
        }

        .hero__menu a:hover[b-o9u9l5ufyj]::after {
            width: 100%;
        }

        .hero__menu a.active[b-o9u9l5ufyj]::after {
            width: 100%;
        }


/* ===========================
       HERO CONTENT
       =========================== */

.hero__body[b-o9u9l5ufyj] {
    display: flex;
    align-items: flex-start; /* ← ahora se pega arriba */
    height: 100%;
    /*padding-top: 120px;*/ /* ← controla qué tan arriba */
}

.hero__content[b-o9u9l5ufyj] {
    position: absolute;
    top: 190px;
    font-size: 40px;
}


/* TAGS */

.hero__tags[b-o9u9l5ufyj] {
    display: flex;
    flex-wrap: wrap;
    padding: 4px 8px;
    gap: 4px;
}

    .hero__tags span[b-o9u9l5ufyj] {
        display: inline-flex; /* ← activa flex */
        align-items: center; /* ← centra vertical */
        gap: 6px; /* espacio entre icono y texto */
        font-size: 16px;
        padding: 4px 8px;
        border-radius: 16px;
        border: 1px solid rgba(255,255,255,0.7);
        /*background: rgba(255,255,255,0.15);*/
        backdrop-filter: blur(4px);
    }

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

@media (max-width: 1200px) {

    .hero__menu[b-o9u9l5ufyj] {
        display: none;
    }

    .hero__content h1[b-o9u9l5ufyj] {
        font-size: 36px;
    }

    .hero[b-o9u9l5ufyj] {
        background-position: center;
    }
}

@media (max-width: 768px) {

    .hero__content h1[b-o9u9l5ufyj] {
        font-size: 28px;
    }

    .hero__tags span[b-o9u9l5ufyj] {
        font-size: 11px;
    }
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.catalog[b-o9u9l5ufyj] {
    padding: 80px 6%;
    background: #ffffff;
}

/* HEADER */

.catalog__header[b-o9u9l5ufyj] {
    text-align: center;
    margin-bottom: 40px;
}

.catalog__subtitle[b-o9u9l5ufyj] {
    font-size: 12px;
    letter-spacing: 2px;
    color: #8a99a8;
}

.catalog__header h1[b-o9u9l5ufyj] {
    font-size: 42px;
    font-weight: 700;
    color: #2f3e4e;
}

/* FILTERS */

.catalog__filters[b-o9u9l5ufyj] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

    .catalog__filters input[b-o9u9l5ufyj] {
        flex: 1;
        padding: 12px 16px;
        border-radius: 8px;
        border: 1px solid #ccd5df;
    }

    .catalog__filters button[b-o9u9l5ufyj] {
        padding: 10px 16px;
        border-radius: 8px;
        border: 1px solid #ccd5df;
        background: white;
        cursor: pointer;
    }

/* GRID */

.catalog__grid[b-o9u9l5ufyj] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

/* CARD */

.car-card[b-o9u9l5ufyj] {
    background: white;
    border-radius: 18px;
    padding: 24px;
    border: 1px solid #dce3ea;
    transition: all 0.25s ease;
}

    .car-card:hover[b-o9u9l5ufyj] {
        transform: translateY(-6px);
        box-shadow: 0 12px 30px rgba(0,0,0,0.06);
        border: 1px solid #35B5A6;
    }

.car-card__header[b-o9u9l5ufyj] {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.car-card__brand[b-o9u9l5ufyj] {
    font-size: 16px;
    font-weight: 700;
    color: #A0ABBE;
}

.car-card__badge[b-o9u9l5ufyj] {
    display: flex;
    flex-direction: column; /* imagen arriba, texto abajo */
    align-items: center; /* centra horizontal */
    justify-content: center; /* centra vertical si hay altura */
    gap: 4px;
    background: linear-gradient(135deg,#6FD9AA,#3B735A);
    color: white;
    font-size: 12px;
    padding: 6px 12px;
    border-radius: 4px;
    text-align: center;
}

.car-card__image[b-o9u9l5ufyj] {
    margin: 20px 0;
    text-align: center;
}

    .car-card__image img[b-o9u9l5ufyj] {
        width: 100%;
        max-height: 160px;
        object-fit: contain;
    }

.car-card__tags[b-o9u9l5ufyj] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

    .car-card__tags span[b-o9u9l5ufyj] {
        display: inline-flex; /* ← activa flex */
        align-items: center; /* ← centra vertical */
        gap: 6px; /* espacio entre icono y texto */
        color: #4D5B71;
        font-size: 12px;
        font-weight: 400;
        padding: 5px 10px;
        border-radius: 999px;
        border: 1px solid #4D5B71;
    }

.car-card__price[b-o9u9l5ufyj] {
    font-size: 14px;
    font-weight: 600;
    color: #808FA9;
}

    .car-card__price strong[b-o9u9l5ufyj] {
        font-size: 20px;
        font-weight: 700;
        color: #4D5B71;
    }

/* LOAD MORE */

.catalog__loadmore[b-o9u9l5ufyj] {
    margin-top: 40px;
    text-align: center;
}

    .catalog__loadmore button[b-o9u9l5ufyj] {
        width: 100%;
        padding: 14px;
        border-radius: 10px;
        border: 1px solid #ccd5df;
        background: white;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s ease;
    }

        .catalog__loadmore button:hover[b-o9u9l5ufyj] {
            background: #eef3f7;
        }

.hero__cta[b-o9u9l5ufyj] {
    grid-column: 1;
    grid-row: 2;
    margin-top: 10px;
}

.hero__description[b-o9u9l5ufyj] {
    font-size: 22px;
    line-height: 1.5;
    max-width: 720px;
}

.hero__button[b-o9u9l5ufyj] {
    margin-top: 18px;
    width: 180px;
    height: 48px;
}

/* RESPONSIVE */

@media (max-width: 1200px) {
    .catalog__grid[b-o9u9l5ufyj] {
        grid-template-columns: repeat(2, 1fr);
    }
}



@media (max-width: 768px) {
    .catalog__grid[b-o9u9l5ufyj] {
        grid-template-columns: 1fr;
    }

    .hero__logo img[b-o9u9l5ufyj] {
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        content: url("images/logo_nexcar_blanco_movil.svg");
        height: 38px;
    }
    .hero__description[b-o9u9l5ufyj][b-o9u9l5ufyj] {
        position: relative;
        top: -60px;
        font-size: 16px;
    }
    .hero__hamburger[b-o9u9l5ufyj] {
        display: block;
    }

    .hero__content h1[b-o9u9l5ufyj] {
        position: relative;
        top: -60px;
        font-size: 24px;
    }

    .hero__tags span[b-o9u9l5ufyj] {
        position: relative;
        top: -60px;
        font-size: 11px;
    }

    .hero__menu a[b-o9u9l5ufyj] {
        color: #4D5B71 !important;
        font-size: 18px;
        font-weight: 400;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0;
        width: 100%;
    }

        .hero__menu a[b-o9u9l5ufyj]::after {
            content: "›";
            width: auto;
            height: auto;
            position: static;
        }

    .hero__menu-close[b-o9u9l5ufyj] {
        display: block;
    }

    .hero[b-o9u9l5ufyj] {
        padding: 24px 16px 24px 16px;
    }

    .hero__nav[b-o9u9l5ufyj] {
        padding: 8px 0px;
        top: 10px;
        height: 32px;
    }

    .hero__body[b-o9u9l5ufyj] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }


    .hero__description[b-o9u9l5ufyj] {
        font-size: 16px;
    }

    .hero__image[b-o9u9l5ufyj] {
        justify-content: center;
        width: 100%;
    }

        .hero__image img[b-o9u9l5ufyj] {
            max-width: 360px;
        }

    .hero__models[b-o9u9l5ufyj] {
        top: 10px;
        right: 10px;
    }

    .hero__button[b-o9u9l5ufyj] {
        width: 100%;
    }

    .hero__nav .btn[b-o9u9l5ufyj] {
        display: none;
    }

    /* MENU MOBILE */

    .hero__menu[b-o9u9l5ufyj] {
        position: absolute;
        top: -30px;
        left: -30px;
        width: 100%;
        background: white;
        flex-direction: column;
        gap: 0px;
        padding: 30px;
        border-radius: 0px 0px 0 0;
        box-shadow: 0 10px 30px rgba(0,0,0,0.15);
        display: none;
    }

        .hero__menu.active[b-o9u9l5ufyj] {
            display: flex;
        }

        .hero__menu a[b-o9u9l5ufyj] {
            color: black !important;
            font-size: 18px;
            font-weight: 500;
        }

            .hero__menu a[b-o9u9l5ufyj]::after {
                background: black;
            }
    .hero__menu-header[b-o9u9l5ufyj] {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center; /* centra la imagen */
        height: 60px;
    }

    /* Botón X a la izquierda */
    .hero__close[b-o9u9l5ufyj] {
        position: absolute;
        top: 0px;
        left: 1px;
        font-size: 22px;
        background: none;
        border: none;
        cursor: pointer;
    }

    /* Logo centrado */
    .hero__menu-logo img[b-o9u9l5ufyj] {
        height: 30px;
        display: block;
    }
    .hero__user-btn[b-o9u9l5ufyj] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        min-width: 36px;
        border: 0px;
        background: transparent;
        color: white;
        cursor: pointer;
        padding: 0;
    }

        .hero__user-btn svg[b-o9u9l5ufyj] {
            width: 24px;
            height: 24px;
        }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .hero__logo img[b-o9u9l5ufyj] {
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        content: url("images/logo_nexcar_blanco_movil.svg");
        height: 38px;
    }

    .hero__description[b-o9u9l5ufyj][b-o9u9l5ufyj] {
        font-size: 16px;
    }

    .hero__hamburger[b-o9u9l5ufyj] {
        display: block;
    }

    .hero__content h1[b-o9u9l5ufyj] {
        font-size: 24px;
    }

    .hero__tags span[b-o9u9l5ufyj] {
        font-size: 11px;
    }

    .hero__menu a[b-o9u9l5ufyj] {
        color: #4D5B71 !important;
        font-size: 18px;
        font-weight: 400;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0;
        width: 100%;
    }

        .hero__menu a[b-o9u9l5ufyj]::after {
            content: "›";
            width: auto;
            height: auto;
            position: static;
        }

    .hero__menu-close[b-o9u9l5ufyj] {
        display: block;
    }

    .hero[b-o9u9l5ufyj] {
        padding: 24px;
    }

    .hero__nav[b-o9u9l5ufyj] {
        padding: 0;
        margin-bottom: 30px;
    }

    .hero__body[b-o9u9l5ufyj] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }


    .hero__description[b-o9u9l5ufyj] {
        font-size: 16px;
    }

    .hero__image[b-o9u9l5ufyj] {
        justify-content: center;
        width: 100%;
    }

        .hero__image img[b-o9u9l5ufyj] {
            max-width: 360px;
        }

    .hero__models[b-o9u9l5ufyj] {
        top: 10px;
        right: 10px;
    }

    .hero__button[b-o9u9l5ufyj] {
        width: 100%;
    }

    .hero__nav .btn[b-o9u9l5ufyj] {
        display: none;
    }

    /* MENU MOBILE */

    .hero__menu[b-o9u9l5ufyj] {
        position: absolute;
        top: -30px;
        left: -30px;
        width: 100%;
        background: white;
        flex-direction: column;
        gap: 0px;
        padding: 30px;
        border-radius: 0px 0px 0 0;
        box-shadow: 0 10px 30px rgba(0,0,0,0.15);
        display: none;
    }

        .hero__menu.active[b-o9u9l5ufyj] {
            display: flex;
        }

        .hero__menu a[b-o9u9l5ufyj] {
            color: black !important;
            font-size: 18px;
            font-weight: 500;
        }

            .hero__menu a[b-o9u9l5ufyj]::after {
                background: black;
            }

    .hero__menu-header[b-o9u9l5ufyj] {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center; /* centra la imagen */
        height: 60px;
    }

    /* Botón X a la izquierda */
    .hero__close[b-o9u9l5ufyj] {
        position: absolute;
        top: 0px;
        left: 1px;
        font-size: 22px;
        background: none;
        border: none;
        cursor: pointer;
    }

    /* Logo centrado */
    .hero__menu-logo img[b-o9u9l5ufyj] {
        height: 30px;
        display: block;
    }

}