.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 *//* ═══════════════════════════════════════
   SWEET IMPORTS — CSS Personalizado
   Pegar en: ☰ → Ajustes del sitio → CSS personalizado
   ═══════════════════════════════════════ */

:root {
  --si-primary:  #6B21C8;
  --si-accent:   #E91E8C;
  --si-yellow:   #FFC107;
  --si-border:   #f0e8ff;
  --si-trans:    all 0.28s ease;
}

/* ── Botones 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; /* mínimo para touch */
  transition: var(--si-trans) !important;
}
.woocommerce .button:hover {
  background: #C2185B !important;
  transform: translateY(-2px) !important;
}

/* ── Badge Oferta ── */
.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;
}

/* ── Precios en violeta ── */
.woocommerce .woocommerce-Price-amount,
.woocommerce ul.products li.product .price {
  color: var(--si-primary) !important;
  font-weight: 900 !important;
}

/* ── Estrellas de calificación ── */
.woocommerce .star-rating span::before {
  color: var(--si-yellow) !important;
}

/* ── Campos del checkout ── */
.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; /* 16px mínimo en iOS — evita zoom automático */
}
.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;
}

/* ═══════════════════════════════════
   MOBILE — Scroll horizontal
   Beneficios (clase: si-benefits-row)
   Categorías (widget WC Elementor PRO)
   ═══════════════════════════════════ */
@media (max-width: 767px) {

  /* Scroll horizontal — sección beneficios */
  .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;
  }

  /* Scroll horizontal — categorías WooCommerce */
  .elementor-widget-woocommerce-product-categories .products {
    display: flex !important; flex-wrap: nowrap !important;
    overflow-x: auto !important; -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important; gap: 14px !important;
    padding-bottom: 4px !important;
  }
  .elementor-widget-woocommerce-product-categories .product-category {
    min-width: 80px !important; flex-shrink: 0 !important; width: auto !important;
  }

  /* Checkout: campos en columna única */
  .woocommerce-billing-fields .form-row,
  .woocommerce-shipping-fields .form-row {
    width: 100% !important; float: none !important; clear: both !important;
  }

  /* Carrito: scroll horizontal en tabla */
  .woocommerce-cart-form {
    overflow-x: auto !important; -webkit-overflow-scrolling: touch !important;
  }

  /* Botón agregar al carrito: compacto en 2 cols */
  .woocommerce ul.products li.product .button {
    font-size: 11px !important; padding: 8px 10px !important;
  }
}/* End custom CSS */