.ventipay-installment-container {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    color: #555;
    white-space: nowrap;
}

/* 2. Ajuste específico para MOBILE */
@media (max-width: 768px) { /* Agregado 'px' */
    .ventipay-installment-container {
        padding: 0;
        /* Si en móvil el texto es muy largo y se sale de la pantalla, 
           puedes bajarle un poco el font-size aquí */
        font-size: 13px;
    }
}

/* 3. Ajuste para ESCRITORIO */
@media (min-width: 769px) { /* No necesitas el max-width de 5120 a menos que quieras bloquearlo */
    .ventipay-installment-container {
        padding: 0 15px;
    }
}

    .ventipay-text {
        margin: 0;
        font-size: 14px; /* Bajamos un punto para asegurar que quepa en una línea */
        line-height: 1;
        display: inline; /* Aseguramos que se comporte como texto corrido */
    }

        .ventipay-text strong {
            color: #333;
            font-weight: 700;
        }

    .ventipay-badge {
        display: flex;
        align-items: center;
        height: 20px; /* Ajustamos la altura del contenedor del logo */
    }

        .ventipay-badge img {
            height: 22px; /* Tamaño similar al de la imagen de referencia */
            width: auto;
            display: block;
        }

    /* Ajuste para móviles: si es muy pequeño, permitimos que baje pero centrado */
    @media (max-width: 480px) {
        .ventipay-installment-container {
            white-space: normal; /* En móviles muy pequeños permitimos el salto */
            display: flex;
            justify-content: center;
            text-align: center;
        }
    }