/* mobile_width_fix.css - Corrección de ancho en móvil para formularios */

/* Ajustes para formularios en dispositivos móviles */
@media (max-width: 768px) {
    .form-control {
        font-size: 16px !important; /* Evita zoom en iOS */
        padding: 12px 15px !important;
    }
    
    .input-group .form-control {
        border-radius: 0.375rem 0 0 0.375rem !important;
    }
    
    .input-group .btn {
        border-radius: 0 0.375rem 0.375rem 0 !important;
    }
    
    /* Ajustes para campos de fecha */
    input[type="date"] {
        min-height: 48px !important;
    }
    
    /* Ajustes para campos numéricos */
    input[type="number"] {
        min-height: 48px !important;
    }
    
    /* Ajustes para selects */
    select.form-control {
        min-height: 48px !important;
        padding: 12px 15px !important;
    }
    
    /* Ajustes para botones */
    .btn {
        min-height: 48px !important;
        padding: 12px 20px !important;
        font-size: 16px !important;
    }
    
    /* Ajustes para modales en móvil */
    .modal-dialog {
        margin: 10px !important;
        max-width: calc(100% - 20px) !important;
    }
    
    .modal-content {
        border-radius: 10px !important;
    }
    
    /* Ajustes para tablas responsivas */
    .table-responsive {
        border: none !important;
    }
    
    .table td, .table th {
        padding: 8px 4px !important;
        font-size: 14px !important;
    }
}