/*html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
.logo {
    width: 150px;*/ /* O ajusta a tu gusto: 100px, 200px */
    /*height: auto;*/ /* Mantiene proporci�n */
    /*max-height: 60px;*/ /* Para limitar altura si est� en una navbar */
/*}*/
/* tooltip general */
/*.tooltip .tooltip-inner {
    background-color: #1e90ff;*/ /* Fondo azul */
    /*color: #fff;*/ /* Texto blanco */
    /*font-size: 0.9rem;*/ /* Tama�o de texto */
    /*padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;*/ /* Bordes redondeados */
    /*box-shadow: 0 0.2rem 0.5rem rgba(0,0,0,0.2);
}*/

/* flecha del tooltip */
/*.tooltip .tooltip-arrow::before {
    border-top-color: #1e90ff;*/ /* Debe coincidir con el fondo */
/*}*/
/*.logo {
    max-height: 60px !important;
}*/
.app-hero-header {
    padding: 0.25rem;
}
.app-header {
    padding: 0.5rem 0.75rem !important;
}
.app-body {
    padding: 0rem 0.75rem !important;
}
.breadcrumb .breadcrumb-item i {
    font-size: 1.0rem !important;
    margin-right: 0.25rem !important;
    width: 30px !important;
    height: 30px !important;
}
body.swal2-toast-shown .swal2-container {
    width: 700px !important;
    max-width: 100% !important; /* por si SweetAlert limita */
}
/*LOADER*/
.loader { 
  font-size: 20px;
  margin: 100px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: load4 1.3s infinite linear;
  transform: translateZ(0);
  overflow: hidden; /* bloquea los puntos */
}

/* Colores base: se aplican usando currentColor en cada frame */
.loader {
  --c1: #FF5F6D;
  --c2: #FFC371;
  --c3: #FFD700;
  --c4: #9AFF6D;
  --c5: #32CD32;
  --c6: #00CED1;
  --c7: #0066FF;
  --c8: #8A2BE2;
}

@keyframes load4 {
  0%,100% {
    box-shadow:
      0   -3em 0 0.2em var(--c1),
      2em -2em 0 0em   var(--c2),
      3em  0em 0 -1em  var(--c3),
      2em  2em 0 -1em  var(--c4),
      0    3em 0 -1em  var(--c5),
      -2em 2em 0 -1em  var(--c6),
      -3em 0em 0 -1em  var(--c7),
      -2em -2em 0 0    var(--c8);
  }

  12.5% {
    box-shadow:
      0   -3em 0 0     var(--c8),
      2em -2em 0 0.2em var(--c1),
      3em  0em 0 0     var(--c2),
      2em  2em 0 -1em  var(--c3),
      0    3em 0 -1em  var(--c4),
      -2em 2em 0 -1em  var(--c5),
      -3em 0em 0 -1em  var(--c6),
      -2em -2em 0 -1em var(--c7);
  }

  25% {
    box-shadow:
      0   -3em 0 -0.5em var(--c7),
      2em -2em 0 0     var(--c8),
      3em  0em 0 0.2em var(--c1),
      2em  2em 0 0     var(--c2),
      0    3em 0 -1em  var(--c3),
      -2em 2em 0 -1em  var(--c4),
      -3em 0em 0 -1em  var(--c5),
      -2em -2em 0 -1em var(--c6);
  }

  37.5% {
    box-shadow:
      0   -3em 0 -1em  var(--c6),
      2em -2em 0 -1em  var(--c7),
      3em  0em 0 0     var(--c8),
      2em  2em 0 0.2em var(--c1),
      0    3em 0 0     var(--c2),
      -2em 2em 0 -1em  var(--c3),
      -3em 0em 0 -1em  var(--c4),
      -2em -2em 0 -1em var(--c5);
  }

  50% {
    box-shadow:
      0   -3em 0 -1em  var(--c5),
      2em -2em 0 -1em  var(--c6),
      3em  0em 0 -1em  var(--c7),
      2em  2em 0 0     var(--c8),
      0    3em 0 0.2em var(--c1),
      -2em 2em 0 0     var(--c2),
      -3em 0em 0 -1em  var(--c3),
      -2em -2em 0 -1em var(--c4);
  }

  62.5% {
    box-shadow:
      0   -3em 0 -1em  var(--c4),
      2em -2em 0 -1em  var(--c5),
      3em  0em 0 -1em  var(--c6),
      2em  2em 0 -1em  var(--c7),
      0    3em 0 0     var(--c8),
      -2em 2em 0 0.2em var(--c1),
      -3em 0em 0 0     var(--c2),
      -2em -2em 0 -1em var(--c3);
  }

  75% {
    box-shadow:
      0   -3em 0 -1em  var(--c3),
      2em -2em 0 -1em  var(--c4),
      3em  0em 0 -1em  var(--c5),
      2em  2em 0 -1em  var(--c6),
      0    3em 0 -1em  var(--c7),
      -2em 2em 0 0     var(--c8),
      -3em 0em 0 0.2em var(--c1),
      -2em -2em 0 0    var(--c2);
  }

  87.5% {
    box-shadow:
      0   -3em 0 0     var(--c2),
      2em -2em 0 -1em  var(--c3),
      3em  0em 0 -1em  var(--c4),
      2em  2em 0 -1em  var(--c5),
      0    3em 0 -1em  var(--c6),
      -2em 2em 0 -1em  var(--c7),
      -3em 0em 0 0     var(--c8),
      -2em -2em 0 0.2em var(--c1);
  }
}