/* Akento · WooCommerce.
   Normalización mínima sobre las plantillas de WooCommerce (§7): botones,
   avisos, migas y precio toman los tokens del tema. El archivo de producto
   tiene su propia hoja (tienda.css); esto sigue sirviendo a ficha, carrito,
   cuenta y checkout.
   Los avisos van en .woocommerce-notices-wrapper porque el mu-plugin de
   cupones inserta ahí el mensaje flash (esdos-cupones-link.php:35). */

.woocommerce .woocommerce-notices-wrapper:empty {
  display: none;
}

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
  margin: 0 0 24px;
  padding: 14px 18px;
  border-top: 2px solid var(--rojo);
  background: var(--rosa);
  color: var(--negro);
  font-size: 13px;
  list-style: none;
}

.woocommerce .woocommerce-error {
  border-top-color: var(--negro);
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: var(--rojo);
  color: var(--marfil);
  min-height: 48px;
  padding: 13px 21px;
  border: 0;
  border-radius: var(--radio);
  font-size: 13px;
  font-weight: 500;
  transition: background var(--transicion);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  background: var(--negro);
  color: var(--marfil);
  text-decoration: none;
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: var(--rojo);
  color: var(--marfil);
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: var(--negro);
}

.woocommerce .woocommerce-breadcrumb {
  padding: 0;
  margin: 0 0 18px;
  font-size: 11px;
  color: var(--gris);
}

.woocommerce .woocommerce-breadcrumb a {
  color: var(--gris);
}

.woocommerce .price,
.woocommerce .woocommerce-Price-amount {
  font-weight: 500;
  color: inherit;
}

.woocommerce del .woocommerce-Price-amount {
  font-size: .8em;
  color: var(--gris);
}

.woocommerce ins {
  text-decoration: none;
}