.elementor-2999 .elementor-element.elementor-element-724f97c6{--display:flex;--min-height:520px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2999 .elementor-element.elementor-element-724f97c6:not(.elementor-motion-effects-element-type-background), .elementor-2999 .elementor-element.elementor-element-724f97c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ecruconcept.com/wp-content/uploads/2025/12/charms_ecru.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-2999 .elementor-element.elementor-element-3d5668c{--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:50px 50px;--row-gap:50px;--column-gap:50px;--overflow:hidden;--padding-top:120px;--padding-bottom:120px;--padding-left:40px;--padding-right:40px;}.elementor-2999 .elementor-element.elementor-element-3d5668c:not(.elementor-motion-effects-element-type-background), .elementor-2999 .elementor-element.elementor-element-3d5668c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-widget-theme-archive-title .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-2999 .elementor-element.elementor-element-1cbb21a5 .elementor-heading-title{font-family:"Noto Sans", Sans-serif;font-size:24px;font-weight:300;text-transform:uppercase;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2999 .elementor-element.elementor-element-1bfcbd04{--grid-columns:3;--grid-row-gap:45px;--grid-column-gap:45px;}.elementor-2999 .elementor-element.elementor-element-1bfcbd04 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-2999 .elementor-element.elementor-element-1bfcbd04 .e-loop-item > .elementor-section, .elementor-2999 .elementor-element.elementor-element-1bfcbd04 .e-loop-item > .elementor-section > .elementor-container, .elementor-2999 .elementor-element.elementor-element-1bfcbd04 .e-loop-item > .e-con, .elementor-2999 .elementor-element.elementor-element-1bfcbd04 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-2999 .elementor-element.elementor-element-1bfcbd04 .elementor-pagination{text-align:center;font-family:"Rubik", Sans-serif;font-size:14px;font-weight:300;}.elementor-2999 .elementor-element.elementor-element-1bfcbd04 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-primary );}.elementor-2999 .elementor-element.elementor-element-1bfcbd04 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-text );}body:not(.rtl) .elementor-2999 .elementor-element.elementor-element-1bfcbd04 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 20px/2 );}body:not(.rtl) .elementor-2999 .elementor-element.elementor-element-1bfcbd04 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 20px/2 );}body.rtl .elementor-2999 .elementor-element.elementor-element-1bfcbd04 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 20px/2 );}body.rtl .elementor-2999 .elementor-element.elementor-element-1bfcbd04 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 20px/2 );}@media(max-width:1366px){.elementor-2999 .elementor-element.elementor-element-1bfcbd04{--grid-columns:3;}}@media(max-width:1200px){.elementor-2999 .elementor-element.elementor-element-1bfcbd04{--grid-columns:2;}}@media(max-width:1024px){.elementor-2999 .elementor-element.elementor-element-1bfcbd04{--grid-columns:2;}}@media(max-width:880px){.elementor-2999 .elementor-element.elementor-element-1bfcbd04{--grid-columns:2;}}@media(max-width:767px){.elementor-2999 .elementor-element.elementor-element-724f97c6{--min-height:450px;}.elementor-2999 .elementor-element.elementor-element-3d5668c{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-2999 .elementor-element.elementor-element-1bfcbd04{--grid-columns:2;}}/* Start custom CSS for loop-grid, class: .elementor-element-1bfcbd04 *//* =========================
   Grid: ocultar add_to_cart y mostrar solo en el item hoverado
   Aplica a widgets con clase .products-grid y .elementor-2999 .elementor-element.elementor-element-1bfcbd04es comunes de Elementor/Woo
   ========================= */

/* asegurar contexto */
.products-grid .e-loop-item,
.products-grid .elementor-loop-item,
.products-grid .e-loop-item-82,
.products-grid .product,
.products-grid li.product,
.elementor-element-0109719 .e-loop-item, /* fallback ejemplo por si aparece ahí */
.elementor-element-223 .e-loop-item {
  position: relative !important;
}

/* ocultar por defecto (variantes de clase del botón incluidas) */
.products-grid .e-loop-item .add_to_cart_button,
.products-grid .e-loop-item .button,
.products-grid .e-loop-item .product_type_simple,
.products-grid .elementor-loop-item .add_to_cart_button,
.products-grid li.product .add_to_cart_button,
.products-grid .product .add_to_cart_button {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(10px) !important;
  transition: opacity .28s ease, transform .28s ease, visibility .28s;
}

/* mostrar SOLO el item que tiene hover */
.products-grid .e-loop-item:hover .add_to_cart_button,
.products-grid .e-loop-item:hover .button,
.products-grid .elementor-loop-item:hover .add_to_cart_button,
.products-grid li.product:hover .add_to_cart_button,
.products-grid .product:hover .add_to_cart_button {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

/* fallback táctil / focus */
.products-grid .e-loop-item:focus-within .add_to_cart_button,
.products-grid .elementor-loop-item:focus-within .add_to_cart_button,
.products-grid li.product:focus-within .add_to_cart_button {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

/* opcional: estilo para que el botón quede dentro y centrado en la tarjeta */
.products-grid .e-loop-item .add_to_cart_button,
.products-grid .elementor-loop-item .add_to_cart_button,
.products-grid li.product .add_to_cart_button {
  position: absolute;
  
  bottom:0px;
  transform: translateX(-50%) translateY(10px);
  width: 100%;
  max-width: 100%;
  z-index: 6;
  text-align: center;
}/* End custom CSS */