/* Bordes y estilo general de la tabla */
.p-datatable table {
    border-collapse: collapse;
    width: 100%;
    font-family: Arial, sans-serif;
    font-size: 14px;
  }
  
  /* Bordes de las celdas */
  .p-datatable table td,
  .p-datatable table th {
    border: 1px solid #ddd; /* Bordes suaves */
    padding: 8px;
    text-align: left;
  }
  
  /* Encabezado de la tabla */
  .p-datatable table thead th {
    background-color: #f4f4f4; /* Fondo gris claro */
    color: #333; /* Texto oscuro */
    font-weight: bold;
    text-transform: uppercase;
  }
  
  /* Alternancia de filas */
  .p-datatable table tbody tr:nth-child(even) {
    background-color: #f9f9f9; /* Fondo gris claro */
  }
  
  .p-datatable table tbody tr:nth-child(odd) {
    background-color: #fff; /* Fondo blanco */
  }
  
  /* Hover en las filas */
  .p-datatable table tbody tr:hover {
    background-color: #eaeaea; /* Fondo más oscuro al pasar el ratón */
    cursor: pointer; /* Cambia el cursor */
  }
  
  /* Búsqueda global e input */
  .p-input-icon-left .p-inputtext {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 8px 10px;
  }
  
 
  
  /* Icono de búsqueda */
  .p-input-icon-left i {
    color: #999;
    margin-right: 8px;
  }
  
  /* Paginación */
  .p-paginator {
    background-color: #f9f9f9;
    border-top: 1px solid #ddd;
    padding: 10px;
  }
  
  .p-paginator .p-paginator-pages .p-paginator-page {
    color: #007bff;
    border: none;
    background: transparent;
    font-weight: bold;
  }
  
  .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background-color: #007bff;
    color: #fff;
    border-radius: 4px;
  }
  
  /* Mensaje vacío */
  .p-datatable .p-datatable-empty-message {
    color: #999;
    font-style: italic;
    text-align: center;
  }
  
  .loading {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    font-size: 1.5rem;
    color: #555;
  }