.elementor-kit-7{--e-global-color-primary:#6B21C8;--e-global-color-secondary:#E91E8C;--e-global-color-text:#1A1A2E;--e-global-color-accent:#FFC107;--e-global-typography-primary-font-family:"Nunito";--e-global-typography-primary-font-size:52px;--e-global-typography-primary-font-weight:900;--e-global-typography-secondary-font-family:"Nunito";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:800;--e-global-typography-text-font-family:"Nunito Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Nunito Sans";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:700;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:#E91E8C;font-size:15px;color:#FFFFFF;border-radius:30px 30px 30px 30px;padding:14px 32px 0px 0px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:#C2185B;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-primary-font-size:36px;--e-global-typography-secondary-font-size:20px;--e-global-typography-text-font-size:15px;--e-global-typography-accent-font-size:13px;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-primary-font-size:26px;--e-global-typography-secondary-font-size:18px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:13px;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:14px;padding:12px 22px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ═══════════════════════════════════════
   BITE THE WORLD — CSS Personalizado
   ═══════════════════════════════════════ */

:root {
  --si-primary:  #6B21C8;
  --si-accent:   #E91E8C;
  --si-yellow:   #FFC107;
  --si-border:   #f0e8ff;
  --si-trans:    all 0.28s ease;
}

/* ══════════════════════════════════
   FIX OVERFLOW GLOBAL
   ══════════════════════════════════ */
html {
  overflow-x: hidden !important;
  max-width: 100% !important;
}

* {
  box-sizing: border-box;
}

/* ══════════════════════════════════
   GLOBAL — WOOCOMMERCE
   ══════════════════════════════════ */

.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #place_order,
.woocommerce .checkout-button {
  background: var(--si-accent) !important;
  color: #fff !important;
  border-radius: 30px !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  border: none !important;
  min-height: 44px !important;
  transition: var(--si-trans) !important;
}
.woocommerce .button:hover {
  background: #C2185B !important;
  transform: translateY(-2px) !important;
}

.woocommerce span.onsale {
  background: var(--si-accent) !important;
  border-radius: 20px !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  min-height: auto !important;
  min-width: auto !important;
  padding: 3px 10px !important;
}

.woocommerce .woocommerce-Price-amount,
.woocommerce ul.products li.product .price {
  color: var(--si-primary) !important;
  font-weight: 900 !important;
}

.woocommerce .star-rating span::before {
  color: var(--si-yellow) !important;
}

.woocommerce-checkout .form-row input,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
  border: 2px solid var(--si-border) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 16px !important;
}
.woocommerce-checkout .form-row input:focus {
  border-color: var(--si-primary) !important;
  box-shadow: 0 0 0 3px rgba(107,33,200,0.12) !important;
  outline: none !important;
}

/* ══════════════════════════════════
   CARDS DE PRODUCTO
   ══════════════════════════════════ */
.woocommerce ul.products li.product {
  border-radius: 14px !important;
  border: 1px solid #f0e8ff !important;
  overflow: hidden !important;
  background: #fff !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 10px 28px rgba(107,33,200,0.15) !important;
}
.woocommerce ul.products li.product img {
  border-radius: 0 !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 10px 12px 4px !important;
  color: #1a1a2e !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 72px !important;
}
.woocommerce ul.products li.product .price {
  padding: 0 12px !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  color: #6B21C8 !important;
}
.woocommerce ul.products li.product .button {
  display: block !important;
  width: calc(100% - 24px) !important;
  margin: 8px 12px 12px !important;
  text-align: center !important;
  border-radius: 30px !important;
  background: #E91E8C !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  min-height: auto !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  line-height: 1.2 !important;
}
.woocommerce ul.products li.product .button:hover {
  background: #C2185B !important;
  transform: none !important;
}
.woocommerce ul.products li.product .star-rating,
.woocommerce ul.products li.product .woocommerce-review-link {
  display: none !important;
}
.woocommerce ul.products li.product .added_to_cart {
  display: block !important;
  width: calc(100% - 24px) !important;
  margin: 4px 12px 12px !important;
  text-align: center !important;
  border-radius: 30px !important;
  border: 2px solid #6B21C8 !important;
  color: #6B21C8 !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  padding: 6px 0 !important;
  transition: all 0.25s ease !important;
  background: transparent !important;
}
.woocommerce ul.products li.product .added_to_cart:hover {
  background: #6B21C8 !important;
  color: #fff !important;
}

