@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap");
/*  Mixin para generar paddings */
/* Mapa con los tamaños y sus valores correspondientes */
.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-1 {
  padding-top: 0.25rem !important;
}

.padding-top-2 {
  padding-top: 0.5rem !important;
}

.padding-top-3 {
  padding-top: 1rem !important;
}

.padding-top-4 {
  padding-top: 2rem !important;
}

.padding-top-5 {
  padding-top: 4rem !important;
}

.padding-top-6 {
  padding-top: 8rem !important;
}

.padding-right-0 {
  padding-right: 0 !important;
}

.padding-right-1 {
  padding-right: 0.25rem !important;
}

.padding-right-2 {
  padding-right: 0.5rem !important;
}

.padding-right-3 {
  padding-right: 1rem !important;
}

.padding-right-4 {
  padding-right: 2rem !important;
}

.padding-right-5 {
  padding-right: 4rem !important;
}

.padding-right-6 {
  padding-right: 8rem !important;
}

.padding-bottom-0 {
  padding-bottom: 0 !important;
}

.padding-bottom-1 {
  padding-bottom: 0.25rem !important;
}

.padding-bottom-2 {
  padding-bottom: 0.5rem !important;
}

.padding-bottom-3 {
  padding-bottom: 1rem !important;
}

.padding-bottom-4 {
  padding-bottom: 2rem !important;
}

.padding-bottom-5 {
  padding-bottom: 4rem !important;
}

.padding-bottom-6 {
  padding-bottom: 8rem !important;
}

.padding-left-0 {
  padding-left: 0 !important;
}

.padding-left-1 {
  padding-left: 0.25rem !important;
}

.padding-left-2 {
  padding-left: 0.5rem !important;
}

.padding-left-3 {
  padding-left: 1rem !important;
}

.padding-left-4 {
  padding-left: 2rem !important;
}

.padding-left-5 {
  padding-left: 4rem !important;
}

.padding-left-6 {
  padding-left: 8rem !important;
}

/* Mixin para generar márgenes */
.margin-top-0 {
  margin-top: 0 !important;
}

.margin-top-1 {
  margin-top: 0.25rem !important;
}

.margin-top-2 {
  margin-top: 0.5rem !important;
}

.margin-top-3 {
  margin-top: 1rem !important;
}

.margin-top-4 {
  margin-top: 2rem !important;
}

.margin-top-5 {
  margin-top: 4rem !important;
}

.margin-top-6 {
  margin-top: 8rem !important;
}

.margin-top-7 {
  margin-top: 16rem !important;
}

.margin-right-0 {
  margin-right: 0 !important;
}

.margin-right-1 {
  margin-right: 0.25rem !important;
}

.margin-right-2 {
  margin-right: 0.5rem !important;
}

.margin-right-3 {
  margin-right: 1rem !important;
}

.margin-right-4 {
  margin-right: 2rem !important;
}

.margin-right-5 {
  margin-right: 4rem !important;
}

.margin-right-6 {
  margin-right: 8rem !important;
}

.margin-right-7 {
  margin-right: 16rem !important;
}

.margin-bottom-0 {
  margin-bottom: 0 !important;
}

.margin-bottom-1 {
  margin-bottom: 0.25rem !important;
}

.margin-bottom-2 {
  margin-bottom: 0.5rem !important;
}

.margin-bottom-3 {
  margin-bottom: 1rem !important;
}

.margin-bottom-4 {
  margin-bottom: 2rem !important;
}

.margin-bottom-5 {
  margin-bottom: 4rem !important;
}

.margin-bottom-6 {
  margin-bottom: 8rem !important;
}

.margin-bottom-7 {
  margin-bottom: 16rem !important;
}

.margin-left-0 {
  margin-left: 0 !important;
}

.margin-left-1 {
  margin-left: 0.25rem !important;
}

.margin-left-2 {
  margin-left: 0.5rem !important;
}

.margin-left-3 {
  margin-left: 1rem !important;
}

.margin-left-4 {
  margin-left: 2rem !important;
}

.margin-left-5 {
  margin-left: 4rem !important;
}

.margin-left-6 {
  margin-left: 8rem !important;
}

.margin-left-7 {
  margin-left: 16rem !important;
}

/*Mixin para generar bordes redondeados*/
.rounded-0 {
  border-radius: 0px !important;
}

.rounded-1 {
  border-radius: 1px !important;
}

.rounded-2 {
  border-radius: 2px !important;
}

.rounded-3 {
  border-radius: 3px !important;
}

.rounded-4 {
  border-radius: 4px !important;
}

.rounded-5 {
  border-radius: 5px !important;
}

.rounded-6 {
  border-radius: 6px !important;
}

