/* ─── Mobile: form controls ───────────────────────────────────────────────────
   Garantiza font-size mínimo de 16px en móvil para evitar auto-zoom en iOS/Android
   y aumenta la altura de los controles para mejor área de toque.
────────────────────────────────────────────────────────────────────────────── */
@media (max-width: 767.98px) {

    /* Inputs, selects y textareas nativos */
    .form-control,
    .form-control-sm,
    select.form-control,
    input.form-control,
    textarea.form-control {
        font-size: 1rem !important;
        height: auto !important;
        min-height: 44px;
        padding: .5rem .75rem;
    }

    /* Select2 — contenedor */
    .select2-container .select2-selection--single {
        height: 44px !important;
        padding: 0 !important;
        border: 1px solid #ced4da !important;
        border-radius: .25rem !important;
    }

    /* Select2 — texto visible */
    .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 1rem !important;
        line-height: 44px !important;
        padding-left: .75rem !important;
        padding-right: 2rem !important;
    }

    /* Select2 — flecha */
    .select2-container .select2-selection--single .select2-selection__arrow {
        height: 44px !important;
    }

    /* Select2 — placeholder */
    .select2-container .select2-selection--single .select2-selection__placeholder {
        font-size: 1rem !important;
        line-height: 44px !important;
    }

    /* Select2 — campo de búsqueda en el dropdown */
    .select2-dropdown .select2-search__field {
        font-size: 1rem !important;
        padding: .5rem .75rem !important;
        min-height: 44px !important;
    }

    /* Select2 — opciones del dropdown */
    .select2-results__option {
        font-size: 1rem !important;
        padding: .5rem .75rem !important;
    }

    /* Modales: ocupar más ancho en móvil */
    .modal-dialog {
        margin: .5rem;
    }

    .modal-dialog.modal-lg,
    .modal-dialog.modal-xl {
        max-width: calc(100vw - 1rem);
    }

    /* Botones: altura mínima de toque */
    .btn {
        min-height: 40px;
        font-size: .95rem;
    }

    .btn-sm {
        min-height: 36px;
        font-size: .85rem;
    }

    /* Tabla responsive: texto un poco más grande */
    .table td,
    .table th {
        font-size: .85rem;
    }
}