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

.como_funciona.pro[b-pwlzexpxqp] {
    width: 100%;
    padding: 80px 5%;
    background-color: #ffffff;
    padding-top: 120px;
}

/* 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: 60px;
    align-items: center;
}


/* CARDS */

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


/* CARD */

.card[b-pwlzexpxqp] {
    background: white;
    padding: 28px;
    border-radius: 14px;
    border: 1px solid #d1e7e3;
    transition: all .3s ease;
}

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


/* ICON */

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


/* 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%;
    }


/* ================= 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 .header h2[b-pwlzexpxqp] {
        font-size: 24px;
        font-weight: 600;
        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;
    }
}
/* /Layout/ElegirNexcarHome.razor.rz.scp.css */
/* =======================================================
   ELEGIR NEXCAR - PREMIUM
======================================================= */

.elegir_nexcar[b-au0fzfykr5] {
    
    padding: 100px 40px;
    overflow: visible;
}

/* HEADER */

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

/* CONTENEDOR */

.elegir_nexcar__content[b-au0fzfykr5] {
    position: relative;
    min-height: 650px;
}

/* AUTO */

.elegir_nexcar__car[b-au0fzfykr5] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 60px;
    z-index: 2;
}

    .elegir_nexcar__car img[b-au0fzfykr5] {
        width: 588px;
    }

/* =======================================================
   CARDS
======================================================= */

.elegir_nexcar-card[b-au0fzfykr5] {
    position: absolute;
    max-width: 400px;
    padding: 20px;
    border-radius: 16px;
    background: white;
    border: 1px solid rgba(0,150,136,0.25);
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    backdrop-filter: blur(8px);
    animation: fadeUp-b-au0fzfykr5 0.8s ease forwards;
    opacity: 0;
    text-align:center;
}

/* CARD PRINCIPAL */

.elegir_nexcar-card--left[b-au0fzfykr5] {
    top: 160px;
    left: calc(32% - 300px);
    transform: translateX(-100%);
    background: linear-gradient(135deg,#2f7f73,#49b8a8);
    color: white;
    border: none;
    
}

/* POSICIONES */

.elegir_nexcar-card--right-top[b-au0fzfykr5] {
    top: 90px;
    left: calc(40% + 300px);
    color: #4D5B71;
}

.elegir_nexcar-card--left-bottom[b-au0fzfykr5] {
    bottom: 90px;
    left: calc(28% - 320px);
    transform: translateX(-100%);
    color: #4D5B71;
}

.elegir_nexcar-card--right-bottom[b-au0fzfykr5] {
    bottom: 80px;
    left: calc(40% + 260px);
    color: #4D5B71;
}

/* 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: 10px;
    height: 10px;
    background: #35B5A6;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(53,181,166,0.8);
}

/* posiciones de los puntos */

.elegir_nexcar-card--left[b-au0fzfykr5]::after {
    right: -6px;
    top: 80%;
}

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

.elegir_nexcar-card--left-bottom[b-au0fzfykr5]::after {
    right: -6px;
    top: 10%;
}

.elegir_nexcar-card--right-bottom[b-au0fzfykr5]::after {
    left: -6px;
    top: 0%;
}

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

@keyframes fadeUp-b-au0fzfykr5 {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.95);
    }

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

/* delay por card */

.elegir_nexcar-card--left[b-au0fzfykr5] {
    animation-delay: .2s;
}

.elegir_nexcar-card--right-top[b-au0fzfykr5] {
    animation-delay: .4s;
}

.elegir_nexcar-card--left-bottom[b-au0fzfykr5] {
    animation-delay: .6s;
}

.elegir_nexcar-card--right-bottom[b-au0fzfykr5] {
    animation-delay: .8s;
}

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

.elegir_nexcar-card:hover[b-au0fzfykr5] {
    transform: translateY(-6px) scale(1.02);
    box-shadow: 0 20px 40px rgba(0,0,0,0.12);
}

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