.rounded-7 {
  border-radius: 7px !important;
}

.rounded-8 {
  border-radius: 8px !important;
}

.rounded-9 {
  border-radius: 9px !important;
}

.rounded-10 {
  border-radius: 10px !important;
}

.rounded-11 {
  border-radius: 11px !important;
}

.rounded-12 {
  border-radius: 12px !important;
}

/* Clases disponibles: */
/* .rounded-0 */
/* .rounded-1 */
/* .rounded-2 */
/* .rounded-12 */
/* Mixin para aplicar colores de texto */
.has-text-primary {
  color: #387981 !important;
}

.has-text-orange {
  color: #f08253 !important;
}

.has-text-green {
  color: #4CAF50 !important;
}

.has-text-yellow {
  color: #FFB300 !important;
}

.has-text-red {
  color: #EF5350 !important;
}

.has-text-white {
  color: #f6f6f6 !important;
}

.has-text-black {
  color: #2d343f !important;
}

.has-text-grey {
  color: #9e9e9e !important;
}

/* Clases disponibles: */
/* .text-primary */
/* .text-accent */
/* .text-success */
/* .text-warning */
/* .text-error */
/* .text-gray-neutral */
/* .text-text-dark */
/* Mixin para crear alturas */
.max-height-60 {
  max-height: 60vh !important;
  overflow-y: auto !important;
}

/* Tipografía */
.helper.text {
  margin-top: 0.2rem !important;
  margin-bottom: 0.75rem !important;
  padding-top: 0 !important;
  font-size: 0.7rem !important;
  font-weight: 500 !important;
  color: #9e9e9e !important;
}

/* Clases pra manejar alineaciones de texto */
.has-text-left {
  text-align: left !important;
}

.has-text-center {
  text-align: center !important;
}

.has-text-right {
  text-align: right !important;
}

.has-text-justify {
  text-align: justify !important;
}

