@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

:root {
    --verde: #1ba333;
    --amarillo: #ffcc00;
    --azul: #203b76;
    --verdeOscuro: #135423;
    --verdeClaro: #d3eed7;
    --cafe: #5b3700;
    --azulClaro: #0094e9;
    --blanco: #fff;
    --grisClaro: #e6e6e6;
    --gris6: #666;
    --gris9: #999;
    --rojo: #e30d0d;
    --rojoClaro: #f55050;
    --colorTexto: #303030;
  }
/*Hubo un hubo por que trajo un trajo*/
  body {
    font-family: "Montserrat" !important;
  }

  h1, h2, h3, h4, h5, h6, p, div, li, span {
    color: var(--colorTexto) !important;
  }

  .border-primary{
    border-color: var(--verde) !important;
  }

  .bg-primary, .bg-dark{
    background-color: var(--verdeOscuro) !important;
    color: var(--blanco) !important;
  }

  .bg-azul{
    background-color: var(--azul) !important;
    color: var(--blanco) !important;
  }

  .nav-link::before{
    background-color: var(--verde) !important;
  }

  .sidebar .sidebar-body .nav .nav-item.active .nav-link .link-icon{
    color: var(--verdeOscuro) !important;
  }

  .sidebar .sidebar-body .nav .nav-item:hover .nav-link .link-icon {
    color: var(--verde) !important;
    fill: rgba(27, 163, 51, 0.15) !important;
  }

  /* Sub-menú: color normal y activo sin morado */
  .sidebar .sub-menu .nav-item .nav-link {
    color: var(--gris6) !important;
  }
  .sidebar .sub-menu .nav-item .nav-link:hover,
  .sidebar .sub-menu .nav-item .nav-link.active {
    color: var(--verdeOscuro) !important;
  }

  a.nav-link:hover{
    color: var(--verde) !important;
  }

  span svg{
    color: var(--verde) !important;
  }

  div.sidebar-header{
    background-color: var(--verdeOscuro) !important;
  }

  div.sidebar-body{
    background-color: var(--verdeClaro) !important;
  }
  
  .sidebar-brand, .txt-blanco, div.sidebar-toggler span{
    color: var(--blanco) !important;
  }

  
  .text-verdeOscuro{
    color: var(--verdeOscuro) !important;
  }

  .text-verdeClaro{
    color: var(--verdeClaro) !important;
  }

  /* Botones */

  .list-group-item-primary {
    background-color: var(--amarillo) !important;
    border: 1 !important;
  }

  .btn-primary {
    background-color: var(--verde) !important;
    border: none !important;
  }

  .btn-primary:hover {
    background-color: var(--verdeOscuro) !important;
    border: none !important;
  }

  .btn-danger {
    background-color: var(--rojo) !important;
    border: none !important;
  }

  .btn-danger:hover {
    background-color: var(--rojoClaro) !important;
    border: none !important;
  }

  .btn-outline-primary{
    color: var(--verdeOscuro) !important;
    border-color: var(--verde) !important;
  }

  .btn-outline-primary:hover{
    color: var(--blanco) !important;
    border-color: var(--verdeOscuro) !important;
    background-color: var(--verdeOscuro) !important;
  }

  .bg-danger{
    background-color: var(--rojo) !important;
    border: none !important;
  }

  .text-amarillo{
    color: var(--amarillo) !important;
  }

  .bg-verdeClaro{
    background-color: var(--verdeClaro) !important;
    border: none !important;
  }

    .bg-grisClaro{
    background-color: var(--grisClaro) !important;
    border: none !important;
  }

  .bg-amarillo{
    background-color: var(--amarillo) !important;
    border: none !important;
  }


  /* Fin Botones */

 .dataTables_paginate span .paginate_button.current,
.dataTables_paginate span .paginate_button.current:hover,
.page-item.active .page-link {
    background-color: var(--amarillo) !important;
    border-color: var(--amarillo) !important;
    color: var(--blanco) !important;
}

.btn-warning {
    background-color: var(--amarillo) !important;
    border: none !important;
    color: var(--colorTexto) !important;
}

.btn-warning:hover {
    background-color: var(--cafe) !important;
    border: none !important;
    color: var(--blanco) !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
    color: var(--azul) !important;
}

/*SWEET ALERT*/
/* ── SWEETALERT2 - Colores institucionales ── */
.swal2-confirm {
    background-color: var(--verdeOscuro) !important;
    border-color: var(--verdeOscuro) !important;
}
.swal2-confirm:hover {
    background-color: var(--verde) !important;
    border-color: var(--verde) !important;
}
.swal2-cancel {
    background-color: var(--gris6) !important;
    border-color: var(--gris6) !important;
}
.swal2-deny {
    background-color: var(--rojo) !important;
    border-color: var(--rojo) !important;
}
.swal2-timer-progress-bar {
    background-color: var(--verde) !important;
}
.swal2-icon.swal2-success .swal2-success-ring {
    border-color: var(--verde) !important;
}
.swal2-icon.swal2-success [class^='swal2-success-line'] {
    background-color: var(--verde) !important;
}

/*SWEET ALERT*/
/* ── SWEETALERT2 - Colores institucionales ── */
/*TERMINA*/


/* Accordion - colores institucionales */
.accordion-button {
    color: var(--verde) !important;
    font-weight: 600;
}

.accordion-button:not(.collapsed) {
    color: var(--verde) !important;
    background-color: var(--verdeClaro) !important;
    box-shadow: inset 0 -1px 0 rgba(19, 84, 35, 0.15) !important;
}

.accordion-button:focus {
    box-shadow: 0 0 0 0.2rem rgba(19, 84, 35, 0.2) !important;
    border-color: var(--verde) !important;
}

.accordion-button::after {
    filter: hue-rotate(200deg) saturate(2) brightness(0.4);
}