@media (max-width: 992px) {

    .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;
        opacity: 1;
        animation: none;
    }

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

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

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

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

    .elegir_nexcar__tags span[b-au0fzfykr5] {
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 4px 10px 4px 22px;
        border: 1px solid #7d8ca3;
        border-radius: 999px;
        font-size: 12px;
        line-height: 1;
        color: #5d6c84;
        background: #f7f8fa;
    }

        .elegir_nexcar__tags span[b-au0fzfykr5]::before {
            content: "";
            position: absolute;
            left: 7px;
            top: 50%;
            width: 10px;
            height: 10px;
            transform: translateY(-50%);
            border-radius: 50%;
            background: radial-gradient(circle at center, #5d6c84 0 2px, transparent 2.2px);
            border: 1px solid #5d6c84;
            box-sizing: border-box;
        }
@media (max-width: 768px) {
    .elegir_nexcar__header h2[b-au0fzfykr5] {
        font-size: 24px;
        font-weight: 700;
        color: #4D5B71;
    }


}
/* /Layout/FaqCompleto.razor.rz.scp.css */
.faq[b-on59zzabhu] {
    padding: 80px 40px;
    background: #ffffff;
}

/* HEADER */

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

    .faq__header span[b-on59zzabhu] {
        font-size: 14px;
        color: #7a869a;
    }

    .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: 10px;
    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;
}

/* RESPONSIVE */

@media (max-width: 768px) {
    .faq__grid[b-on59zzabhu] {
        grid-template-columns: 1fr;
    }
}
/* /Layout/Favoritos.razor.rz.scp.css */
/* ===========================
   SECTION
=========================== */

.favorites[b-tkxqdyas8g] {
    width: 100%;
    padding: 120px 5% 80px;
    background-color: #ffffff;
}

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

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

    .favorites__header h2[b-tkxqdyas8g] {
        font-size: 48px;
        font-weight: 700;
        color: #4D5B71;
        margin-bottom: 16px;
    }

    .favorites__header p[b-tkxqdyas8g] {
        font-size: 20px;
        color: #4D5B71;
    }

/* ===========================
   CAROUSEL
=========================== */

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

.favorites__grid[b-tkxqdyas8g] {
    display: flex;
    gap: 24px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch; /* iOS fluido */
    cursor: grab;
}
    .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;
    }

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

.favorite-card[b-tkxqdyas8g] {
    flex: 0 0 calc((100% - 72px) / 4); /* 4 cards + gap */
    max-width: calc((100% - 72px) / 4);
    height: 648px;
    border-radius: 8px;
    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: 16px;
    padding: 20px;
    backdrop-filter: blur(6px);
    background: rgba(255,255,255,0.05);
}

/* Overlay */

.favorite-card__overlay[b-tkxqdyas8g] {
    width: 100%;
    padding: 24px;
    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] {
    font-size: 24px;
    font-weight: 700;
}

.favorite-card__category[b-tkxqdyas8g] {
    font-size: 12px;
    opacity: 0.8;
}

.favorite-card p[b-tkxqdyas8g] {
    font-size: 14px;
    margin-bottom: 16px;
}

/* TAGS */

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

    .favorite-card__tags span[b-tkxqdyas8g] {
        font-size: 12px;
        padding: 2px 8px;
        border-radius: 999px;
        border: 1px solid rgba(255,255,255,0.8);
    }

/* PRICE */

.favorite-card__price[b-tkxqdyas8g] {
    font-size: 18px;
    margin-bottom: 16px;
}



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

@media (max-width: 768px) {

    .favorite-card[b-tkxqdyas8g] {
        flex: 0 0 80%; /* tipo carrusel mobile */
        max-width: 80%;
        height: 548px;
    }

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

    .favorites__header p[b-tkxqdyas8g] {
        font-size: 16px;
    }
}
/* /Layout/Footer.razor.rz.scp.css */
.footer-nexcar[b-xfj2tfkhhb] {
    background: #1f2a36;
    padding: 70px 80px;
    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: 1400px;
    margin: auto;
    position: relative;
    z-index: 2;
}

/* logo + redes */

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

.footer-logo[b-xfj2tfkhhb] {
    height: 36px;
}

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

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

    .footer-social a[b-xfj2tfkhhb] {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: #2e3b48;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 14px;
        transition: 0.3s;
    }

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

/* columnas */

.footer-col h5[b-xfj2tfkhhb] {
    color: white;
    margin-bottom: 18px;
}

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

