html, body {
    font-size: 18px !important;
}
@media (max-width: 768px) {

    /* Texto geral */
    html, body {
        font-size: 18px !important;
        -webkit-text-size-adjust: 100%;
    }

    /* Labels */
    .fi-fo-field-wrp-label,
    .fi-fo-field-wrp-label span {
        font-size: 1rem !important;
        font-weight: 500;
    }

    /* Inputs */
    .fi-input,
    .fi-select-input,
    .fi-textarea {
        font-size: 1rem !important;
        padding: 0.75rem 0.9rem !important;
    }

    /* Repeater cards */
    .fi-fo-repeater-item {
        padding: 1rem !important;
        margin-bottom: 1rem;
    }

    /* Botões */
    .fi-btn {
        font-size: 1rem !important;
        padding: 0.75rem 1rem !important;
    }

    /* Placeholders / resumo */
    .fi-fo-placeholder {
        font-size: 1.1rem !important;
    }

    .fi-btn {
        width: 100% !important;
        justify-content: center;
        padding: 0.9rem 1rem;
        font-size: 1rem;
    }

    /* Grupo de ações do formulário */
    .fi-form-actions {
        flex-direction: column;
        gap: 0.75rem;
    }

    /* Botões dentro de Repeaters (Adicionar, Remover, Reordenar) */
    .fi-repeater-item-header .fi-btn,
    .fi-repeater-actions .fi-btn {
        width: 100% !important;
    }

    /* Botões dentro de Modals */
    .fi-modal-footer .fi-btn {
        width: 100%;
    }

    /* Evita botões pequenos tipo ícone */
    .fi-icon-btn {
        min-height: 3rem;
        min-width: 3rem;
    }
}