diff --git a/src/Components/Reportes/RptArcosa.tsx b/src/Components/Reportes/RptArcosa.tsx
new file mode 100644
index 0000000..913f568
--- /dev/null
+++ b/src/Components/Reportes/RptArcosa.tsx
@@ -0,0 +1,401 @@
+import React, { FC, useEffect, useState } from 'react'
+// Bootstrap components
+import { Button, Card, Form } from 'react-bootstrap'
+import { BsSearch, BsFileEarmarkExcel } from 'react-icons/bs'
+// Interfaces
+import IClientes from '../../Interfaces/Catalogos/IClientes'
+import IArchivoElectronico from '../../Interfaces/IArchivoElectronico'
+// DTOs
+import DTOReporte from '../../DTO/DTOReporte'
+// Services
+import reportsDataService from '../../Services/Reportes/reportes.services'
+import ClientesDataService from '../../Services/Catalogos/Clientes.Services'
+
+import { useDispatch } from 'react-redux'
+import { setArchivoElectronico } from '../../store/features/Reportes/ArchivoElectronico'
+// GUI components
+import { MsgInformativo } from '../Utils/Toast/msgInformativo'
+import { AgGridReact } from 'ag-grid-react'
+import { RowClickedEvent } from 'ag-grid-community'
+import { TargetURL } from '../../Constants/TargetURL'
+//Other
+import moment from 'moment'
+import * as XLSX from 'xlsx'
+import IRptArcosa from '../../Interfaces/Reportes/IRptArcosa'
+interface IProps {}
+
+const RptArcosa: FC<IProps> = (props) => {
+  const [UserId, setUserId] = useState(() => {
+    const stickyValue = window.localStorage.getItem('UserId')
+    return stickyValue !== null ? JSON.parse(stickyValue) : 0
+  })
+  const [Data, setData] = useState<Array<IRptArcosa>>([])
+  const [filteredData, setFilteredData] = useState<Array<IRptArcosa>>([])
+  const [Inicio, setInicio] = useState(currentDate())
+  const [Fin, setFin] = useState(currentDate())
+  const [TipoOperacion, setTipoOperacion] = useState(1)
+  const [Cliente, setCliente] = useState(0)
+  const [Clientes, setClientes] = useState<Array<IClientes>>()
+  const [msgColor, setMsgColor] = React.useState('primary')
+  const [show, setShowMsg] = useState(false)
+  const [header, setHeader] = useState('')
+  const [msg, setMsg] = useState('')
+  const [filtro, setFiltro] = useState('')
+  const gridRef = React.useRef<any>(null)
+  const [columnaVerPDF, setcolumnaVerPDF] = useState(false)
+  const dispatch = useDispatch()
+  const [columnDefs] = useState([
+    {
+      field: 'patente',
+      headerName: 'Patente',
+      sortable: true,
+      filter: true,
+      width: 150
+    },
+    {
+      field: 'pedimento',
+      headerName: 'Pedimento',
+      sortable: true,
+      filter: true,
+      width: 150
+    },
+    {
+      field: 'pagoPedimento',
+      headerName: 'PagoPedimento',
+      sortable: true,
+      filter: true,
+      width: 200
+    },
+    {
+      field: 'regimen',
+      headerName: 'Regimen',
+      sortable: true,
+      filter: true,
+      width: 150
+    },
+    {
+      field: 'valorDls',
+      headerName: 'ValorDls',
+      sortable: true,
+      filter: true,
+      width: 150
+    },
+
+    {
+      field: 'valorAduana',
+      headerName: 'ValorAduana',
+      sortable: true,
+      filter: true,
+      width: 150
+    },
+    {
+      field: 'aduana',
+      headerName: 'Aduana',
+      sortable: true,
+      filter: true,
+      width: 150
+    },
+    {
+      field: 'planta',
+      headerName: 'Planta',
+      sortable: true,
+      filter: true,
+      width: 150
+    },
+    {
+      field: 'dta',
+      headerName: 'DTA',
+      sortable: true,
+      filter: true,
+      width: 150
+    },
+    {
+      field: 'prev',
+      headerName: 'PREV',
+      sortable: true,
+      filter: true,
+      width: 150
+    },
+
+    {
+      field: 'iva',
+      headerName: 'IVA',
+      sortable: true,
+      filter: true,
+      width: 150
+    },
+    {
+      field: 'ivaprev',
+      headerName: 'IVAPREV',
+      sortable: true,
+      filter: true,
+      width: 150
+    },
+    {
+      field: 'igi',
+      headerName: 'IGI',
+      sortable: true,
+      filter: true,
+      width: 150
+    },
+    {
+      field: 'cc',
+      headerName: 'CC',
+      sortable: true,
+      filter: true,
+      width: 150
+    },
+    {
+      field: 'total',
+      headerName: 'Total',
+      sortable: true,
+      filter: true,
+      width: 150
+    }
+  ])
+
+  function currentDate(): string {
+    var today = new Date()
+    var dd = String(today.getDate()).padStart(2, '0')
+    var mm = String(today.getMonth() + 1).padStart(2, '0') //January is 0!
+    var yyyy = today.getFullYear()
+    return yyyy + '-' + mm + '-' + dd
+  }
+
+  const closeToast = (show: boolean): void => {
+    setShowMsg(false)
+  }
+
+  const generaReporte = () => {
+    if (Cliente === 0) {
+      setHeader('Error')
+      setMsg('Seleccion el cliente')
+      setShowMsg(true)
+      return
+    }
+    const data: DTOReporte = {
+      Inicio: moment(Inicio).format('YYYY-MM-DD'),
+      Fin: moment(Fin).format('YYYY-MM-DD'),
+      TipoOperacion: TipoOperacion,
+      NoCliente: Cliente,
+      IdUsuario: UserId
+    }
+    reportsDataService
+      .getRptArcosa(data)
+      .then((response) => {
+        setData(response.data)
+        setFilteredData(response.data)
+        setHeader('Informativo')
+        setMsg('Se encontro la siguiente informacion...')
+        setShowMsg(true)
+      })
+      .catch((e: Error) => {
+        setHeader('Error')
+        setMsg('Ocurrio un error: ' + e)
+        setShowMsg(true)
+        return
+      })
+  }
+
+  useEffect(() => {
+    ClientesDataService.getAllClientes(parseInt(UserId))
+      .then((response) => {
+        setClientes(response.data)
+      })
+      .catch((e: Error) => {
+        setHeader('Error')
+        setMsg('Ocurrio un error: ' + e)
+        setShowMsg(true)
+        return
+      })
+  }, [])
+
+  const downloadExcel = () => {
+    exportExcel(Data, 'Reporte Mensual Arcosa')
+  }
+
+  function exportExcel(jsonData: any[], fileName: string): void {
+    let Heading = [
+      [
+        'Patente',
+        'Pedimento',
+        'PagoPedimento',
+        'Regimen',
+        'ValorDls',
+        'ValorAduana',
+        'Aduana',
+        'Planta',
+        'DTA',
+        'PREV',
+        'IVA',
+        'IVAPREV',
+        'IGI',
+        'CC',
+        'Total'
+      ]
+    ]
+
+    const wb = XLSX.utils.book_new()
+    const ws: XLSX.WorkSheet = XLSX.utils.json_to_sheet([])
+    XLSX.utils.sheet_add_aoa(ws, Heading)
+    XLSX.utils.sheet_add_json(ws, jsonData, { origin: 'A2', skipHeader: true })
+    XLSX.utils.book_append_sheet(wb, ws, 'Sheet1')
+    XLSX.writeFile(wb, fileName + '.xlsx')
+    var range = XLSX.utils.decode_range(ws['!ref?'])
+    for (var C = range.s.c; C <= range.e.c; ++C) {
+      var address = XLSX.utils.encode_col(C) + '1' // <-- first row, column number C
+      if (!ws[address]) continue
+      ws[address].v = ws[address].v.toUpperCase()
+    }
+  }
+
+  const filtraReporte = (e: any) => {
+    setFiltro(e.target.value)
+    gridRef.current.api.setQuickFilter(e.target.value)
+  }
+
+  async function getAE(e: any) {
+    if (e.column.colId === 'ver pedimento') {
+      setcolumnaVerPDF(true)
+    } else {
+      setcolumnaVerPDF(false)
+    }
+  }
+
+  const formatNumber = (number: string, digits: number) => {
+    number = parseFloat(number).toFixed(digits)
+    let value = Number(number).toLocaleString('en')
+    if (!value.indexOf('NaN')) return '0.00'
+    return value
+  }
+
+  return (
+    <div>
+      <Card>
+        <Card.Body>
+          <div className="row">
+            <div className="col-md-2">
+              <Form.Control
+                defaultValue={Inicio}
+                type="date"
+                name="Inicio"
+                placeholder="Inicio"
+                title="Inicio"
+                alt="Inicio"
+                data-date-format="YYYY-mm-dd"
+                onChange={(e) => setInicio(e.target.value)}
+                size="sm"
+              />
+            </div>
+            <div className="col-md-2">
+              <Form.Control
+                defaultValue={Fin}
+                type="date"
+                name="Fin"
+                placeholder="Fin"
+                title="Fin"
+                alt="Fin"
+                onChange={(e) => setFin(e.target.value)}
+                size="sm"
+              />
+            </div>
+            <div className="col-md-1 right-label">
+              <Form.Label size="sm">Tipo oper</Form.Label>
+            </div>
+            <div className="col-md-1">
+              <Form.Control
+                as="select"
+                onChange={(e) => setTipoOperacion(parseInt(e.target.value))}
+                className="form-select form-select-sm"
+              >
+                <option value="1">Importacion</option>
+                <option value="2">Exportacion</option>
+              </Form.Control>
+            </div>
+            <div className="col-md-1 right-label">
+              <Form.Label size="sm">Cliente</Form.Label>
+            </div>
+            <div className="col-md-4">
+              <Form.Control
+                as="select"
+                onChange={(e) => {
+                  setCliente(parseInt(e.target.value))
+                }}
+                className="form-select form-select-sm"
+              >
+                <option value="0">-SELECCIONE-</option>
+                {Clientes
+                  ? Clientes.map((c) => {
+                      return c.agrupado === 1 ? (
+                        <option value={c.sClave}>{c.sRazonSocial}</option>
+                      ) : (
+                        ''
+                      )
+                    })
+                  : null}
+              </Form.Control>
+            </div>
+            <div className="col-md-1 right-label">
+              <Button
+                variant="primary"
+                size="sm"
+                onClick={() => {
+                  generaReporte()
+                }}
+              >
+                <BsSearch />
+                &nbsp;Buscar
+              </Button>
+            </div>
+          </div>
+          <div className="row" style={{ paddingTop: 5 }}>
+            <div className="col">&nbsp;</div>
+            <div className="col-4">
+              <Form.Control
+                type="text"
+                size="sm"
+                placeholder="Search..."
+                onChange={(e) => {
+                  filtraReporte(e)
+                }}
+              />
+            </div>
+            <div className="col">
+              <Button
+                size="sm"
+                variant="success"
+                onClick={() => {
+                  downloadExcel()
+                }}
+              >
+                <BsFileEarmarkExcel />
+                &nbsp;Excel
+              </Button>
+            </div>
+          </div>
+        </Card.Body>
+      </Card>
+      <br />
+      <div className="ag-theme-alpine" style={{ height: 500, width: '100%' }}>
+        <AgGridReact
+          rowData={filteredData}
+          columnDefs={columnDefs}
+          pagination={true}
+          paginationAutoPageSize={true}
+          ref={gridRef}
+          rowSelection={'multiple'}
+          rowMultiSelectWithClick={true}
+          onCellClicked={(e) => getAE(e)}
+        ></AgGridReact>
+      </div>
+      <MsgInformativo
+        show={show}
+        msg={msg}
+        header={header}
+        msgColor={msgColor}
+        closeToast={closeToast}
+      />
+    </div>
+  )
+}
+export default RptArcosa
diff --git a/src/Interfaces/Reportes/IRptArcosa.ts b/src/Interfaces/Reportes/IRptArcosa.ts
new file mode 100644
index 0000000..4e62a05
--- /dev/null
+++ b/src/Interfaces/Reportes/IRptArcosa.ts
@@ -0,0 +1,18 @@
+export default interface IRptArcosa{
+    Patente: string, 
+    Pedimento: string, 
+    PagoPedimento: string, 
+    Regimen: string, 
+    ValorDls: Number, 
+    ValorAduana: Number, 
+    Aduana: Number, 
+    Planta: string, 
+    DTA: string,
+    PREV : string 
+    IVA: string, 
+    IGI : string, 
+    CC: string, 
+    Total : number
+
+}
+
diff --git a/src/Services/Reportes/reportes.services.ts b/src/Services/Reportes/reportes.services.ts
index 70d4020..1d3e991 100644
--- a/src/Services/Reportes/reportes.services.ts
+++ b/src/Services/Reportes/reportes.services.ts
@@ -22,6 +22,7 @@ import { data } from 'cypress/types/jquery'
 import IRptMision from '../../Interfaces/Reportes/IRptOperacionesPagadasMisionFood'
 import IRptOperacionesPagadasMissionFood from '../../Interfaces/Reportes/IRptOperacionesPagadasMisionFood'
 import IRptFacturasPedimentosPagados from '../../Interfaces/Reportes/IRptFacturasPedimentosPagados'