.footer-col li[b-xfj2tfkhhb] {
    margin-bottom: 12px;
}

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

    .footer-col a:hover[b-xfj2tfkhhb] {
        color: #35B5A6;
    }

/* copyright */

.footer-copy[b-xfj2tfkhhb] {
    margin-top: 60px;
    font-size: 13px;
    opacity: 0.7;
}

/* imagen grande de fondo */

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

    .footer-bg img[b-xfj2tfkhhb] {
        width: 1200px;
        max-width: none;
        top:300px;
    }

/* responsive */

@media (max-width: 900px) {

    .footer-container[b-xfj2tfkhhb] {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}
/* /Layout/ListoParaTuProximaAventura.razor.rz.scp.css */
/* ================= CTA NEXCAR ================= */

.cta_nexcar[b-1p4lgyncxh] {
    margin: 40px auto;
    width: 100%;
    max-width: 1328px;
    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:768px) {

    .cta_nexcar[b-1p4lgyncxh] {
        height: 300px;
        justify-content: center;
    }

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

        .cta_nexcar__content h2[b-1p4lgyncxh] {
            font-size: 24px;
        }
        .cta_nexcar__content h2[b-1p4lgyncxh] {
            font-size: 24px;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 20px;
        }
}
/* /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 */
/* =======================================================
   BRANDS (LOGOS)
======================================================= */

.brands[b-yxmzcjrckt] {
    position: absolute;
    bottom: -60px; /* 🔥 esto las baja fuera del hero */
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 10;

    background: transparent;
    padding: 20px 0;
    overflow: hidden;
}

.brands__track[b-yxmzcjrckt] {

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    overflow-x: auto;
    padding: 10px 40px;
    flex-wrap: nowrap;
    scroll-behavior: smooth;
    
}

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

.brands__item[b-yxmzcjrckt] {
    min-width: 120px;
    height: 124px;
    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: 60px;
        margin-bottom: 6px;
        filter: brightness(0) invert(1); /* logos blancos */
    }

    .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: linear-gradient(135deg,#35B5A6,#174F48);
        transform: translateY(-4px);
    }
/* /Layout/NavMenu.razor.rz.scp.css */
/* OVERLAY */
.navmenu-overlay[b-vfkvdiuxto] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.3);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    z-index: 998;
}

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

/* CONTAINER */
.navmenu-container[b-vfkvdiuxto] {
    position: fixed;
    top: 0;
    left: -100%;
    width: 85%;
    max-width: 320px;
    height: 100vh;
    background: #f5f6f8;
    transition: 0.3s;
    z-index: 999;
    display: flex;
    flex-direction: column;
}

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

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

.navmenu-close[b-vfkvdiuxto] {
    background: none;
    border: none;
    font-size: 1.5rem;
}

.navmenu-logo img[b-vfkvdiuxto] {
    height: 24px;
}

.navmenu-user[b-vfkvdiuxto] {
    font-size: 1.2rem;
}

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

/* ITEM */
.navmenu-item[b-vfkvdiuxto] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 20px;
    color: #4a5568;
    text-decoration: none;
    font-size: 15px;
    border-bottom: 1px solid #e5e7eb;
}

    /* HOVER */
    .navmenu-item:hover[b-vfkvdiuxto] {
        background: #eaecef;
    }

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

/* FLECHA */
.arrow[b-vfkvdiuxto] {
    font-size: 18px;
    color: #9ca3af;
}
/* /Layout/PorqueElegir.razor.rz.scp.css */
/* ================= ELEGIR NEXCAR ================= */

.elegir_nexcar[b-d2w34p6p0w] {
    padding: 90px 40px;
    background: #ffffff;
    text-align: center;
}


/* 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: 26px;
    max-width: 1100px;
    margin: auto;
}


/* CARD */

