

:root {
    --primary-color: #0088cc;        /* Azul principal SISS */
    --primary-light: #bcdaef;        /* Azul claro para fondos */
    --text-color: #0a2847;           /* Color texto principal */
    --secondary-text: #6c757d;       /* Texto secundario */
    --border-color: #dee2e6;         /* Color bordes */
    --background-color: #f8f9fa;     /* Fondo gris claro */
  }

  /* Estilos globales */
  html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; */
    /* font-family: "Museo Sans 300", "Museo Sans 700" !important; */
    font-family: "Museo Sans", sans-serif !important;
    font-weight: 300; /* o 700 según necesites */
    font-size: 14px;
    color: var(--text-color);
  }

  body {
    background-color: var(--background-color);
  }

  /* Clases de utilidad */
  .mb-1 { margin-bottom: 0.25rem !important; }
  .mb-2 { margin-bottom: 0.5rem !important; }
  .mb-3 { margin-bottom: 1rem !important; }
  .mb-4 { margin-bottom: 1.5rem !important; }
  .mt-1 { margin-top: 0.25rem !important; }
  .mt-2 { margin-top: 0.5rem !important; }
  .mt-3 { margin-top: 1rem !important; }
  .mt-4 { margin-top: 1.5rem !important; }

  /* Personalizaciones globales de PrimeNG */
 /*  .p-component {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  } */

  .p-button.p-button-text {
    &:focus {
      box-shadow: none;
    }
  }

  .tituloTabla {
    color: #002147 !important;
  }

  .tablaAzul{
    background-color: #008BC6 !important;
    color: white !important;
  }

  #azul .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(odd) {
    --p-datatable-row-striped-background: #EAF3FB;
    background: var(--p-datatable-row-striped-background);
  }

  #azul .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
    --p-datatable-row-striped-background: #BCDAEF;
    background: var(--p-datatable-row-striped-background);
  }

  .tablaVerde{
    background-color: #008BC6 !important;
    color: white !important;
  }

  #verde .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(odd) {
    --p-datatable-row-striped-background: #F5F9F5;
    background: var(--p-datatable-row-striped-background);
  }

  #verde .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
    --p-datatable-row-striped-background: #D0E1CD;
    background: var(--p-datatable-row-striped-background);
  }

  .tablaPloma {
    background-color: #706f6f !important;
    color: white !important;
  }

  #ploma .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(odd) {
    --p-datatable-row-striped-background: #E7E7E7;
    background: var(--p-datatable-row-striped-background);
  }

  #ploma .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
    --p-datatable-row-striped-background: #CBCBCB;
    background: var(--p-datatable-row-striped-background);
  }

  .tablaVerde {
    background-color: #706f6f !important;
    color: white !important;
  }

  #azul .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(odd) > td.bg-verde {
    --p-datatable-row-striped-background: #F5F9F5;
    background: var(--p-datatable-row-striped-background);
  }

  #azul .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) > td.bg-verde {
    --p-datatable-row-striped-background: #D0E1CD;
    background: var(--p-datatable-row-striped-background);
  }

  .tablaAzulFuerte{
    background-color: #156082 !important;
    color: white !important;
  }

  #azul .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(odd) > td.bg-azulFuerte {
    --p-datatable-row-striped-background: #DCEAF7;
    background: var(--p-datatable-row-striped-background);
  }

  #azul .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) > td.bg-azulFuerte {
    --p-datatable-row-striped-background: #A6CAEC;
    background: var(--p-datatable-row-striped-background);
  }

  /* Para redondear esquinas de tablas */
  .p-datatable-table-container{
    border-radius: var(--p-content-border-radius) !important;
  }

  .selectTabla{
    width: 228px !important;
  }
