/* Autos Esquivel — Vende tu auto / loader estable de estilos.
 * Conserva el pulido de tema existente y aplica después la capa premium.
 * No sustituir la hoja base de Vite: resources/css/public-sell-car.css.
 */
@import url("./sell-car-theme-polish-base.css");
@import url("./sell-car-configurator-2026.css");

/* --------------------------------------------------------------------------
   Refinamiento editorial 2026
   Reduce la sensación de tipografía pesada y hace más respirable la primera
   pantalla del configurador sin alterar React, rutas ni comportamiento.
   -------------------------------------------------------------------------- */
.ae-sell-page .ae-sell-page__configurator .ae-sell {
    padding-top: clamp(68px, 6vw, 96px) !important;
    padding-bottom: clamp(92px, 7vw, 124px) !important;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__hero {
    margin-bottom: clamp(38px, 4vw, 52px) !important;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__hero-copy {
    max-width: 940px !important;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__eyebrow {
    margin-bottom: 15px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: .14em !important;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__eyebrow i {
    width: 28px !important;
    height: 1px !important;
    box-shadow: none !important;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__hero h2 {
    max-width: 900px !important;
    font-size: clamp(42px, 4.65vw, 66px) !important;
    font-weight: 600 !important;
    line-height: .99 !important;
    letter-spacing: -.04em !important;
    text-wrap: balance;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__hero h2 em {
    font-weight: 300 !important;
    letter-spacing: -.035em !important;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__hero-copy > p {
    max-width: 810px !important;
    margin-top: 20px !important;
    font-size: clamp(14px, 1vw, 16px) !important;
    font-weight: 300 !important;
    line-height: 1.72 !important;
    letter-spacing: -.005em !important;
}

/* Encabezado de selección */
.ae-sell-page .ae-sell-page__configurator .ae-sell__selection {
    padding-top: 0 !important;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__selection-heading {
    max-width: 850px !important;
    margin-bottom: 25px !important;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__selection-heading > span {
    margin-bottom: 9px !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: .14em !important;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__selection-heading h3 {
    max-width: 780px;
    font-size: clamp(30px, 3.35vw, 43px) !important;
    font-weight: 600 !important;
    line-height: 1.06 !important;
    letter-spacing: -.035em !important;
    text-wrap: balance;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__selection-heading p {
    max-width: 760px;
    margin-top: 11px !important;
    font-size: clamp(12px, .9vw, 13.5px) !important;
    font-weight: 300 !important;
    line-height: 1.65 !important;
}

/* Rutas: menos bloque, más imagen y mejor jerarquía. */
.ae-sell-page .ae-sell-page__configurator .ae-sell__operation-banners {
    gap: 14px !important;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__operation-banner {
    min-height: clamp(390px, 34vw, 470px) !important;
    padding: 18px !important;
    border-radius: 24px !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .14) !important;
    transition: transform .24s cubic-bezier(.2, .8, .2, 1), border-color .2s ease, box-shadow .24s ease !important;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__operation-banner::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, .14) 0%, rgba(0, 0, 0, .30) 52%, rgba(0, 0, 0, .62) 100%) !important;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__operation-banner:hover,
.ae-sell-page .ae-sell-page__configurator .ae-sell__operation-banner:focus-visible {
    transform: translateY(-4px) !important;
    box-shadow: 0 26px 60px rgba(0, 0, 0, .22) !important;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__operation-banner:hover::before,
.ae-sell-page .ae-sell-page__configurator .ae-sell__operation-banner:focus-visible::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, .08) 0%, rgba(0, 0, 0, .22) 52%, rgba(0, 0, 0, .55) 100%) !important;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__operation-icon {
    width: 46px !important;
    height: 46px !important;
    border-radius: 13px !important;
    background: rgba(7, 9, 12, .50) !important;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__operation-icon svg {
    width: 20px !important;
    height: 20px !important;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__operation-number {
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: .10em !important;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__operation-banner-copy {
    padding: 19px 20px 18px !important;
    border-radius: 17px !important;
    border-color: rgba(255, 255, 255, .14) !important;
    background: rgba(8, 10, 12, .72) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .16);
    backdrop-filter: blur(12px) saturate(108%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(108%) !important;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__operation-banner-copy > small {
    margin-bottom: 7px !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: .14em !important;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__operation-banner-copy > strong {
    max-width: 245px !important;
    font-size: clamp(23px, 2.05vw, 30px) !important;
    font-weight: 600 !important;
    line-height: 1.04 !important;
    letter-spacing: -.032em !important;
    text-wrap: balance;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__operation-banner-copy > span:not(.ae-sell__operation-banner-benefits):not(.ae-sell__operation-banner-cta) {
    margin-top: 9px !important;
    font-size: 10.5px !important;
    font-weight: 300 !important;
    line-height: 1.55 !important;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__operation-banner-benefits {
    gap: 6px !important;
    margin-top: 14px !important;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__operation-banner-benefits > span {
    font-size: 8.5px !important;
    font-weight: 500 !important;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__operation-banner-cta {
    margin-top: 16px !important;
    padding-top: 13px !important;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__operation-banner-cta b {
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: .01em !important;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__operation-banner-cta > span {
    width: 29px !important;
    height: 29px !important;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__operation-note {
    max-width: 900px;
    margin-top: 16px !important;
    padding: 12px 14px !important;
    border-radius: 13px !important;
    font-size: 9.5px !important;
    font-weight: 300 !important;
    line-height: 1.55 !important;
}

.ae-sell-page .ae-sell-page__configurator .ae-sell__operation-note b {
    font-weight: 600 !important;
}

@media (max-width: 1100px) {
    .ae-sell-page .ae-sell-page__configurator .ae-sell__hero h2 {
        font-size: clamp(40px, 6vw, 58px) !important;
    }

    .ae-sell-page .ae-sell-page__configurator .ae-sell__operation-banner {
        min-height: 390px !important;
    }
}

@media (max-width: 760px) {
    .ae-sell-page .ae-sell-page__configurator .ae-sell {
        padding-top: 54px !important;
        padding-bottom: 78px !important;
    }

    .ae-sell-page .ae-sell-page__configurator .ae-sell__hero {
        margin-bottom: 34px !important;
    }

    .ae-sell-page .ae-sell-page__configurator .ae-sell__hero h2 {
        font-size: clamp(35px, 10.5vw, 48px) !important;
        line-height: 1.01 !important;
        letter-spacing: -.035em !important;
    }

    .ae-sell-page .ae-sell-page__configurator .ae-sell__hero-copy > p {
        margin-top: 16px !important;
        font-size: 13px !important;
        line-height: 1.65 !important;
    }

    .ae-sell-page .ae-sell-page__configurator .ae-sell__selection-heading {
        margin-bottom: 20px !important;
    }

    .ae-sell-page .ae-sell-page__configurator .ae-sell__selection-heading h3 {
        font-size: clamp(28px, 8.8vw, 36px) !important;
        line-height: 1.08 !important;
    }

    .ae-sell-page .ae-sell-page__configurator .ae-sell__operation-banner {
        min-height: 340px !important;
        padding: 14px !important;
        border-radius: 20px !important;
    }

    .ae-sell-page .ae-sell-page__configurator .ae-sell__operation-banner-copy {
        padding: 16px !important;
        border-radius: 15px !important;
    }

    .ae-sell-page .ae-sell-page__configurator .ae-sell__operation-banner-copy > strong {
        max-width: 230px !important;
        font-size: 25px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ae-sell-page .ae-sell-page__configurator .ae-sell__operation-banner,
    .ae-sell-page .ae-sell-page__configurator .ae-sell__operation-media img {
        transition: none !important;
        transform: none !important;
    }
}