.elegir_nexcar-card[b-d2w34p6p0w] {
    background: white;
    padding: 28px;
    border-radius: 10px;
    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(135deg,#2f9f93,#48b7a8);
    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[b-d2w34p6p0w] {
        grid-template-columns: 1fr;
    }
}


@media(max-width:600px) {

    .elegir_nexcar[b-d2w34p6p0w] {
        padding: 70px 20px;
    }

    .elegir_nexcar__header h2[b-d2w34p6p0w] {
        font-size: 28px;
    }
}
/* /Layout/QueEs.razor.rz.scp.css */
/* ================= QUE ES NEXCAR ================= */

.que_es_nexcar[b-mqc933rxsw] {
    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;
    }


/* 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;
    }
}
/* /Layout/Testimonials.razor.rz.scp.css */
/* ===========================
   SECTION
=========================== */

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

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

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

.quote-left[b-a0un3h90pq] {
    position: absolute;
    left: 120px;
    top: 120px;
    width: 120px;
    opacity: 0.6;
}

.quote-right[b-a0un3h90pq] {
    position: absolute;
    right: 160px;
    top: 80px;
    width: 120px;
    opacity: 0.6;
}

/* ===========================
   CARRUSEL
=========================== */

.testimonial-slider[b-a0un3h90pq] {
    display: flex;
    gap: 24px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
    padding-bottom: 10px;
}

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

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

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

.testimonial-card[b-a0un3h90pq] {
    flex: 0 0 calc((100% - 48px) / 3);
    max-width: calc((100% - 48px) / 3);
    scroll-snap-align: start;
    scroll-snap-stop: always;
    background: white;
    border-radius: 16px;
    padding: 30px;
    text-align: left;
    box-shadow: 0 10px 25px rgba(0,0,0,0.07);
    border-bottom: 5px solid #6FC1B5;
    transition: transform 0.3s ease;
}

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

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

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

.stars[b-a0un3h90pq] {
    color: #F6B400;
    margin: 5px 0 10px 0;
    font-size: 22px;
}

.testimonial-text[b-a0un3h90pq] {
    font-size: 18px;
    color: #4D5B71;
    line-height: 1.6;
    margin-bottom: 25px;
}

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

.city[b-a0un3h90pq] {
    font-size: 14px;
    color: #808FA9;
}

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

@media (max-width: 1024px) {

    .testimonial-card[b-a0un3h90pq] {
        flex: 0 0 calc((100% - 24px) / 2);
        max-width: calc((100% - 24px) / 2);
    }
}

@media (max-width: 768px) {

    .testimonial-section h2[b-a0un3h90pq] {
        font-size: 24px;
    }

    .testimonial-card[b-a0un3h90pq] {
        flex: 0 0 85%;
        max-width: 85%;
    }

    .testimonial-text[b-a0un3h90pq] {
        font-size: 15px;
    }
}
/* /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: 10px;
    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;
    /*background-image: linear-gradient(rgba(0,0,0,0.55), 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 !important;
    padding: 32px 64px;
}

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

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

.hero__logo img[b-podjmk54cy] {
    height: 70px;
    width: auto;
}
.hero__logo img[b-podjmk54cy] {
    content: url("images/logo_nexcar.svg");
}

/* MENU GLASS */

/*.hero__menu {
    display: flex;
    font-weight: 400;
    gap: 48px;
    font-size: 16px;
    list-style: none;
    margin: 0;
    color: #8a8a8a !important;
    padding: 18px 48px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.6);
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(12px);
    line-height: 24px;
    letter-spacing: 0%;
    text-decoration: none;
}*/

    /* LINKS */

    .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);
    }

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

@media (max-width: 1200px) {

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

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

    .hero[b-podjmk54cy] {
        background-position: center;
    }
}

@media (max-width: 768px) {

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

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

.car-detail[b-podjmk54cy] {
    padding: 60px 6%;
    background: #ffffff;
}

.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: 40px;
    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: 100%;
    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: 30px;
    border-radius: 18px;
    border: 1px solid #dce3ea;
}

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

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

.option[b-podjmk54cy] {
    padding: 14px;
    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: 30px;
    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] {
        font-size: 12px;
        padding: 6px 12px;
        border-radius: 999px;
        border: 1px solid #ccd5df;
    }

.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;
}

/* Responsive */

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

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

@media (max-width: 768px) {
    .hero__logo img[b-podjmk54cy] {
        content: url("images/logo_nexcar_blanco_movil.svg");
    }

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

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

    .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;
    }

    .hero__nav[b-podjmk54cy] {
        padding: 0;
        margin-bottom: 30px;
    }

    .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: 0px;
        left: 0;
        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;
            }
}
/* /Pages/Cars.razor.rz.scp.css */

