/* Complemento del rediseño cuadrado: el autocompletado usa un wrapper visual
 * y un input interno. Evita doble borde y conserva espacio para lupa/estado.
 */
body .ae-sell-modal.ae-sell-page .ae-sell__catalog-control {
    min-height: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__catalog-control:hover {
    border-color: transparent !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__catalog-control > input {
    width: 100% !important;
    min-height: 56px !important;
    padding: 0 46px !important;
    border: 1px solid var(--sq-line-strong) !important;
    background: var(--sq-field) !important;
    color: var(--sq-ink) !important;
    box-shadow: none !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__catalog-control > input:hover {
    border-color: var(--sq-ink) !important;
    background: var(--sq-field) !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__catalog-control > input:focus,
body .ae-sell-modal.ae-sell-page .ae-sell__catalog-control > input:focus-visible {
    border-color: var(--sq-ink) !important;
    outline: 2px solid var(--sq-ink) !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 4px var(--sq-focus) !important;
    transform: none !important;
}

body .ae-sell-modal.ae-sell-page .ae-sell__catalog-control > svg,
body .ae-sell-modal.ae-sell-page .ae-sell__catalog-status {
    color: var(--sq-muted) !important;
}

/* Regla visual del wizard: controles y menús siempre rectos, sin redondeo.
 * Se duplica de forma explícita para evitar que capas legacy o responsive
 * vuelvan a introducir radios en Marca, Modelo, Año o cualquier otro campo.
 */
body .ae-sell-page :is(
    .ae-sell__select-trigger,
    .ae-sell__catalog-control,
    .ae-sell__catalog-control > input,
    .ae-sell__fields input,
    .ae-sell__fields textarea,
    .ae-sell__color-trigger,
    .ae-sell__color-custom input,
    .ae-sell__date-slot input,
    .ae-sell__select-menu,
    .ae-sell__catalog-menu,
    .ae-sell__color-menu,
    .ae-sell__select-option,
    .ae-sell__catalog-result
) {
    border-radius: 0 !important;
}

body .ae-sell-modal.ae-sell-page :is(
    button,
    input,
    textarea,
    select,
    .ae-sell__select,
    .ae-sell__select-trigger,
    .ae-sell__catalog-control,
    .ae-sell__catalog-control > input,
    .ae-sell__color-trigger
) {
    border-radius: 0 !important;
}

/* La guía de pasos es orientación, no un bloque editorial. La capa global le
 * daba casi 180px de aire vertical; conservamos la lectura en cuatro columnas
 * pero la dejamos a la altura de una barra de proceso. */
body.public-site-v2 .ae-sell-page .ae-sell-page__rail,
.ae-sell-page .ae-sell-page__rail {
    padding-block: 22px !important;
}

.ae-sell-page .ae-sell-page__rail .site-shell > div {
    min-height: 84px;
    padding: 12px 24px;
}

@media (max-width: 700px) {
    body.public-site-v2 .ae-sell-page .ae-sell-page__rail,
    .ae-sell-page .ae-sell-page__rail {
        padding-block: 12px !important;
    }

    .ae-sell-page .ae-sell-page__rail .site-shell > div {
        min-height: 64px;
        padding: 10px 18px;
    }
}