@import url("financing_hero.f5caa454c0bb.css");
@import url("financing_benefits.0012da5f28fa.css");
@import url("financing_steps.26ac4053689f.css");
@import url("financing_soft_cta.86ac6a4b7a61.css");
@import url("financing_final_cta.c2fe27940ff0.css");



.financing-page {
    padding: 40px 0 72px;
    background: var(--color-bg-primary);
}

.financing-layout {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

@media (max-width: 640px) {
    .financing-page {
        padding: 28px 0 56px;
    }

    .financing-layout {
        gap: 32px;
    }
}
/* 🔥 ICONOS HEADER (FIX) */
.modal-close,
.back-btn {
    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;
}

/* 🔥 IMAGENES DE ICONOS */
.modal-close img,
.back-btn img {
    width: 20px !important;
    height: 20px !important;

    object-fit: contain;
    display: block;
}

.financing-vehicle-field {
    position: relative;
}

.financing-vehicle-suggestions {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    width: 100%;
    background: #ffffff;
    border: 1px solid #E1E4E8;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    z-index: 80;
    padding: 6px;
}

.financing-vehicle-suggestions[hidden] {
    display: none;
}

.financing-vehicle-suggestion,
.financing-vehicle-suggestion-empty {
    display: block;
    width: 100%;
    padding: 13px 16px;
    font-size: 15px;
    font-weight: 500;
    color: #1F1F23;
    background: #ffffff;
    text-align: left;
    border-radius: 10px;
    box-sizing: border-box;
}

.financing-vehicle-suggestion {
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid transparent;
    background: #ffffff;
    outline: none;
    box-shadow: none;
    cursor: pointer;
}

.financing-vehicle-suggestion + .financing-vehicle-suggestion,
.financing-vehicle-suggestion + .financing-vehicle-suggestion-empty,
.financing-vehicle-suggestion-empty + .financing-vehicle-suggestion {
    margin-top: 2px;
}

.financing-vehicle-suggestion:hover,
.financing-vehicle-suggestion:focus-visible {
    border-color: #ff4b3e;
    background: #ffffff;
    color: #1F1F23;
    outline: none;
}

.financing-vehicle-suggestion-empty {
    color: #656B72;
}