.elementor-58414 .elementor-element.elementor-element-9e11ab1{--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;--padding-top:50px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;}.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-58414 .elementor-element.elementor-element-da14603{padding:0px 0px 0px 0px;text-align:center;}.elementor-58414 .elementor-element.elementor-element-da14603 .elementor-heading-title{font-family:"SF-Pro", Sans-serif;font-size:20px;font-weight:600;line-height:1.25em;color:#1D1D1F;}.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-58414 .elementor-element.elementor-element-7ba435a{padding:0px 0px 0px 0px;text-align:center;}.elementor-58414 .elementor-element.elementor-element-7ba435a .elementor-heading-title{font-family:"SF-Pro", Sans-serif;font-size:48px;font-weight:700;line-height:1.1em;}.elementor-58414 .elementor-element.elementor-element-c838103{padding:0px 0px 0px 0px;text-align:center;}.woocommerce .elementor-58414 .elementor-element.elementor-element-c838103 .term-description{color:#6E6E73;font-family:"SF-Pro", Sans-serif;font-size:19px;font-weight:400;line-height:1.6em;}.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-58414 .elementor-element.elementor-element-6f793b8{text-align:center;}.elementor-58414 .elementor-element.elementor-element-4e92a81c{text-align:center;}.elementor-58414 .elementor-element.elementor-element-006a8ff{--display:flex;--padding-top:0px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{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-58414 .elementor-element.elementor-element-3a6e579.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-58414 .elementor-element.elementor-element-3a6e579.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-58414 .elementor-element.elementor-element-205bca40{--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:center;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:-5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:6em;--padding-bottom:7em;--padding-left:0em;--padding-right:0em;}.elementor-58414 .elementor-element.elementor-element-277251b1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:45px 0px;--row-gap:45px;--column-gap:0px;}.elementor-58414 .elementor-element.elementor-element-277251b1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-58414 .elementor-element.elementor-element-4f63daf8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 15px 0px 15px;text-align:center;}.elementor-58414 .elementor-element.elementor-element-4f63daf8 .elementor-heading-title{font-family:"SF-Pro", Sans-serif;font-size:40px;font-weight:700;color:#1D1D1F;}@media(max-width:1024px){.elementor-58414 .elementor-element.elementor-element-9e11ab1{--padding-top:40px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;}.elementor-58414 .elementor-element.elementor-element-da14603{padding:0px 0px 0px 0px;text-align:center;}.elementor-58414 .elementor-element.elementor-element-da14603 .elementor-heading-title{font-size:20px;line-height:1.25em;}.elementor-58414 .elementor-element.elementor-element-7ba435a{padding:0px 0px 0px 0px;text-align:center;}.elementor-58414 .elementor-element.elementor-element-7ba435a .elementor-heading-title{font-size:40px;line-height:1.15em;}.elementor-58414 .elementor-element.elementor-element-c838103{padding:0px 0px 0px 0px;text-align:center;}.woocommerce .elementor-58414 .elementor-element.elementor-element-c838103 .term-description{font-size:18px;line-height:1.55em;}.elementor-58414 .elementor-element.elementor-element-6f793b8{text-align:center;}.elementor-58414 .elementor-element.elementor-element-4e92a81c{text-align:center;}.elementor-58414 .elementor-element.elementor-element-006a8ff{--padding-top:0px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-58414 .elementor-element.elementor-element-3a6e579.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-58414 .elementor-element.elementor-element-205bca40{--justify-content:center;--margin-top:-4px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3em;--padding-bottom:4em;--padding-left:0em;--padding-right:0em;}.elementor-58414 .elementor-element.elementor-element-4f63daf8{padding:0px 0px 0px 0px;text-align:center;}.elementor-58414 .elementor-element.elementor-element-4f63daf8 .elementor-heading-title{font-size:22px;}}@media(min-width:768px){.elementor-58414 .elementor-element.elementor-element-9e11ab1{--content-width:760px;}.elementor-58414 .elementor-element.elementor-element-006a8ff{--content-width:1240px;}.elementor-58414 .elementor-element.elementor-element-277251b1{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-58414 .elementor-element.elementor-element-9e11ab1{--content-width:760px;}.elementor-58414 .elementor-element.elementor-element-006a8ff{--content-width:95%;}.elementor-58414 .elementor-element.elementor-element-277251b1{--width:100%;}}@media(max-width:767px){.elementor-58414 .elementor-element.elementor-element-9e11ab1{--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:50px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-58414 .elementor-element.elementor-element-da14603{padding:0px 26px 0px 26px;text-align:start;}.elementor-58414 .elementor-element.elementor-element-da14603 .elementor-heading-title{font-size:19px;line-height:1.21em;}.elementor-58414 .elementor-element.elementor-element-7ba435a{padding:0px 26px 0px 26px;text-align:start;}.elementor-58414 .elementor-element.elementor-element-7ba435a .elementor-heading-title{font-size:40px;line-height:1.1em;}.elementor-58414 .elementor-element.elementor-element-c838103{padding:0px 26px 0px 26px;text-align:start;}.woocommerce .elementor-58414 .elementor-element.elementor-element-c838103 .term-description{font-size:19px;line-height:1.42em;}.elementor-58414 .elementor-element.elementor-element-6f793b8{text-align:center;}.elementor-58414 .elementor-element.elementor-element-4e92a81c{text-align:center;}.elementor-58414 .elementor-element.elementor-element-006a8ff{--content-width:100%;--gap:25px 0px;--row-gap:25px;--column-gap:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:12px;--padding-right:12px;}.elementor-58414 .elementor-element.elementor-element-3a6e579{padding:0px 10px 100px 10px;}.elementor-58414 .elementor-element.elementor-element-3a6e579.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-58414 .elementor-element.elementor-element-205bca40{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;--z-index:0;}.elementor-58414 .elementor-element.elementor-element-277251b1{--width:100%;--gap:033px 033px;--row-gap:033px;--column-gap:033px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-58414 .elementor-element.elementor-element-4f63daf8{padding:0px 10px 0px 10px;text-align:center;}.elementor-58414 .elementor-element.elementor-element-4f63daf8 .elementor-heading-title{font-size:22px;line-height:1.125em;letter-spacing:0px;}}/* Start custom CSS for container, class: .elementor-element-9e11ab1 *//* Centrado y max-width de lectura editorial */
.elementor-element-9e11ab1 {
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cc2fd15 */.woocommerce-pagination { margin-top: 40px !important; display: flex; justify-content: center; width: 100%; }
.happy-load-more-btn {
    background-color: #FFFFFF !important; color: #111827 !important;
    font-family: 'SF Pro Text', -apple-system, sans-serif; font-size: 15px; font-weight: 700;
    padding: 12px 34px; border-radius: 12px; border: 2px solid #111827 !important;
    cursor: pointer; transition: all 0.15s ease; box-shadow: 4px 4px 0px #111827 !important;
}
.happy-load-more-btn:hover { background-color: #F9FAFB !important; }
.happy-load-more-btn:active { box-shadow: 0px 0px 0px #111827 !important; transform: translate(4px, 4px); }

/* Animación Presión Mecánica */
.happy-load-more-btn.is-loading {
    animation: mechanicalPress 0.6s infinite alternate ease-in-out;
}
@keyframes mechanicalPress {
    0% { box-shadow: 4px 4px 0px #111827 !important; transform: translate(0, 0); }
    100% { box-shadow: 1px 1px 0px #111827 !important; transform: translate(3px, 3px); background-color:#F3F4F6 !important; }
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-3a6e579 *//* ========================================================
   ULTRA-CONVERSIÓN (Estilo Milk Bar Perfeccionado)
======================================================== */
/* 1. Grid y Reseteo */
.elementor-widget-wc-archive-products ul.products,
.woocommerce ul.products,
ul.products { 
    display: grid !important; 
    grid-template-columns: repeat(2, 1fr) !important; 
    gap: 10px !important; 
    margin: 0 auto !important; 
    max-width: 100% !important;
}
.elementor-widget-wc-archive-products ul.products::before, 
.elementor-widget-wc-archive-products ul.products::after { 
    display: none !important; 
}
.elementor-widget-wc-archive-products ul.products li.product,
.woocommerce ul.products li.product { 
    width: 100% !important; 
    max-width: 100% !important; 
    margin: 0 !important; 
    clear: none !important; 
    float: none !important; 
}
@media (min-width: 641px) and (max-width: 1024px) { 
    .elementor-widget-wc-archive-products ul.products,
    .woocommerce ul.products,
    ul.products { 
        grid-template-columns: repeat(3, 1fr) !important; 
        gap: 20px !important; 
    } 
}
@media (min-width: 1025px) { 
    .elementor-widget-wc-archive-products ul.products,
    .woocommerce ul.products,
    ul.products { 
        grid-template-columns: repeat(4, 1fr) !important; 
        gap: 24px !important; 
        max-width: 1240px !important;
    } 
}
.yith-ywar-product-rating { display: none !important; }

/* 2. Tarjeta (Sin borde, sombra envolvente premium) */
.elementor-widget-wc-archive-products ul.products li.product {
    display: flex !important; 
    flex-direction: column !important; 
    position: relative !important;
    background: #ffffff !important; 
    border-radius: 14px !important; 
    border: none !important; /* Eliminamos el borde sólido */
    padding-bottom: 80px !important; /* Respiración extra para el botón */
















































box-shadow: 0 12px 30px rgba(255, 239, 218, 0.6) !important;    
    
    
    
    
    
    
    
    
    
    overflow: hidden !important; 
    height: 100% !important;
    transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}



/* 3. Fotografía */
.woocommerce-LoopProduct-link { 
    display: flex !important; 
    flex-direction: column !important; 
    padding: 0 !important; 
    text-decoration: none !important; 
    flex-grow: 1 !important; 
    position: relative !important; 
}
.woocommerce-LoopProduct-link img { 
    width: 100% !important; 
    aspect-ratio: 1 / 1 !important; 
    object-fit: cover !important; 
    margin: 0 !important; 
}

/* 4. Tipografía (SF-Pro) y Espaciados */
.woocommerce-loop-product__title { 
    font-family: "SF-Pro", sans-serif !important;
    font-size: 17px !important; 
    font-weight: 900 !important; 
    text-transform: uppercase !important; 
    color: #000000 !important; 
    text-align: center !important; 
    margin: 24px 16px 6px 16px !important; 
    line-height: 1.1 !important; 
}
.price { 
    font-family: "SF-Pro", sans-serif !important;
    font-size: 16px !important; 
    font-weight: 400 !important; 
    color: #000000 !important; 
    text-align: center !important; 
    margin: auto 16px 0 16px !important; 
    margin-top: auto !important;
}

/* 5. Botón Ocultando Descripción */
a.button.add_to_cart_button { 
    font-size: 0 !important; 
    padding: 0 !important; 
    margin: 0 !important; 
    position: static !important; 
    background: transparent !important; 
    border: none !important; 
}
a.button.add_to_cart_button::after {
    content: "COMPRAR" !important;
    font-family: "SF-Pro", sans-serif !important;
    position: absolute !important; 
    bottom: 16px !important; 
    left: 16px !important; 
    right: 16px !important; 
    height: 48px !important;
    background-color: #000000 !important; 
    color: #ffefda !important; /* El color crema exacto */
    font-size: 14px !important; 
    font-weight: 800 !important; 
    letter-spacing: 1px !important;
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    border-radius: 8px !important; 
    transition: background-color 0.2s ease !important;
}
a.button.add_to_cart_button:hover::after { 
    background-color: #222222 !important; 
}
















/* ========================================================
   EFECTO HOVER PARA SEGUNDA IMAGEN (Corregido)
======================================================== */
.imagen-secundaria-hover {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    
    /* MAGIA: En lugar de height 100%, forzamos la misma proporción cuadrada de la foto original */
    height: auto !important; 
    aspect-ratio: 1 / 1 !important; 
    
    object-fit: cover !important;
    border-radius: 14px 14px 0 0 !important; 
    opacity: 0 !important; 
    transition: opacity 0.4s ease-in-out !important; 
    z-index: 2 !important;
    
    /* Evita que la segunda foto bloquee los clics en móviles */
    pointer-events: none !important; 
}

/* Revelar al pasar el cursor */
.elementor-widget-wc-archive-products ul.products li.product:hover .imagen-secundaria-hover {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-006a8ff *//* Centrado y max-width de catalogo de productos */
.elementor-element-006a8ff {
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b0ad154 *//* ==========================================================================
   3. APPLE TV ACTIVE FOCUS - LÍNEAS INTERNAS + ENFOQUE EN PREGUNTA ACTIVA
   ========================================================================== */

.hb-apple-faq {
  width: 100% !important;
  max-width: 650px !important;
  margin: 0 auto !important;
  padding: 30px 16px 85px 16px !important;
  box-sizing: border-box !important;
}

.hb-apple-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: none !important;
}

.hb-apple-item {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border-bottom: none !important;
}

/* Solo líneas interiores */
.hb-apple-item:not(:last-child) {
  border-bottom: 1px solid #d2d2d7 !important;
}

.hb-apple-btn {
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  padding: 19px 0 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 16px !important;
  cursor: pointer !important;
  text-align: left !important;
  outline: none !important;
  white-space: normal !important;
  box-sizing: border-box !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

.hb-apple-q {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #1d1d1f !important;
  letter-spacing: -0.015em !important;
  line-height: 1.38 !important;
  margin: 0 !important;
  text-shadow: none !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  flex: 1 1 auto !important;
  transition: color 0.2s ease, font-weight 0.2s ease !important;
}

/* Enfoque: al abrir se oscurece a negro puro */
.hb-apple-item.is-open .hb-apple-q {
  color: #000000 !important;
  font-weight: 500 !important;
}

.hb-apple-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  width: 20px !important;
  height: 20px !important;
}

.hb-apple-chevron {
  width: 15px !important;
  height: 8px !important;
  color: #86868b !important;
  transform-origin: 50% 50% !important;
  transition: transform 320ms cubic-bezier(0.25, 0.1, 0.25, 1), color 200ms ease !important;
  display: block !important;
  transform: scaleY(1);
}

.hb-apple-item.is-open .hb-apple-chevron {
  transform: scaleY(-1) !important;
  color: #000000 !important;
}

.hb-apple-content {
  display: grid !important;
  grid-template-rows: 0fr !important;
  transition: grid-template-rows 320ms cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}

.hb-apple-item.is-open .hb-apple-content {
  grid-template-rows: 1fr !important;
}

.hb-apple-inner {
  overflow: hidden !important;
}

.hb-apple-inner p {
  margin: 0 0 22px 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: #424245 !important;
  font-weight: 400 !important;
  text-shadow: none !important;
  opacity: 0;
  transition: opacity 280ms ease 40ms;
}

.hb-apple-item.is-open .hb-apple-inner p {
  opacity: 1;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'SF-Pro';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://happybox.mx/wp-content/uploads/subset-SFProDisplay-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'SF-Pro';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('https://happybox.mx/wp-content/uploads/subset-SFProDisplay-Semibold.woff2') format('woff2');
}
@font-face {
	font-family: 'SF-Pro';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('https://happybox.mx/wp-content/uploads/subset-SFProDisplay-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'SF-Pro';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url('https://happybox.mx/wp-content/uploads/subset-SFProDisplay-Black.woff2') format('woff2');
}
/* End Custom Fonts CSS */