.elementor-208 .elementor-element.elementor-element-190a504{--display:flex;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-208 .elementor-element.elementor-element-d7d6253{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-208 .elementor-element.elementor-element-d7d6253.e-con{--align-self:center;}.elementor-208 .elementor-element.elementor-element-b16cf1f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-208 .elementor-element.elementor-element-82c04e6{--display:flex;}.elementor-208 .elementor-element.elementor-element-9c015d1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.woocommerce .elementor-208 .elementor-element.elementor-element-59fcf72 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
					.woocommerce .elementor-208 .elementor-element.elementor-element-59fcf72 .flex-viewport{border-radius:10px 10px 10px 10px;}.woocommerce .elementor-208 .elementor-element.elementor-element-59fcf72 .flex-control-thumbs img{border-style:none;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-208 .elementor-element.elementor-element-99104d9 .cart button, .elementor-208 .elementor-element.elementor-element-99104d9 .cart .button{font-family:"Familjen Grotesk", Sans-serif;background-color:#016B4E;transition:all 0.2s;}.elementor-208 .elementor-element.elementor-element-ab28a14{--display:flex;}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(min-width:768px){.elementor-208 .elementor-element.elementor-element-190a504{--content-width:100%;}.elementor-208 .elementor-element.elementor-element-d7d6253{--width:89%;}}/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-99104d9 *//* ============================================================
AMELIA · BOTÓN "AÑADIR AL CARRITO" — WooCommerce nativo (Elementor)
Mismo patrón visual que el resto del sitio: pill verde, ícono
flecha a la izquierda, hover con fondo más oscuro + flecha
desplazada. Pensado para pegar en:
  - Widget de WooCommerce ("Add to Cart") → pestaña Avanzado →
    "CSS personalizado" (Custom CSS), Elementor Pro
  - o en un widget de HTML aparte con <style>, si no tenés
    Elementor Pro y por lo tanto no hay pestaña de CSS personalizado
    en el widget nativo.

Clases estándar de WooCommerce a las que apunta este CSS:
  .quantity                      -> .elementor-208 .elementor-element.elementor-element-99104d9 de cantidad (input +/-)
  .single_add_to_cart_button     -> el botón "Añadir al carrito" en sí
============================================================ -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@400;500;600;700&display=swap');

/* Contenedor del formulario: alineación limpia entre cantidad y botón */
.cart.woocommerce-cart-form,
form.cart{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  flex-wrap:wrap !important;
}

/* Selector de cantidad */
.woocommerce div.product form.cart .quantity{
  display:flex !important;
  align-items:center !important;
}
.woocommerce div.product form.cart .quantity input.qty{
  width:64px !important;
  height:48px !important;
  border:2px solid rgba(11,11,11,.14) !important;
  border-radius:100px !important;
  text-align:center !important;
  font-family:'Host Grotesk','Montserrat',sans-serif !important;
  font-size:14.5px !important;
  font-weight:600 !important;
  color:#0B0B0B !important;
  transition:border-color .3s ease !important;
}
.woocommerce div.product form.cart .quantity input.qty:focus{
  outline:none !important;
  border-color:#006A4E !important;
}

/* ── Botón "Añadir al carrito" — mismo patrón pill del sitio ── */
.woocommerce div.product form.cart .single_add_to_cart_button,
a.single_add_to_cart_button,
button.single_add_to_cart_button{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  height:48px !important;
  padding:0 26px 0 50px !important;
  border-radius:100px !important;
  font-family:'Host Grotesk','Montserrat',sans-serif !important;
  font-size:14.5px !important;
  font-weight:600 !important;
  letter-spacing:.01em !important;
  text-decoration:none !important;
  cursor:pointer !important;
  border:0 !important;
  white-space:nowrap !important;
  background-color:#006A4E !important;
  color:#fff !important;
  transition:background-color .45s cubic-bezier(.19,1,.22,1), transform .2s ease !important;
  overflow:hidden !important;
}

/* Ícono flecha — se inserta con ::before ya que el botón nativo de
   WooCommerce es texto plano, sin SVG propio */
.woocommerce div.product form.cart .single_add_to_cart_button::before,
a.single_add_to_cart_button::before,
button.single_add_to_cart_button::before{
  content:"" !important;
  position:absolute !important;
  left:20px !important;
  top:50% !important;
  width:16px !important;
  height:16px !important;
  transform:translateY(-50%) !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12h15m0 0l-6.75-6.75M19.5 12l-6.75 6.75'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  transition:transform .45s cubic-bezier(.19,1,.22,1) !important;
}

.woocommerce div.product form.cart .single_add_to_cart_button:hover,
a.single_add_to_cart_button:hover,
button.single_add_to_cart_button:hover{
  background-color:#004D39 !important;
  color:#fff !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover::before,
a.single_add_to_cart_button:hover::before,
button.single_add_to_cart_button:hover::before{
  transform:translateY(-50%) translateX(5px) !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button:active,
a.single_add_to_cart_button:active,
button.single_add_to_cart_button:active{
  transform:scale(.97) !important;
}

/* Estado "cargando" que WooCommerce agrega vía AJAX al hacer click */
.woocommerce div.product form.cart .single_add_to_cart_button.loading{
  opacity:.7 !important;
  pointer-events:none !important;
}

/* ══ RESPONSIVE ══ */
@media(max-width:480px){
  .cart.woocommerce-cart-form,
  form.cart{
    width:100% !important;
  }
  .woocommerce div.product form.cart .single_add_to_cart_button,
  a.single_add_to_cart_button,
  button.single_add_to_cart_button{
    flex:1 !important;
    justify-content:center !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .woocommerce div.product form.cart .single_add_to_cart_button,
  .woocommerce div.product form.cart .single_add_to_cart_button::before{
    transition:none !important;
  }
}
</style>/* End custom CSS */