.gradient {
  background: linear-gradient(90deg, #f08253, #EF5350);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Utilidades de flex */
.is-flex {
  display: flex !important;
}

.is-flex-grow-1 {
  flex-grow: 1 !important;
}

.main.menu {
  background: #4a90e2;
  border-radius: 0 !important;
  border: none !important;
  z-index: 1000 !important;
}

.action-bar.menu {
  position: fixed;
  background-color: white !important;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  border-radius: 0 !important;
  animation: entrada 0.5s ease-out forwards;
}
.action-bar.menu i {
  color: #2d343f !important;
}

/* Animación para el action-bar */
@keyframes entrada {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
input {
  border-radius: 8px !important;
}

.instrumental.card {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.03), 0 2px 4px rgba(0, 0, 0, 0.06) !important;
  border-radius: 12px !important;
  animation: entrada_card 0.5s ease-out forwards;
}

/* Animaciones */
@keyframes entrada_card {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*Colores de acuerdo a razón social*/
.prover.card {
  background-color: #fce8e0 !important;
}

.neurospine.card {
  background-color: #87c3cb !important;
}

.label {
  border-radius: 8px !important;
}

.red.label {
  background-color: #EF5350 !important;
  color: #f6f6f6 !important;
}

.info.label {
  background-color: #4a90e2 !important;
  color: #f6f6f6 !important;
}

table {
  overflow: hidden !important;
}

tr.header {
  background-color: #f6f6f6 !important;
}
tr.header td, tr.header th {
  color: #2d343f !important;
  font-weight: 700 !important;
}

tr.white {
  background-color: #fefefe !important;
}
tr.white td, tr.white th {
  color: #2d343f !important;
  font-weight: 400 !important;
}
tr.white td.bold, tr.white th.bold {
  font-weight: 700 !important;
}

.grayed.image {
  opacity: 0.5 !important;
}

.button {
  border: none !important;
  border-radius: 8px !important;
}

button.no-rounded {
  border-radius: 0 !important;
}

.button.rounded.left {
  border-radius: 8px 0 0 8px !important;
}

.button.rounded.right {
  border-radius: 0 8px 8px 0 !important;
}

.ui.light.button {
  background-color: #fefefe !important;
  color: white !important;
}
.ui.light.button:hover {
  background-color: #e5e5e5 !important;
  color: white !important;
}

.ui.dark.button {
  background-color: #2d343f !important;
  color: white !important;
}
.ui.dark.button:hover {
  background-color: #181b21 !important;
  color: white !important;
}

.ui.primary.button {
  background-color: #387981 !important;
  color: white !important;
}
.ui.primary.button:hover {
  background-color: #29585d !important;
  color: white !important;
}

.ui.secondary.button {
  background-color: #4a90e2 !important;
  color: white !important;
}
.ui.secondary.button:hover {
  background-color: #2275d7 !important;
  color: white !important;
}

.ui.purple.button {
  background-color: #9c27b0 !important;
  color: white !important;
}
.ui.purple.button:hover {
  background-color: #771e86 !important;
  color: white !important;
}

.ui.warning.button {
  background-color: #FFB300 !important;
  color: white !important;
}
.ui.warning.button:hover {
  background-color: #cc8f00 !important;
  color: white !important;
}

.ui.error.button {
  background-color: #EF5350 !important;
  color: white !important;
}
.ui.error.button:hover {
  background-color: #eb2521 !important;
  color: white !important;
}

.ui.danger.button {
  background-color: #EF5350 !important;
  color: white !important;
}
.ui.danger.button:hover {
  background-color: #eb2521 !important;
  color: white !important;
}

.ui.info.button {
  background-color: #4a90e2 !important;
  color: white !important;
}
.ui.info.button:hover {
  background-color: #2275d7 !important;
  color: white !important;
}

.ui.grey.button {
  background-color: #9e9e9e !important;
  color: white !important;
}
.ui.grey.button:hover {
  background-color: #858585 !important;
  color: white !important;
}

.ui.gray-neutral.button {
  background-color: #f6f6f6 !important;
  color: white !important;
}
.ui.gray-neutral.button:hover {
  background-color: #dddddd !important;
  color: white !important;
}

.ui.success.button {
  background-color: #4CAF50 !important;
  color: white !important;
}
.ui.success.button:hover {
  background-color: #3d8b40 !important;
  color: white !important;
}

/* Bentos */
.bento.segment {
  border-radius: 8px !important;
}

.bento.segment.full {
  max-height: 60vh !important;
}

.ui.calendar table {
  border-radius: 8px !important;
}
.ui.calendar table td {
  transition: 0.2s all ease-in;
  position: relative !important;
}
.ui.calendar table td:hover {
  background-color: #4a90e2 !important;
  color: #fefefe !important;
}
.ui.calendar table td.today {
  font-weight: 900 !important;
}
.ui.calendar table td.active:not(.today) {
  background-color: #76abe9 !important;
}

#cont {
  position: sticky !important;
  top: 35px !important;
  padding-bottom: 20px !important;
  padding-top: 0px !important;
  background-color: #fefefe !important;
  z-index: 999 !important;
}

.progress, .bar {
  border-radius: 0 !important;
}

/* Animaciones */
@keyframes fadeInFromTop {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in-top {
  animation: fadeInFromTop 0.5s ease-in-out forwards;
}

@keyframes slide-from-bottom {
  0% {
    transform: translateY(500px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
dialog {
  position: fixed !important;
  margin: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: 90vh !important;
  inset: auto 0 0 0; /* Sobrescribe cualquier centrado vertical */
  animation: slide-from-bottom 0.2s;
  z-index: 2000 !important;
  border: none;
  max-width: unset !important;
}

dialog::backdrop {
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

dialog > .content {
  max-height: 80vh !important;
  overflow-y: scroll;
}

dialog > .content.half {
  height: 30vh !important;
}

dialog > .content.full {
  height: 65vh !important;
}

.full.form {
  max-height: 36vh !important;
  overflow-y: auto !important;
}

/* Animaciones */
@keyframes fadeInFromTop {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in-top {
  animation: fadeInFromTop 0.5s ease-in-out forwards;
}

@keyframes slide-from-bottom {
  0% {
    transform: translateY(500px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/* Estilos globales */
*:not(i, h1, h2, h3, h4, h5, h6, .header) {
  font-family: "Roboto Flex" !important;
  font-weight: 400 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.header {
  font-family: "Roboto Flex" !important;
  font-weight: 600 !important;
}

/* Loader visible solo cuando se carga */
#loader {
  opacity: 0;
  pointer-events: none;
  transition: opacity 250ms ease-in-out;
  z-index: 9999 !important;
}

body {
  padding-top: 35px !important;
}

body.htmx-request #loader {
  opacity: 1;
  pointer-events: auto;
  z-index: 98712378921789130000000 !important;
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  z-index: 9990;
  pointer-events: none;
  opacity: 0;
  transition: opacity 250ms ease-in-out;
}

body.ocultar-before::before {
  z-index: -1 !important;
  display: none !important;
}

/* Activar fondo durante carga */
body.htmx-request::before {
  opacity: 1;
  z-index: 999999999 !important;
}

.on-top {
  z-index: 1000000000000000000000 !important;
}

.dimmed {
  z-index: 1 !important;
}

.wb {
  overflow-wrap: break-word !important;
}/*# sourceMappingURL=main.css.map */