.elementor-11702 .elementor-element.elementor-element-2d633eb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#CACACA;--border-color:#CACACA;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11702 .elementor-element.elementor-element-2d633eb.e-con:hover{--e-con-transform-translateY:-5px;}.elementor-11702 .elementor-element.elementor-element-5db644f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{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 );}.elementor-11702 .elementor-element.elementor-element-156fe7f img{border-radius:10px 10px 10px 10px;}.elementor-11702 .elementor-element.elementor-element-c4391f6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11702 .elementor-element.elementor-element-73d9694{--display:flex;}.elementor-11702 .elementor-element.elementor-element-259dcc0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-11702 .elementor-element.elementor-element-68995be{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-11702 .elementor-element.elementor-element-430df87{--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-11702 .elementor-element.elementor-element-edf7cb8 .jet-woo-builder-archive-add-to-cart .button{display:inline-block;--display-type:inline-block;font-family:"HostGrotesk", Sans-serif;font-size:14px;color:#FFFFFF;background-color:#FF0101;padding:7px 10px 7px 10px;}@media(max-width:767px){.elementor-11702 .elementor-element.elementor-element-5db644f{--width:30%;--padding-top:2%;--padding-bottom:2%;--padding-left:2%;--padding-right:2%;}.elementor-11702 .elementor-element.elementor-element-c4391f6{--width:70%;}.elementor-11702 .elementor-element.elementor-element-259dcc0{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11702 .elementor-element.elementor-element-68995be{--width:70%;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-11702 .elementor-element.elementor-element-430df87{--width:30%;}}@media(min-width:768px){.elementor-11702 .elementor-element.elementor-element-5db644f{--width:20%;}.elementor-11702 .elementor-element.elementor-element-c4391f6{--width:50%;}.elementor-11702 .elementor-element.elementor-element-73d9694{--width:30%;}}/* Start custom CSS for jet-woo-builder-archive-add-to-cart, class: .elementor-element-edf7cb8 *//*
 * Mantén el código CSS que te funcionó para el botón,
 * y asegúrate de que la sección del ícono ::before tenga estas propiedades:
 */

/* Estilo para el contenedor del botón (asegura que tenga position: relative) */
.jet-woo-builder-archive-add-to-cart .add_to_cart_button {
  background-color: #ff0000 !important;
  color: transparent !important; /* Oculta el texto original */
  border-radius: 5px !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  justify-content: center !important; /* Centra horizontalmente */
  align-items: center !important;   /* Centra verticalmente */
  position: relative !important;     /* CRUCIAL para que top/left/transform funcionen */
  padding: 0 !important;
  border: none !important;
}

/* Ajustes de posicionamiento para el ícono ::before */
.jet-woo-builder-archive-add-to-cart .add_to_cart_button::before {
  content: "\f07a" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-size: 18px !important;
  color: #fff !important;
  /* PROPIEDADES DE POSICIONAMIENTO CLAVE */
  position: absolute !important; /* Posicionamiento absoluto dentro del botón */
  top: 50% !important;           /* Mueve el ícono al 50% desde arriba */
  left: 50% !important;          /* Mueve el ícono al 50% desde la izquierda */
  transform: translate(-50%, -50%) !important; /* Centra el ícono exactamente */
  line-height: 1 !important;    /* Asegura que no haya espacio extra vertical */
}

/* Estilo al pasar el cursor (hover) */
.jet-woo-builder-archive-add-to-cart .add_to_cart_button:hover {
  background-color: #cc0000 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d633eb */.wcmp-message {
    display: none;
}/* End custom CSS */