@import url("financing_hero.css");
@import url("financing_benefits.css");
@import url("financing_steps.css");
@import url("financing_soft_cta.css");
@import url("financing_final_cta.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;
}

.checkbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;

    width: 16px;
    height: 16px;

    min-width: 16px; /* 🔥 CLAVE */
    min-height: 16px; /* 🔥 CLAVE */

    flex: none;

    border: 2px solid #DADDE3;
    border-radius: 4px;

    display: inline-flex; /* 🔥 CAMBIO */
    align-items: center;
    justify-content: center;

    background-color: #fff; /* 🔥 CLAVE */

    cursor: pointer;
    transition: all 0.2s ease;
}

/* 🔥 CUANDO ESTÁ ACTIVADO */
.checkbox input[type="checkbox"]:checked {
    background-color: #FF4B33;
    border-color: #FF4B33;
}

/* 🔥 CHECK (la palomita) */
.checkbox input[type="checkbox"]:checked::after {
    content: "✓";
    color: white;
    font-size: 11px;

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

/* 🔥 LABEL ALINEADO */
.checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 1; /* 🔥 EVITA ESTIRAMIENTO */
}