/* ===========================
       HERO BACKGROUND
       =========================== */
.hero[b-pxwmcbs9lu] {
    /*position: relative;*/
    width: 100%;
    height: 500px;
    background-image: linear-gradient(rgba(0,0,0,0.55), 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: 32px 64px;
}

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

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

.hero__logo img[b-pxwmcbs9lu] {
    height: 70px;
    width: auto;
}
.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] {
    max-width: 900px;
}

  

/* TAGS */

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

    .hero__tags span[b-pxwmcbs9lu] {
        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);
    }

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

@media (max-width: 1200px) {

    .hero__menu[b-pxwmcbs9lu] {
        display: none;
    }

    .hero__content h1[b-pxwmcbs9lu] {
        font-size: 26px;
    }

    .hero[b-pxwmcbs9lu] {
        background-position: center;
    }
}

@media (max-width: 768px) {
    .hero__logo img[b-pxwmcbs9lu] {
        content: url("images/logo_nexcar_blanco_movil.svg");
    }
    .hero__content h1[b-pxwmcbs9lu] {
        font-size: 24px;
    }

    .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__content h1[b-pxwmcbs9lu] {
        font-size: 30px;
    }

    .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: 0px;
        left: 0;
        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;
            }
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.catalog[b-pxwmcbs9lu] {
    padding: 80px 6%;
    background: #ffffff;
}

/* HEADER */

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

.catalog__subtitle[b-pxwmcbs9lu] {
    font-size: 12px;
    letter-spacing: 2px;
    color: #8a99a8;
}

.catalog__header h1[b-pxwmcbs9lu] {
    font-size: 42px;
    font-weight: 700;
    color: #2f3e4e;
}

/* FILTERS */

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

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

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

/* GRID */

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

/* CARD */

.car-card[b-pxwmcbs9lu] {
    background: white;
    border-radius: 18px;
    padding: 24px;
    border: 1px solid #dce3ea;
    transition: all 0.25s ease;
}

  .car-card:hover[b-pxwmcbs9lu] {
    color: #ffffff;
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.06);
    border: 1px solid #35B5A6;
    background: linear-gradient( 180deg, #2FA79A 0%, #4FC3B5 40%, #9EDFD6 70%, #FFFFFF 100% );
}

.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[b-pxwmcbs9lu] {
    margin: 20px 0;
    text-align: center;
}

    .car-card__image img[b-pxwmcbs9lu] {
        width: 100%;
        max-height: 160px;
        object-fit: contain;
    }

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

    .car-card__tags span[b-pxwmcbs9lu] {
        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-pxwmcbs9lu] {
    font-size: 14px;
    font-weight: 600;
    color: #808FA9;
}

    .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;
    }

        .catalog__loadmore button:hover[b-pxwmcbs9lu] {
            background: #eef3f7;
        }

/* RESPONSIVE */

@media (max-width: 1200px) {
    .catalog__grid[b-pxwmcbs9lu] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .catalog__grid[b-pxwmcbs9lu] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Empresas.razor.rz.scp.css */
body[b-jpw7ccsg19] {
}
@media (max-width: 768px) {
    .hero__logo img[b-jpw7ccsg19] {
        content: url("images/logo_nexcar_blanco_movil.svg");
    }

    .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[b-jpw7ccsg19] {
        padding: 24px;
    }

    .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: 0px;
        left: 0;
        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;
            }
}
/* /Pages/Faq.razor.rz.scp.css */

/* ===========================
       HERO BACKGROUND
       =========================== */
.hero[b-urw6hml9mw] {
    /*position: relative;*/
    width: 100%;
    height: 620px;
    background-image: linear-gradient(rgba(0,0,0,0.55), 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: 32px 64px;
}
.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: 70px;
    width: auto;
}

/* MENU GLASS */

.hero__menu[b-urw6hml9mw] {
    display: flex;
    font-weight: 400;
    gap: 48px;
    font-size: 16px;
    list-style: none;
    margin: 0;
    color: #ffffff !important;
    padding: 18px 48px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.6);
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(12px);
    line-height: 24px;
    letter-spacing: 0%;
    text-decoration: none;
}

    /* 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] {
    max-width: 900px;
}

    .hero__content h1[b-urw6hml9mw] {
        font-size: 48px;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 30px;
    }

/* TAGS */

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

    .hero__tags span[b-urw6hml9mw] {
        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);
    }