/* ══════════════════════════════════
   NEWSLETTER
   ══════════════════════════════════ */
.si-newsletter-form .elementor-col-80 {
  width: 75% !important;
  flex: none !important;
}
.si-newsletter-form .elementor-col-20 {
  width: 25% !important;
  flex: none !important;
}
.si-newsletter-form .elementor-form-fields-wrapper {
  gap: 0 !important;
}

/* ══════════════════════════════════
   BENEFICIOS
   ══════════════════════════════════ */
.si-benefits-row { overflow-x: auto; }
.benefits-card {
  max-width: 1100px;
  margin: -30px auto 0 auto;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}
.si-benefits-row h3 {
  font-size: 14px !important;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 2px;
}
.si-benefits-row p {
  font-size: 12px !important;
  line-height: 1.3;
  color: #777;
  margin: 0;
}

/* ══════════════════════════════════
   HERO TITLE
   ══════════════════════════════════ */
.highlight { color: #FFC107; }
.hero-title {
  font-family: 'Nunito', sans-serif;
  font-weight: 900;
  font-size: 52px;
  color: #ffffff;
  line-height: 1.1;
  margin: 0;
}
.hero-title .highlight { color: #FFC107; }

/* ══════════════════════════════════
   OTROS
   ══════════════════════════════════ */
.no-hover:hover {
  background-color: #E91E8C !important;
  color: #ffffff !important;
  transform: none !important;
  box-shadow: none !important;
}

.woocommerce ul.products li.product-category .count {
  display: none !important;
}

/* ══════════════════════════════════
   TABLET (max-width: 1024px)
   ══════════════════════════════════ */
@media (max-width: 1024px) {
  .hero-title { font-size: 36px; }
}

/* ══════════════════════════════════
   MOBILE (max-width: 767px)
   ══════════════════════════════════ */
@media (max-width: 767px) {

  .hero-title { font-size: 26px; }

  /* Header — fila horizontal */
  .elementor-element-81b101e,
  .elementor-element-81b101e &gt; .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
  }
  .elementor-element-cf28883,
  .elementor-element-25d7a3c,
  .elementor-element-990b2c3 {
    flex: 1 !important;
    width: auto !important;
    max-width: none !important;
  }
  .elementor-element-cf28883 { flex: 0 0 auto !important; }
  .elementor-element-990b2c3 { flex: 0 0 auto !important; }
  .elementor-element-25d7a3c { display: none !important; }
  
  /* Fix desplazamiento -80px del bloque carrito */
.wp-block-woocommerce-cart,
.with-scroll-to-top__scroll-point,
.wc-block-components-sidebar-layout {
  margin-left: 0 !important;
  padding-left: 0 !important;
  left: 0 !important;
  position: relative !important;
  transform: none !important;
}

  /* Buscador mobile */
  .elementor-element-016c3d1 .elementor-search-form__container {
    background: #f8f5ff !important;
    border: 2px solid #e8e0f5 !important;
    border-radius: 30px !important;
    padding: 4px 6px 4px 14px !important;
    display: flex !important;
    align-items: center !important;
  }
  .elementor-element-016c3d1 .elementor-search-form__input {
    background: transparent !important;
    font-size: 14px !important;
    color: #1a1a2e !important;
    border: none !important;
    outline: none !important;
  }
  .elementor-element-016c3d1 .elementor-search-form__submit {
    background: #6B21C8 !important;
    border-radius: 50% !important;
    color: #fff !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border: none !important;
  }

  /* Beneficios — scroll horizontal */
  .si-benefits-row .elementor-row,
  .si-benefits-row .e-con-inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    padding-bottom: 4px !important;
  }
  .si-benefits-row .elementor-column,
  .si-benefits-row .e-con {
    min-width: 130px !important;
    flex-shrink: 0 !important;
  }

  /* Checkout — columna única */
  .woocommerce-billing-fields .form-row,
  .woocommerce-shipping-fields .form-row {
    width: 100% !important;
    float: none !important;
    clear: both !important;
  }

  /* Botón carrito compacto */
  .woocommerce ul.products li.product .button {
    font-size: 11px !important;
    padding: 8px 10px !important;
  }

  .woocommerce ul.products li.product-category .woocommerce-loop-category__title {
    text-align: center !important;
  }

  /* ══════════════════════════════════
     FIX CARRITO ELEMENTOR — PANEL
     ══════════════════════════════════ */
  .elementor-menu-cart__container {
    width: 100% !important;
    max-width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
  }

  /* ══════════════════════════════════
     CARRITO MOBILE — Bloque Gutenberg
     ══════════════════════════════════ */

  .wp-block-woocommerce-cart {
    overflow-x: hidden !important;
    padding: 0 !important;
  }

  .wc-block-components-sidebar-layout,
  .wp-block-woocommerce-filled-cart-block {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  .wc-block-components-main,
  .wp-block-woocommerce-cart-items-block {
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    float: none !important;
  }

  .wc-block-components-sidebar,
  .wp-block-woocommerce-cart-totals-block {
    width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    position: static !important;
  }

  .wc-block-cart-items__header,
  .wc-block-cart-items {
    display: block !important;
    width: 100% !important;
  }

  .wc-block-cart-items__header {
    display: none !important;
  }

  .wc-block-cart-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid #f0e8ff !important;
    width: 100% !important;
  }

  .wc-block-cart-item__image {
    width: 72px !important;
    min-width: 72px !important;
    flex-shrink: 0 !important;
  }
  .wc-block-cart-item__image img {
    width: 72px !important;
    height: 72px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
  }

  .wc-block-cart-item__product {
    flex: 1 !important;
    min-width: 0 !important;
  }

  .wc-block-components-product-name {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    display: block !important;
    margin-bottom: 6px !important;
  }

  .wc-block-components-quantity-.elementor-kit-7 {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 6px !important;
  }
  .wc-block-components-quantity-.elementor-kit-7__button {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    border-radius: 50% !important;
    border: 1.5px solid #6B21C8 !important;
    background: transparent !important;
    color: #6B21C8 !important;
    font-size: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
  }
  .wc-block-components-quantity-.elementor-kit-7__value {
    font-size: 14px !important;
    font-weight: 700 !important;
    min-width: 28px !important;
    text-align: center !important;
    border: 1.5px solid #f0e8ff !important;
    border-radius: 6px !important;
    padding: 4px 8px !important;
  }

  .wc-block-cart-item__prices {
    font-size: 15px !important;
    font-weight: 900 !important;
    color: #6B21C8 !important;
  }

  .wc-block-cart-item__remove-link {
    font-size: 11px !important;
    color: #999 !important;
    margin-top: 4px !important;
    display: inline-block !important;
  }

  .wc-block-cart__totals-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
  }
  .wc-block-components-totals-wrapper {
    border-radius: 12px !important;
    border: 1px solid #f0e8ff !important;
    padding: 16px !important;
    background: #fff !important;
  }

  .wc-block-cart__submit-container {
    padding: 0 !important;
  }
  .wc-block-cart__submit-container .wc-block-components-checkout-place-order-button,
  .wc-block-cart__submit-container a,
  .wc-block-cart__submit-container button {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    border-radius: 30px !important;
    min-height: 48px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    background: #E91E8C !important;
    color: #fff !important;
    border: none !important;
    margin-top: 12px !important;
  }

  .wc-block-components-totals-coupon__form {
    flex-direction: column !important;
    gap: 8px !important;
  }
  .wc-block-components-totals-coupon__form input {
    width: 100% !important;
    border-radius: 8px !important;
    font-size: 14px !important;
  }
  .wc-block-components-totals-coupon__form button {
    width: 100% !important;
    border-radius: 30px !important;
  }

  /* ══════════════════════════════════
     CARRITO VACÍO — Bloque Gutenberg
     ══════════════════════════════════ */
  .wp-block-woocommerce-empty-cart-block {
    overflow-x: hidden !important;
    width: 100% !important;
    padding: 0 !important;
  }
  .wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-cart-cross-sells-block,
  .wp-block-woocommerce-empty-cart-block .wc-block-cart__cross-sells,
  .wp-block-woocommerce-cart-cross-sells-block {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .wp-block-woocommerce-empty-cart-block ul.products,
  .wp-block-woocommerce-cart-cross-sells-block ul.products,
  .wc-block-cart__cross-sells ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    width: 100% !important;
    overflow-x: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .wp-block-woocommerce-empty-cart-block a.wp-element-button {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    border-radius: 30px !important;
  }


}

/* Fix WhatsApp flotante */
.qlwapp__container {
  right: 16px !important;
  left: auto !important;
  max-width: calc(100vw - 32px) !important;
}/* End custom CSS */