/* Autos Esquivel — /vende-tu-auto · rediseño cuadrado 2026
 * Capa final del modal de valuación. Mantiene intacta la lógica React/CRM y
 * unifica el wizard con geometría recta, Montserrat y contraste premium.
 */

/* --------------------------------------------------------------------------
   Tokens + reset geométrico del modal
   -------------------------------------------------------------------------- */
body .ae-sell-modal.ae-sell-page {
    --sq-bg: #eef1f4;
    --sq-panel: #ffffff;
    --sq-panel-2: #f5f7f9;
    --sq-field: #ffffff;
    --sq-line: #cfd6dd;
    --sq-line-strong: #9ea9b4;
    --sq-ink: #11161c;
    --sq-text: #2f3740;
    --sq-muted: #6e7884;
    --sq-accent: #11161c;
    --sq-accent-ink: #ffffff;
    --sq-focus: rgba(17, 22, 28, .20);
    --sq-danger: #8c7a6b;
    padding: 6px !important;
    background: rgba(4, 7, 10, .86) !important;
    backdrop-filter: blur(16px) saturate(.82) !important;
    -webkit-backdrop-filter: blur(16px) saturate(.82) !important;
}

html[data-theme="dark"] body .ae-sell-modal.ae-sell-page,
body[data-theme="dark"] .ae-sell-modal.ae-sell-page,
html.dark body .ae-sell-modal.ae-sell-page,
body.dark .ae-sell-modal.ae-sell-page {
    --sq-bg: #090d12;
    --sq-panel: #0f151b;
    --sq-panel-2: #111820;
    --sq-field: #111820;
    --sq-line: #2a3540;
    --sq-line-strong: #465563;
    --sq-ink: #f6f7f8;
    --sq-text: #d6dbe0;
    --sq-muted: #8e98a4;
    --sq-accent: #f4f5f6;
    --sq-accent-ink: #0a0e13;
    --sq-focus: rgba(244, 245, 246, .18);
    --sq-danger: #8c7a6b;
}

body .ae-sell-modal.ae-sell-page,
body .ae-sell-modal.ae-sell-page *,
body .ae-sell-modal.ae-sell-page *::before,
body .ae-sell-modal.ae-sell-page *::after {
    border-radius: 0 !important;
}

body .ae-sell-modal.ae-sell-page,
body .ae-sell-modal.ae-sell-page :is(
    h1, h2, h3, h4, h5, h6, p, span, strong, b, small, em,
    button, input, textarea, select, option, label, dt, dd, li, a
) {
    font-family: var(--ae-font-sans, "Montserrat", Arial, Helvetica, sans-serif) !important;
}

/* --------------------------------------------------------------------------
   Dialog + encabezado
   -------------------------------------------------------------------------- */
