/******* Do not edit this file *******
Code Snippets Manager
Saved: Dec 02 2025 | 08:19:52 */
@charset "UTF-8";
/* 1. Importar la fuente */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400&display=swap");
/* ======================================================
   CONFIGURACIÓN GENERAL PARA AMBOS BOTONES
   ====================================================== */
a.button.product_type_variable.add_to_cart_button, button.single_add_to_cart_button.button.alt {
  /* Ocultamos el texto original en inglés */
  font-size: 0 !important;
  /* Mantenemos el estilo de la caja */
  background-color: #000000 !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  text-decoration: none !important;
  outline: none !important;
  opacity: 1 !important;
  /* Aseguramos padding para que el botón no colapse */
  padding: 10px 20px !important;
  display: inline-block !important;
  line-height: 1.2 !important;
}
/* ======================================================
   INSERTAR TEXTO EN ESPAÑOL
   ====================================================== */
/* 1. Botón "Select options" -> "Seleccionar opciones" */
a.button.product_type_variable.add_to_cart_button::before {
  content: "Seleccionar opciones";
  /* TU NUEVO TEXTO AQUÍ */
  font-size: 16px !important;
  /* Restablecemos el tamaño del texto */
  font-family: "DM Sans", sans-serif !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  display: block !important;
}
/* 2. Botón "Add to cart" -> "Añadir al carrito" */
button.single_add_to_cart_button.button.alt::before {
  content: "Añadir al carrito";
  /* TU NUEVO TEXTO AQUÍ */
  font-size: 16px !important;
  /* Restablecemos el tamaño del texto */
  font-family: "DM Sans", sans-serif !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  display: block !important;
}
/* ======================================================
   ESTADOS HOVER (AL PASAR EL CURSOR) - ESTÁTICO
   ====================================================== */
a.button.product_type_variable.add_to_cart_button:hover, a.button.product_type_variable.add_to_cart_button:focus, a.button.product_type_variable.add_to_cart_button:active, button.single_add_to_cart_button.button.alt:hover, button.single_add_to_cart_button.button.alt:focus, button.single_add_to_cart_button.button.alt:active {
  background-color: #000000 !important;
  opacity: 1 !important;
  transform: none !important;
  box-shadow: none !important;
}
/* 1. Ocultar el texto original (inglés) reduciendo la fuente a 0 */
a.button.wc-backward {
  font-size: 0 !important;
}
/* 2. Insertar el nuevo texto (español) y restaurar el tamaño de letra */
a.button.wc-backward:before {
  content: "Volver a la tienda";
  /* Aquí pones el texto que quieras */
  font-size: 16px !important;
  /* Ajusta este tamaño al de tu web */
  visibility: visible;
}