/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
#product-availability {
  display: none !important;
}
.list_buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact-rich .block {
    font-size: 12px;
}
/* Contenedor general de variantes */
.product-variants {
  display: flex;
  flex-wrap: wrap;
}

/* Cada opción (botón) */
.product-variants .input-container {
  display: inline-flex;
  align-items: center;
  margin-right: 12px;
  margin-bottom: 10px;
  width: auto !important;
}

/* Label visual del botón */
.product-variants .radio-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto !important;
  padding: 8px 14px;
  white-space: nowrap;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}

/* Evitar que inputs interfieran visualmente */
.product-variants input[type="radio"] {
  display: none;
}

/* Estado seleccionado (opcional, por si tu tema no lo marca bien) */
.product-variants input[type="radio"]:checked + .radio-label {
  border: 2px solid #000;
}

/* Hover opcional */
.product-variants .radio-label:hover {
  opacity: 0.8;
}

#configuracion-seleccionada,
#configuracion-seleccionada * {
  font-weight: 400 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  font-family: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
}