:root {
  --kt-app-sidebar-width: 180px;
  --kt-app-sidebar-width-actual: 180px;
  --bs-app-header-height: 80px;

  --bs-primary: #6fccb9;
  --bs-primary-rgb: 111, 204, 185;
  --bs-primary-active: #5ab19f;
  --bs-primary-light: #e8f8f5;

  --bs-secondary: #3d4f59;
  --bs-secondary-rgb: 61, 79, 89;
  --bs-secondary-active: #2d3a42;
  --bs-secondary-light: #e5e8ea;

  --bs-success: #50cd89;
  --bs-success-rgb: 80, 205, 137;
  --bs-success-active: #3fb574;
  --bs-success-light: #e8fdf0;

  --bs-info: #7239ea;
  --bs-info-rgb: 114, 57, 234;
  --bs-info-active: #5017c7;
  --bs-info-light: #f1e8ff;

  --bs-warning: #ffc700;
  --bs-warning-rgb: 255, 199, 0;
  --bs-warning-active: #e0ab00;
  --bs-warning-light: #fff8e5;

  --bs-danger: #f1416c;
  --bs-danger-rgb: 241, 65, 108;
  --bs-danger-active: #d12a54;
  --bs-danger-light: #ffe8ef;

  --bs-light: #f9fafb;
  --bs-light-rgb: 249, 250, 251;
  --bs-dark: #181c32;
  --bs-dark-rgb: 24, 28, 50;

  --bs-text-primary: #6fccb9;
  --bs-text-primary-active: #5ab19f;
  --bs-text-primary-light: #e8f8f5;

  --bs-text-secondary: #3d4f59;
  --bs-text-secondary-active: #2d3a42;
  --bs-text-secondary-light: #e5e8ea;

  --bs-text-success: #50cd89;
  --bs-text-success-active: #3fb574;
  --bs-text-success-light: #e8fdf0;

  --bs-text-info: #7239ea;
  --bs-text-info-active: #5017c7;
  --bs-text-info-light: #f1e8ff;

  --bs-text-warning: #ffc700;
  --bs-text-warning-active: #e0ab00;
  --bs-text-warning-light: #fff8e5;

  --bs-text-danger: #f1416c;
  --bs-text-danger-active: #d12a54;
  --bs-text-danger-light: #ffe8ef;

  --bs-text-light: #f9fafb;
  --bs-text-dark: #181c32;
}

.form-check-input:checked{
  background-color: var(--bs-primary);
}

.link-primary:focus, .link-primary:hover{
  color: var(--bs-secondary) !important;
}

/* Degradados básicos */


.bg-gradient-primary {
  background: linear-gradient(112.14deg, #26a68c 0%, #6fccb9 100%);
}

.bg-gradient-secondary {
  background: linear-gradient(135deg, #3d4f59, #2d3a42);
}

/* Combinación de ambos */
.bg-gradient-brand {
  background: linear-gradient(135deg, #6fccb9, #3d4f59);
}

/* Variaciones verticales */
.bg-gradient-primary-vertical {
  background: linear-gradient(to bottom, #6fccb9, #26a68c);
}

.bg-gradient-secondary-vertical {
  background: linear-gradient(to bottom, #3d4f59, #2d3a42);
}

/* Con transparencias para overlays */
.bg-gradient-primary-overlay {
  background: linear-gradient(135deg, rgba(111,204,185,0.9), rgba(61,79,89,0.9));
}


body, .modal{
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

.header{
  padding-top: 30px;
}

.header .app-header {
  justify-content: center;
}

.app-content{
  padding-top: 30px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  margin: 0;
  background-color: transparent;
}

/* Botones */

.btn.btn-outline {
  border-width: 2px !important;
}

/* Fin botones */

.form-check:not(.form-switch) .form-check-input[type="checkbox"] {
  display: flex;
}

[data-kt-indicator="on"] > .indicator-progress {
  margin: 0 auto;
}

.z-9{
  z-index: 9;
}

.acortar-texto {
  position: relative;
}

.acortar-texto > * {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  width: 100%;
  padding-right: 50px;
}

.acortar-texto:before {
  content: '';
  display: inline-block;
}

/*Quitar controles de los input type number*/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}