+import IRptArcosa from '../../Interfaces/Reportes/IRptArcosa'
 class reportsDataService {
   getRptPedimentosPagados(data: DTOReporte) {
     return http.post<Array<IRptPedimentosPagados>>(
@@ -140,6 +141,11 @@ class reportsDataService {
   )
  }
   
+ getRptArcosa(data: DTOReporte){
+  return http.post<Array<IRptArcosa>>(
+    '/reportes/RptArcosa', data 
+  ); 
+ }
   
 
 }
diff --git a/src/index.tsx b/src/index.tsx
index 6c72c7e..40f0a68 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -68,6 +68,7 @@ import RptFacturasFraccion from './Components/Reportes/RptContsFacturasFraccion'
 import CatConceptosConsulta from './Components/Clientes/Amazon/Catalogos/CatConceptosConsulta'
 import RptOperacionesPagadasMisionFood from './Components/Reportes/RptOperacionesPagadasMisionFood'
 import RptFacturasPedimentosPagados from './Components/Reportes/RptFacturasPedimentosPagados'
+import RptArcosa from './Components/Reportes/RptArcosa'
 
 require(`./css/${process.env.REACT_APP_ENVIRONMENT}-home.css`)
 
@@ -263,6 +264,7 @@ ReactDOM.render(
               path="/RptFacturasPedimentosPagados"
               element={<RptFacturasPedimentosPagados />}
             />
+            <Route path="/RptArcosa" element={<RptArcosa />} />
 
             <Route path="*" element={<PageNotFound />} />
           </Route>