/* ==========================================================================
   COMPONENTE · Franja de financiación (logos + texto legal) — reutilizable
   Enfoque Mobile-First. Valores fieles al CSS de Figma (Profesionales · Sección 9).
   ========================================================================== */

.funding-block {
    padding: var(--pt-m, 32px) 0 var(--pb-m, 32px);
    background-color: #FFFFFF;
    border-radius: 48px 48px 0 0;
    box-sizing: border-box;
    font-family: 'Be Vietnam Pro', system-ui, sans-serif;
}

.funding-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

.funding-logo {
    flex: 0 1 458px;
}

.funding-logo img {
    display: block;
    width: 100%;
    max-width: 458px;
    height: auto;
}

.funding-text {
    margin: 0;
    flex: 0 1 570px;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: -0.45px;
    color: #6C7981;
}

/* ==========================================================================
   Breakpoints (Mobile-First → min-width)
   ========================================================================== */
@media (min-width: 768px) {
    .funding-block {
        padding: var(--pt-t, var(--pt-m, 32px)) 0 var(--pb-t, var(--pb-m, 32px));
    }
}

@media (min-width: 992px) {
    .funding-block {
        padding: var(--pt-d, 32px) 0 var(--pb-d, 32px);
    }

    .funding-inner {
        flex-wrap: nowrap;
        /* separación fluida: crece con el ancho hasta los 220px de Figma */
        gap: clamp(40px, 10vw, 220px);
    }
}