/* Estilo base para todos los botones */
.butn {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  text-decoration: none !important;
}

/* Variantes de color */
.butn-primary {
  color: #fff;
  background-color: #1266f1;
  border-color: #1266f1;
}

.butn-primary:hover {
  color: #fff;
  background-color: #0c56d0;
  border-color: #0b51c5;
}

.butn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.butn-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.butn-success {
  color: #fff;
  background-color: #00b74a;
  border-color: #00b74a;
}

.butn-success:hover {
  color: #fff;
  background-color: #00913b;
  border-color: #008636;
}

.butn-danger {
  color: #fff;
  background-color: #f93154;
  border-color: #f93154;
}

.butn-danger:hover {
  color: #fff;
  background-color: #e12e4c;
  border-color: #d52a47;
}

.butn-warning {
  color: #fff;
  background-color: #ffa900;
  border-color: #ffa900;
}

.butn-warning:hover {
  color: #fff;
  background-color: #d99000;
  border-color: #cc8800;
}

.butn-info {
  color: #fff;
  background-color: #39c0ed;
  border-color: #39c0ed;
}

.butn-info:hover {
  color: #fff;
  background-color: #16b5ea;
  border-color: #14abe4;
}

.butn-light {
  color: #212529;
  background-color: #fbfbfb;
  border-color: #fbfbfb;
}

.butn-light:hover {
  color: #212529;
  background-color: #e2e2e2;
  border-color: #d6d6d6;
}

.butn-dark {
  color: #fff;
  background-color: #262626;
  border-color: #262626;
}

.butn-dark:hover {
  color: #fff;
  background-color: #1a1a1a;
  border-color: #171717;
}

/* Botones de contorno */
.butn-outline-primary {
  color: #1266f1;
  background-color: transparent;
  border: 1px solid #1266f1;
}

.butn-outline-primary:hover {
  color: #fff;
  background-color: #1266f1;
  border-color: #1266f1;
}

.butn-outline-secondary {
  color: #6c757d;
  background-color: transparent;
  border: 1px solid #6c757d;
}

.butn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

/* Tamaños de botones */
.butn-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.butn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

/* Botones bloque (ocupan todo el ancho) */
.butn-block {
  display: block;
  width: 100%;
}

/* Botones deshabilitados */
.butn:disabled {
  opacity: 0.65;
  pointer-events: none;
}

/* Botones redondeados */
.butn-rounded {
  border-radius: 50rem;
}

/* Botones con efecto de onda (ripple) */
.butn[data-mdb-ripple-init] {
  position: relative;
  overflow: hidden;
}