/* ===========================
       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__content h1[b-urw6hml9mw] {
        font-size: 28px;
    }

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

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.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] {
    font-size: 22px;
    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;
    }
}
body[b-urw6hml9mw] {
}

@media (max-width: 768px) {
    .hero__logo img[b-urw6hml9mw] {
        content: url("images/logo_nexcar_blanco_movil.svg");
    }

    .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: 10px;
    }

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

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

    .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: 0px;
        left: 0;
        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;
            }
}
/* /Pages/Home.razor.rz.scp.css */
/* =======================================================
   HERO
======================================================= */

.hero[b-69fwx1wcmp] {
    background: linear-gradient(135deg,#174F48,#35B5A6);
    color: #fff;
    padding: 32px 64px;
    position: relative;
    overflow: visible; /* 🔥 IMPORTANTE */
}
.hero__logo img[b-69fwx1wcmp] {
    content: url("images/logo_nexcar.svg");
}

/* =======================================================
   SUBRAYADO
======================================================= */

.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;
    }

@keyframes underlineGrow-b-69fwx1wcmp {

    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

/* =======================================================
   HERO IMAGE
======================================================= */

.hero__image[b-69fwx1wcmp] {
    grid-column: 2;
    grid-row: 1 / span 2;
    position: relative;
    justify-self: end;
    display: flex;
    justify-content: flex-end;
}

    .hero__image img[b-69fwx1wcmp] {
        width: 100%;
        max-width: 697px;
    }

/* =======================================================
   BADGE 60+
======================================================= */

.hero__models[b-69fwx1wcmp] {
    position: absolute;
    top: -90px;
    right: 50px;
    background: rgba(255,255,255,0.2);
    backdrop-filter: blur(8px);
    padding: 20px;
    border-radius: 12px;
    text-align: center;
}

    .hero__models strong[b-69fwx1wcmp] {
        font-size: 56px;
        display: block;
    }

    .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;
    }


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

@media (max-width:576px) {
    .hero__logo img[b-69fwx1wcmp] {
        content: url("images/logo_nexcar_blanco_movil.svg");
        
    }
    .hero__menu a[b-69fwx1wcmp] {
        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-69fwx1wcmp]::after {
            content: "›";
            width: auto;
            height: auto;
            position: static;
            
        }
    .hero__menu-close[b-69fwx1wcmp] {
        display:block;
    }
    .hero[b-69fwx1wcmp] {
        padding: 24px;
    }

    .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: 30px;
    }

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

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

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

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

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

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

    /* MENU MOBILE */

    .hero__menu[b-69fwx1wcmp] {
        position: absolute;
        top: 0px;
        left: 0;
        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-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;
            }

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

/* ===========================
       HERO BACKGROUND
       =========================== */
.hero[b-o9u9l5ufyj] {
    /*position: relative;*/
    width: 100%;
    height: 500px;
    background-image: linear-gradient(rgba(0,0,0,0.55), 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: 32px 64px;
}

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

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

.hero__logo img[b-o9u9l5ufyj] {
    height: 70px;
    width: auto;
}
.hero__logo img[b-o9u9l5ufyj] {
    content: url("images/logo_nexcar.svg");
}

/* MENU GLASS */

/*.hero__menu {
    display: flex;
    font-weight: 400;
    gap: 48px;
    font-size: 16px;
    list-style: none;
    margin: 0;
    color: #ffffff !important;
    padding: 18px 48px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.6);
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(12px);
    line-height: 24px;
    letter-spacing: 0%;
    text-decoration: none;
}*/

    /* 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] {
    max-width: 900px;
}

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

/* TAGS */

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

    .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: 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);
    }

/* ===========================
       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;
    }
}

@media (max-width: 768px) {
    .hero__logo img[b-o9u9l5ufyj] {
        content: url("images/logo_nexcar_blanco_movil.svg");
    }

    .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__content h1[b-o9u9l5ufyj] {
        font-size: 30px;
    }

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

    .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: 0px;
        left: 0;
        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;
            }
}