:root{
  --primary-color: #ba3541;
  --secondary-color: #6c757d;
  --success-color: #28a745;
  --danger-color: #dc3545;
  --warning-color: #ffc107;
  --info-color: #17a2b8;
  --light-color: #f8f9fa;
  --dark-color: #343a40;
}

/* color primario */

.text-pt-primary {
  color: var(--primary-color);
}

.text-hover-pt-primary:hover, {
  color: var(--primary-color);
}
.text-hover-pt-light:hover {
  color: var(--light-color);
}

.border-pt-primary{
  border-color: var(--primary-color);
}

.hov-border-pt-primary:focus,
.hov-border-pt-primary:active,
.hov-border-pt-primary:hover,
.hov-border-pt-primary:checked{
  border-color: var(--primary-color);
}

.bg-pt-primary {
  background-color: var(--primary-color);
}

.hov-bg-pt-primary:hover {
  background-color: var(--primary-color);
}

.checked-bg-pt-primary:checked {
  background-color: var(--primary-color);
}

.linea-bg-pt-primary::before {
  background-color: var(--primary-color);
}

.bg-pt-primary-10{
  background-color: color-mix(in oklab, var(--primary-color) 10%, transparent);
}
.bg-pt-primary-20:hover,
.bg-pt-primary-20:focus,
.bg-pt-primary-20:active {
  background-color: color-mix(in oklab, var(--primary-color) 30%, transparent);
}

.bg-opacity-50{
  background-color: rgba(255, 255, 255, 0.6);
}

.min-w-150px {
  min-width: 150px;
}