/* Paleta de colores Gobierno de Oaxaca */
:root {
  --oax-rojo: #F44C63;
  --oax-verde-agua: #00B0A6;
  --oax-azul: #0098D4;
  --oax-morado: #8E418D;
  --oax-azul-claro: #5B78B0;
  --oax-amarillo: #F6C54A;
  --oax-naranja: #F98927;
  --oax-verde: #285C4D;
  --oax-vino: #9D2449;
  --oax-dorado: #B38E5D;

  --oax-blanco: #FFFFFF;
  --oax-gris-claro: #F5F5F5;
  --oax-gris-oscuro: #666666;
  --oax-negro: #000000;
}

/* Estilo base para botones */
button, .btn {
  font-family: inherit;
  font-size: 1rem;
  padding: 0.6em 1.2em;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

/* Botones principales */
.btn-vino {
  background-color: var(--oax-vino);
  color: var(--oax-blanco);
}
.btn-dorado {
  background-color: var(--oax-dorado);
  color: var(--oax-blanco);
}

.btn-rojo {
  background-color: var(--oax-rojo);
  color: var(--oax-blanco);
}
.btn-rojo:hover {
  background-color: #d13e54;
}

.btn-verde {
  background-color: var(--oax-verde);
  color: var(--oax-blanco);
}
.btn-verde:hover {
  background-color: #478c2d;
}

.btn-azul {
  background-color: var(--oax-azul);
  color: var(--oax-blanco);
}
.btn-azul:hover {
  background-color: #0076a7;
}

.btn-morado {
  background-color: var(--oax-morado);
  color: var(--oax-blanco);
}
.btn-morado:hover {
  background-color: #70336f;
}

.btn-naranja {
  background-color: var(--oax-naranja);
  color: var(--oax-blanco);
}
.btn-naranja:hover {
  background-color: #d16f1f;
}

/* Variante outline */
.btn-outline {
  background-color: transparent;
  /*border: 2px solid var(--oax-vino);*/
  color: var(--oax-vino);
}
.btn-outline:hover {
  background-color: var(--oax-dorado);
  color: var(--oax-blanco);
}q

/* Botón deshabilitado */
.btn:disabled, .btn-disabled {
  background-color: var(--oax-gris-claro);
  color: var(--oax-gris-oscuro);
  cursor: not-allowed;
  opacity: 0.7;
}