body .ae-sell-modal.ae-sell-page .ae-sell-modal__dialog {
    width: min(1600px, 100%) !important;
    max-height: calc(100dvh - 12px) !important;
    overflow: auto !important;
    border: 1px solid var(--sq-line-strong) !important;
    background: var(--sq-bg) !important;
    color: var(--sq-ink) !important;
    box-shadow: 0 32px 96px rgba(0, 0, 0, .55) !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell-modal__topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 320 !important;
    min-height: 76px !important;
    padding: 14px 16px 14px 24px !important;
    border-bottom: 1px solid var(--sq-line) !important;
    background: color-mix(in srgb, var(--sq-panel) 96%, transparent) !important;
    color: var(--sq-ink) !important;
    backdrop-filter: blur(18px) !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell-modal__topbar > div {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    min-width: 0 !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell-modal__topbar span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 12px !important;
    border: 1px solid var(--sq-line-strong) !important;
    background: transparent !important;
    color: var(--sq-muted) !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell-modal__topbar strong {
    overflow: hidden !important;
    color: var(--sq-ink) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: -.03em !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell-modal__topbar button {
    width: 46px !important;
    height: 46px !important;
    flex: 0 0 46px !important;
    border: 1px solid var(--sq-line) !important;
    background: var(--sq-panel-2) !important;
    color: var(--sq-ink) !important;
    box-shadow: none !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell-modal__topbar button:hover {
    border-color: var(--sq-ink) !important;
    background: var(--sq-panel) !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell-modal__topbar button:focus-visible {
    outline: 2px solid var(--sq-ink) !important;
    outline-offset: 3px !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell-modal__content.ae-sell {
    padding: 24px !important;
    background-color: var(--sq-bg) !important;
    background-image:
        linear-gradient(color-mix(in srgb, var(--sq-line) 24%, transparent) 1px, transparent 1px),
        linear-gradient(90deg, color-mix(in srgb, var(--sq-line) 24%, transparent) 1px, transparent 1px) !important;
    background-size: 76px 76px !important;
    color: var(--sq-ink) !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell-modal__content.ae-sell::before,
body .ae-sell-modal.ae-sell-page .ae-sell-modal__content.ae-sell::after {
    display: none !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__workspace {
    width: 100% !important;
    max-width: 1540px !important;
    margin: 0 auto !important;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 380px) !important;
    gap: 24px !important;
    align-items: start !important;
}

/* --------------------------------------------------------------------------
   Tarjeta principal + progreso
   -------------------------------------------------------------------------- */
body .ae-sell-modal.ae-sell-page .ae-sell__form-card {
    min-width: 0 !important;
    overflow: visible !important;
    border: 1px solid var(--sq-line-strong) !important;
    background: var(--sq-panel) !important;
    color: var(--sq-ink) !important;
    box-shadow: none !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__progress {
    padding: 24px 28px 22px !important;
    border-bottom: 1px solid var(--sq-line) !important;
    background: var(--sq-panel) !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__progress-top {
    align-items: center !important;
    margin-bottom: 12px !important;
    color: var(--sq-muted) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__progress-top b {
    min-width: 56px !important;
    padding: 8px 10px !important;
    border: 1px solid var(--sq-line-strong) !important;
    background: var(--sq-panel-2) !important;
    color: var(--sq-ink) !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-align: center !important;
    letter-spacing: 0 !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__progress-bar {
    height: 4px !important;
    overflow: hidden !important;
    border: 0 !important;
    background: var(--sq-line) !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__progress-bar i {
    display: block !important;
    height: 100% !important;
    background: var(--sq-accent) !important;
    box-shadow: none !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__progress ol {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__progress li {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 6px 8px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: var(--sq-muted) !important;
    box-shadow: none !important;
    font-size: 10px !important;
    font-weight: 600 !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__progress li.is-active {
    border-color: var(--sq-line-strong) !important;
    background: var(--sq-panel-2) !important;
    color: var(--sq-ink) !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__progress li.is-done {
    color: var(--sq-text) !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__progress li > b {
    display: grid !important;
    place-items: center !important;
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    border: 1px solid var(--sq-line-strong) !important;
    background: transparent !important;
    color: var(--sq-muted) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__progress li.is-active > b,
body .ae-sell-modal.ae-sell-page .ae-sell__progress li.is-done > b {
    border-color: var(--sq-accent) !important;
    background: var(--sq-accent) !important;
    color: var(--sq-accent-ink) !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__progress li > b svg {
    width: 16px !important;
    height: 16px !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__progress li > span {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* --------------------------------------------------------------------------
   Encabezado del paso
   -------------------------------------------------------------------------- */
body .ae-sell-modal.ae-sell-page .ae-sell__step {
    position: relative !important;
    padding: 34px 32px 12px !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__step-heading {
    position: relative !important;
    margin: 0 0 28px !important;
    padding: 0 0 24px 18px !important;
    border-bottom: 1px solid var(--sq-line) !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__step-heading::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 24px !important;
    left: 0 !important;
    width: 3px !important;
    background: var(--sq-accent) !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__step-heading > span {
    display: block !important;
    margin: 0 0 8px !important;
    color: var(--sq-muted) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__step-heading h3 {
    max-width: 850px !important;
    margin: 0 !important;
    color: var(--sq-ink) !important;
    font-size: clamp(30px, 3.15vw, 46px) !important;
    font-weight: 800 !important;
    line-height: .98 !important;
    letter-spacing: -.05em !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__step-heading p {
    max-width: 820px !important;
    margin: 12px 0 0 !important;
    color: var(--sq-muted) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}

/* --------------------------------------------------------------------------
   Campos, selects, catálogo y color
   -------------------------------------------------------------------------- */
body .ae-sell-modal.ae-sell-page .ae-sell__fields {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 16px !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__fields > label,
body .ae-sell-modal.ae-sell-page .ae-sell__select-field,
body .ae-sell-modal.ae-sell-page .ae-sell__catalog-field,
body .ae-sell-modal.ae-sell-page .ae-sell__color-field {
    min-width: 0 !important;
    gap: 8px !important;
}

body .ae-sell-modal.ae-sell-page :is(
    .ae-sell__fields label > span,
    .ae-sell__select-field > span,
    .ae-sell__catalog-label,
    .ae-sell__color-label,
    .ae-sell__choice-block > span,
    .ae-sell__branch-block > span
) {
    margin: 0 !important;
    color: var(--sq-text) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body .ae-sell-modal.ae-sell-page :is(
    .ae-sell__fields input,
    .ae-sell__fields textarea,
    .ae-sell__select-trigger,
    .ae-sell__catalog-control,
    .ae-sell__color-trigger,
    .ae-sell__color-custom input,
    .ae-sell__date-slot input
) {
    border: 1px solid var(--sq-line-strong) !important;
    background: var(--sq-field) !important;
    color: var(--sq-ink) !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

body .ae-sell-modal.ae-sell-page :is(
    .ae-sell__fields input,
    .ae-sell__select-trigger,
    .ae-sell__catalog-control,
    .ae-sell__color-trigger
) {
    min-height: 56px !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__fields input,
body .ae-sell-modal.ae-sell-page .ae-sell__fields textarea {
    padding: 0 16px !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__fields textarea {
    min-height: 128px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    resize: vertical !important;
}

body .ae-sell-modal.ae-sell-page :is(input, textarea)::placeholder {
    color: color-mix(in srgb, var(--sq-muted) 82%, transparent) !important;
    opacity: 1 !important;
}

body .ae-sell-modal.ae-sell-page :is(
    .ae-sell__fields input,
    .ae-sell__fields textarea,
    .ae-sell__select-trigger,
    .ae-sell__catalog-control,
    .ae-sell__color-trigger,
    .ae-sell__date-slot input
):hover {
    border-color: var(--sq-ink) !important;
}

body .ae-sell-modal.ae-sell-page :is(
    .ae-sell__fields input,
    .ae-sell__fields textarea,
    .ae-sell__select-trigger,
    .ae-sell__catalog-control,
    .ae-sell__color-trigger,
    .ae-sell__date-slot input,
    button,
    a
):focus-visible {
    outline: 2px solid var(--sq-ink) !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 4px var(--sq-focus) !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__select-menu,
body .ae-sell-modal.ae-sell-page .ae-sell__catalog-menu,
body .ae-sell-modal.ae-sell-page .ae-sell__color-menu {
    overflow: hidden !important;
    border: 1px solid var(--sq-line-strong) !important;
    background: var(--sq-panel) !important;
    color: var(--sq-ink) !important;
    box-shadow: 0 20px 46px rgba(0, 0, 0, .28) !important;
}

body .ae-sell-modal.ae-sell-page :is(.ae-sell__select-option, .ae-sell__catalog-result) {
    border-bottom: 1px solid var(--sq-line) !important;
    background: var(--sq-panel) !important;
    color: var(--sq-text) !important;
}

body .ae-sell-modal.ae-sell-page :is(.ae-sell__select-option, .ae-sell__catalog-result):hover,
body .ae-sell-modal.ae-sell-page :is(.ae-sell__select-option.is-selected, .ae-sell__catalog-result.is-active) {
    background: var(--sq-panel-2) !important;
    color: var(--sq-ink) !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__catalog-hint {
    color: var(--sq-muted) !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__color-preview,
body .ae-sell-modal.ae-sell-page .ae-sell__color-swatch {
    border: 1px solid var(--sq-line-strong) !important;
}

/* --------------------------------------------------------------------------
   Choice cards, revisión, consentimiento y mensajes
   -------------------------------------------------------------------------- */
body .ae-sell-modal.ae-sell-page .ae-sell__choice-grid {
    gap: 12px !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell-modal__content button.ae-sell__choice {
    border: 1px solid var(--sq-line-strong) !important;
    background: var(--sq-panel) !important;
    color: var(--sq-ink) !important;
    box-shadow: none !important;
    transform: none !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell-modal__content button.ae-sell__choice:hover {
    border-color: var(--sq-ink) !important;
    background: var(--sq-panel-2) !important;
    box-shadow: none !important;
    transform: none !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell-modal__content button.ae-sell__choice.is-active {
    border-color: var(--sq-accent) !important;
    background: var(--sq-accent) !important;
    color: var(--sq-accent-ink) !important;
    box-shadow: none !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__choice-icon {
    border: 1px solid currentColor !important;
    background: transparent !important;
    box-shadow: none !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__branch,
body .ae-sell-modal.ae-sell-page .ae-sell__branch-empty,
body .ae-sell-modal.ae-sell-page .ae-sell__availability,
body .ae-sell-modal.ae-sell-page .ae-sell__date-slot,
body .ae-sell-modal.ae-sell-page .ae-sell__date-add,
body .ae-sell-modal.ae-sell-page .ae-sell__consent,
body .ae-sell-modal.ae-sell-page .ae-sell__error {
    border-color: var(--sq-line-strong) !important;
    background: var(--sq-panel-2) !important;
    color: var(--sq-text) !important;
    box-shadow: none !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__branch.is-active {
    border-color: var(--sq-accent) !important;
    background: var(--sq-accent) !important;
    color: var(--sq-accent-ink) !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__branch-mark,
body .ae-sell-modal.ae-sell-page .ae-sell__branch-check,
body .ae-sell-modal.ae-sell-page .ae-sell__availability-count {
    border: 1px solid var(--sq-line-strong) !important;
    background: transparent !important;
    color: inherit !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__consent input[type="checkbox"] {
    accent-color: var(--sq-accent) !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__error {
    border-color: color-mix(in srgb, var(--sq-danger) 45%, var(--sq-line)) !important;
    color: var(--sq-danger) !important;
}

/* --------------------------------------------------------------------------
   Resumen en vivo
   -------------------------------------------------------------------------- */
body .ae-sell-modal.ae-sell-page .ae-sell-modal__content aside.ae-sell__summary {
    position: sticky !important;
    top: 100px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 26px 24px !important;
    overflow: hidden !important;
    border: 1px solid var(--sq-line-strong) !important;
    background: var(--sq-panel) !important;
    color: var(--sq-ink) !important;
    box-shadow: none !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__summary::before,
body .ae-sell-modal.ae-sell-page .ae-sell__summary::after {
    display: none !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__summary-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 18px !important;
    color: var(--sq-muted) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__summary-head > i {
    width: 9px !important;
    height: 9px !important;
    flex: 0 0 9px !important;
    border: 2px solid var(--sq-panel) !important;
    background: var(--sq-ink) !important;
    box-shadow: 0 0 0 1px var(--sq-line-strong) !important;
}

body .ae-sell-modal.ae-sell-page aside.ae-sell__summary > h3 {
    margin: 0 !important;
    color: var(--sq-ink) !important;
    font-size: clamp(24px, 2.2vw, 32px) !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    letter-spacing: -.045em !important;
}

body .ae-sell-modal.ae-sell-page aside.ae-sell__summary > p {
    margin: 10px 0 22px !important;
    color: var(--sq-muted) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.55 !important;
}

body .ae-sell-modal.ae-sell-page aside.ae-sell__summary > dl {
    display: grid !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid var(--sq-line-strong) !important;
}

body .ae-sell-modal.ae-sell-page aside.ae-sell__summary > dl > div {
    display: grid !important;
    grid-template-columns: minmax(105px, .9fr) minmax(0, 1.1fr) !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 48px !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid var(--sq-line-strong) !important;
}

body .ae-sell-modal.ae-sell-page aside.ae-sell__summary :is(dt, dd) {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}

body .ae-sell-modal.ae-sell-page aside.ae-sell__summary dt {
    color: var(--sq-muted) !important;
    font-weight: 500 !important;
}

body .ae-sell-modal.ae-sell-page aside.ae-sell__summary dd {
    color: var(--sq-ink) !important;
    font-weight: 700 !important;
    text-align: right !important;
    overflow-wrap: anywhere !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__summary-note {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 12px !important;
    margin: 18px 0 0 !important;
    padding: 16px !important;
    border: 1px solid var(--sq-line-strong) !important;
    background: var(--sq-panel-2) !important;
    color: var(--sq-text) !important;
    box-shadow: none !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__summary-note > svg {
    width: 24px !important;
    height: 24px !important;
    color: var(--sq-muted) !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__summary-note span {
    color: var(--sq-muted) !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__summary-note b {
    color: var(--sq-ink) !important;
    font-weight: 700 !important;
}

body .ae-sell-modal.ae-sell-page aside.ae-sell__summary > small {
    display: block !important;
    margin-top: 16px !important;
    color: var(--sq-muted) !important;
    font-size: 10px !important;
    line-height: 1.55 !important;
}

/* --------------------------------------------------------------------------
   Barra inferior de navegación
   -------------------------------------------------------------------------- */
body .ae-sell-modal.ae-sell-page .ae-sell__nav {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 220 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin: 32px -32px -12px !important;
    padding: 16px 32px !important;
    border-top: 1px solid var(--sq-line) !important;
    background: color-mix(in srgb, var(--sq-panel) 97%, transparent) !important;
    box-shadow: none !important;
    backdrop-filter: blur(16px) !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__nav :is(.ae-sell__back, .ae-sell__next, .ae-sell__submit) {
    min-height: 50px !important;
    border: 1px solid var(--sq-line-strong) !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    transform: none !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__back {
    padding: 0 18px !important;
    background: var(--sq-panel-2) !important;
    color: var(--sq-ink) !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__next,
body .ae-sell-modal.ae-sell-page .ae-sell__submit {
    min-width: 172px !important;
    padding: 0 22px !important;
    border-color: var(--sq-accent) !important;
    background: var(--sq-accent) !important;
    color: var(--sq-accent-ink) !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__nav :is(.ae-sell__back, .ae-sell__next, .ae-sell__submit):hover {
    filter: brightness(.94) !important;
    transform: none !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__nav svg {
    width: 17px !important;
    height: 17px !important;
}

/* --------------------------------------------------------------------------
   Éxito
   -------------------------------------------------------------------------- */
body .ae-sell-modal.ae-sell-page .ae-sell__success,
body .ae-sell-modal.ae-sell-page .ae-sell__success-icon,
body .ae-sell-modal.ae-sell-page .ae-sell__success-actions :is(a, button) {
    border-color: var(--sq-line-strong) !important;
    background: var(--sq-panel) !important;
    color: var(--sq-ink) !important;
    box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 1120px) {
    body .ae-sell-modal.ae-sell-page .ae-sell__workspace {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body .ae-sell-modal.ae-sell-page .ae-sell-modal__content aside.ae-sell__summary {
        position: static !important;
        top: auto !important;
    }
}

@media (max-width: 760px) {
    body .ae-sell-modal.ae-sell-page {
        padding: 0 !important;
    }

    body .ae-sell-modal.ae-sell-page .ae-sell-modal__dialog {
        width: 100% !important;
        max-height: 100dvh !important;
        min-height: 100dvh !important;
        border-width: 0 !important;
    }

    body .ae-sell-modal.ae-sell-page .ae-sell-modal__topbar {
        min-height: 64px !important;
        padding: 10px 12px !important;
    }

    body .ae-sell-modal.ae-sell-page .ae-sell-modal__topbar > div {
        gap: 9px !important;
    }

    body .ae-sell-modal.ae-sell-page .ae-sell-modal__topbar span {
        min-height: 28px !important;
        padding: 0 8px !important;
        font-size: 8px !important;
    }

    body .ae-sell-modal.ae-sell-page .ae-sell-modal__topbar strong {
        font-size: 15px !important;
    }

    body .ae-sell-modal.ae-sell-page .ae-sell-modal__topbar button {
        width: 42px !important;
        height: 42px !important;
        flex-basis: 42px !important;
    }

    body .ae-sell-modal.ae-sell-page .ae-sell-modal__content.ae-sell {
        padding: 12px !important;
        background-size: 52px 52px !important;
    }

    body .ae-sell-modal.ae-sell-page .ae-sell__progress {
        padding: 18px 16px 16px !important;
    }

    body .ae-sell-modal.ae-sell-page .ae-sell__progress ol {
        display: flex !important;
        gap: 8px !important;
        overflow-x: auto !important;
        padding-bottom: 4px !important;
        scrollbar-width: none !important;
    }

    body .ae-sell-modal.ae-sell-page .ae-sell__progress ol::-webkit-scrollbar {
        display: none !important;
    }

    body .ae-sell-modal.ae-sell-page .ae-sell__progress li {
        min-width: 116px !important;
        flex: 0 0 116px !important;
    }

    body .ae-sell-modal.ae-sell-page .ae-sell__step {
        padding: 26px 18px 10px !important;
    }

    body .ae-sell-modal.ae-sell-page .ae-sell__step-heading {
        margin-bottom: 22px !important;
        padding: 0 0 20px 14px !important;
    }

    body .ae-sell-modal.ae-sell-page .ae-sell__step-heading::before {
        bottom: 20px !important;
        width: 2px !important;
    }

    body .ae-sell-modal.ae-sell-page .ae-sell__step-heading h3 {
        font-size: clamp(27px, 8.5vw, 36px) !important;
        line-height: 1.02 !important;
    }

    body .ae-sell-modal.ae-sell-page .ae-sell__fields {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 16px !important;
    }

    body .ae-sell-modal.ae-sell-page .ae-sell__choice-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body .ae-sell-modal.ae-sell-page .ae-sell__nav {
        margin: 26px -18px -10px !important;
        padding: 12px 18px max(12px, env(safe-area-inset-bottom)) !important;
    }

    body .ae-sell-modal.ae-sell-page .ae-sell__nav :is(.ae-sell__back, .ae-sell__next, .ae-sell__submit) {
        min-height: 48px !important;
    }

    body .ae-sell-modal.ae-sell-page .ae-sell__next,
    body .ae-sell-modal.ae-sell-page .ae-sell__submit {
        min-width: 140px !important;
    }

    body .ae-sell-modal.ae-sell-page .ae-sell-modal__content aside.ae-sell__summary {
        padding: 20px 18px !important;
    }
}

@media (max-width: 480px) {
    body .ae-sell-modal.ae-sell-page .ae-sell-modal__topbar span {
        display: none !important;
    }

    body .ae-sell-modal.ae-sell-page .ae-sell__progress-top b {
        min-width: 50px !important;
    }

    body .ae-sell-modal.ae-sell-page .ae-sell__nav {
        gap: 8px !important;
    }

    body .ae-sell-modal.ae-sell-page .ae-sell__nav :is(.ae-sell__back, .ae-sell__next) {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        justify-content: center !important;
        padding-inline: 12px !important;
    }

    body .ae-sell-modal.ae-sell-page .ae-sell__submit {
        width: 100% !important;
        min-width: 0 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body .ae-sell-modal.ae-sell-page *,
    body .ae-sell-modal.ae-sell-page *::before,
    body .ae-sell-modal.ae-sell-page *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}