/* Template SuperDiversion: Halloween fashion y luminoso */
:root {
  --sd-black: #2d1833;
  --sd-fuchsia: #f04f98;
  --sd-white: #ffffff;
  --sd-light-gray: #fff8f2;
  --sd-mid-gray: #78657e;
  --sd-dark-gray: #35213b;
  --sd-border: #ead9e9;
  --sd-shadow: 0 14px 38px rgba(91, 52, 103, .12);
  --sd-radius: 18px;
  --template-bg: #fffaf5;
  --template-surface: #ffffff;
  --template-surface-2: #f9f0ff;
  --template-ink: #35213b;
  --template-muted: #78657e;
  --template-orange: #ff8a36;
  --template-pink: #f04f98;
  --template-purple: #9b6ad6;
  --template-lilac: #eadcff;
  --template-focus: rgba(240, 79, 152, .20);
  --page-gradient-top: #d2a0ee;
  --template-font: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --template-number-font: "Arial Rounded MT Bold", Inter, "Segoe UI", sans-serif;
  color-scheme: light;
  accent-color: var(--template-pink);
  scrollbar-color: #d690c9 #f8edf6;
  scrollbar-width: thin;
}

html {
  background: var(--template-bg);
  scroll-behavior: smooth;
}

body {
  background:
    radial-gradient(circle at 88% 2%, rgba(196, 158, 255, .24), transparent 29rem),
    radial-gradient(circle at 2% 24%, rgba(255, 161, 96, .17), transparent 27rem),
    radial-gradient(circle at 72% 82%, rgba(240, 79, 152, .09), transparent 30rem),
    linear-gradient(180deg, #fffaf5 0%, #fff7fb 48%, #faf5ff 100%);
  background-attachment: fixed;
  color: var(--template-ink);
  font-family: var(--template-font);
  font-optical-sizing: auto;
  text-rendering: optimizeLegibility;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .28;
  background-image:
    radial-gradient(circle, rgba(155, 106, 214, .12) 1px, transparent 1.5px),
    radial-gradient(circle, rgba(255, 138, 54, .11) 1px, transparent 1.5px);
  background-position: 0 0, 18px 18px;
  background-size: 36px 36px;
}

*, *::before, *::after { scrollbar-color: #d690c9 #f8edf6; }
*::-webkit-scrollbar { width: 11px; height: 11px; }
*::-webkit-scrollbar-track { background: #f8edf6; border-radius: 999px; }
*::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #c99bea, #f18ab9 58%, #ffab6c);
  border: 2px solid #f8edf6;
  border-radius: 999px;
}
*::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #ad7cda, #ec67a4 58%, #ff9448); }

h1, h2, h3, h4, h5, h6 {
  color: var(--template-ink);
  font-family: var(--template-font);
  font-weight: 900;
  letter-spacing: -.035em;
  text-wrap: balance;
}
h1 { line-height: .98; }
h2 { line-height: 1.05; }
h3 { line-height: 1.12; }
p, li, label, small, div, span { text-rendering: optimizeLegibility; }
p, .muted, small { color: var(--template-muted); }
a { text-underline-offset: .18em; text-decoration-thickness: .08em; }
a:hover { color: var(--template-pink); }

.price-main, .price-currency, .price-dot, .price-decimals,
input[type="number"], [data-countdown-end], .cart-badge, .limited-stock-line,
.summary-row, .product-meta-list, .checkout-summary-box {
  font-family: var(--template-number-font);
  font-variant-numeric: tabular-nums lining-nums;
  letter-spacing: -.025em;
}

input, select, textarea, button { font: inherit; }
input:not([type="checkbox"]):not([type="radio"]), select, textarea {
  background: rgba(255,255,255,.96);
  border: 1px solid #dfcde0;
  border-radius: 13px;
  color: var(--template-ink);
  box-shadow: inset 0 1px 2px rgba(76, 38, 84, .04);
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
input::placeholder, textarea::placeholder { color: #a18fa6; }
input:focus, select:focus, textarea:focus {
  background: #fff;
  border-color: var(--template-pink) !important;
  box-shadow: 0 0 0 4px var(--template-focus) !important;
  outline: 0;
}
input[type="checkbox"], input[type="radio"] { accent-color: var(--template-pink); }

.btn, button, input[type="submit"] {
  border-radius: 13px;
  font-weight: 850;
  letter-spacing: -.01em;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.btn:hover, button:hover, input[type="submit"]:hover { transform: translateY(-1px); filter: saturate(1.08); }
.btn-primary, .search-submit {
  background: linear-gradient(135deg, #f04f98, #ff7d79 55%, #ff9a45) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 9px 24px rgba(240, 79, 152, .25);
}
.btn-secondary {
  background: #fff !important;
  border-color: #ddc9df !important;
  color: var(--template-ink) !important;
}

.desktop-client-bar, .mobile-site-topbar {
  background: rgba(255,255,255,.94) !important;
  border-bottom: 1px solid #ead9e9;
  backdrop-filter: blur(14px);
}
.site-header {
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 5px 25px rgba(74, 40, 82, .11);
}
.desktop-menu-bar {
  background: linear-gradient(90deg, #5c3470, #874f96 48%, #b66592) !important;
}
.nav-item, .mobile-nav-item { font-weight: 780; }
.desktop-menu-bar .nav-item { color: rgba(255,255,255,.86); }
.desktop-menu-bar .nav-item:hover, .desktop-menu-bar .nav-item.is-active {
  background: rgba(255,255,255,.15) !important;
  color: #fff !important;
}
.mobile-nav-item:hover, .mobile-nav-item.is-active { color: var(--template-pink) !important; }
.cart-badge {
  background: linear-gradient(135deg, #f04f98, #ff8a36);
  color: #fff;
  box-shadow: 0 0 0 2px #fff;
}

@media (min-width: 800px) {
  html[data-visual-template="halloween"] body .site-header .desktop-menu-bar {
    background-color: #824c98 !important;
    background-image: linear-gradient(100deg, #754a99 0%, #9d4d9b 34%, #c65391 68%, #dd716f 100%) !important;
    border-top: 1px solid rgba(255,255,255,.15) !important;
    border-bottom: 1px solid rgba(103,49,115,.20) !important;
    box-shadow: 0 7px 22px rgba(105,54,120,.17) !important;
  }

  html[data-visual-template="halloween"] body .site-header .desktop-main-nav,
  html[data-visual-template="halloween"] body .site-header .main-nav.desktop-main-nav {
    background: transparent !important;
  }

  html[data-visual-template="halloween"] body .site-header .desktop-main-nav .nav-item {
    background: transparent !important;
    color: #fff !important;
    border-right: 1px solid rgba(255,255,255,.10) !important;
    text-shadow: 0 1px 6px rgba(66,28,76,.28);
  }

  html[data-visual-template="halloween"] body .site-header .desktop-main-nav .nav-label,
  html[data-visual-template="halloween"] body .site-header .desktop-main-nav .nav-item span,
  html[data-visual-template="halloween"] body .site-header .desktop-main-nav .nav-icon,
  html[data-visual-template="halloween"] body .site-header .desktop-main-nav .nav-icon svg {
    color: #fff !important;
    stroke: #fff !important;
  }

  html[data-visual-template="halloween"] body .site-header .desktop-main-nav .nav-icon svg path,
  html[data-visual-template="halloween"] body .site-header .desktop-main-nav .nav-icon svg circle,
  html[data-visual-template="halloween"] body .site-header .desktop-main-nav .nav-icon svg rect,
  html[data-visual-template="halloween"] body .site-header .desktop-main-nav .nav-icon svg line,
  html[data-visual-template="halloween"] body .site-header .desktop-main-nav .nav-icon svg polyline {
    stroke: #fff !important;
  }

  html[data-visual-template="halloween"] body .site-header .desktop-main-nav .nav-item:hover,
  html[data-visual-template="halloween"] body .site-header .desktop-main-nav .nav-item.is-active {
    background: linear-gradient(135deg, rgba(255,255,255,.28), rgba(255,224,190,.14)) !important;
    color: #fff !important;
    box-shadow: inset 0 -3px 0 #ffd09f, inset 0 0 0 1px rgba(255,255,255,.12) !important;
  }

  html[data-visual-template="halloween"] body .site-header .desktop-main-nav .cart-badge {
    color: #fff !important;
    text-shadow: inherit;
  }
}

.product-card, .home-hero-shell, .home-text-shell, .home-banner-shell,
.home-image-banner, .cart-item, .cart-summary, .shipping-option-card,
.contact-card, .document-card, .empty-state, .client-panel-card,
.category-menu-shell, .category-menu-body,
.hero-panel, .hero-highlight, .simple-card, .opportunity-card,
.product-detail-media, .product-detail-body, .product-description,
.category-description, .community-rainbow-card, .community-rainbow-detail,
.shipping-card, .cart-promo-card, .checkout-shell, .checkout-summary-box,
.whatsapp-order-box, .clientes-shell, .clientes-hero, .clientes-card,
.catalog-card {
  background: rgba(255,255,255,.94) !important;
  border-color: var(--sd-border) !important;
  border-radius: var(--sd-radius);
  box-shadow: var(--sd-shadow);
  color: var(--template-ink);
}
.product-card {
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.product-card:hover {
  border-color: rgba(240,79,152,.42) !important;
  box-shadow: 0 20px 46px rgba(91,52,103,.17), 0 0 0 1px rgba(255,138,54,.08);
  transform: translateY(-3px);
}
.product-card-image, .product-image {
  background: linear-gradient(145deg, #fff, #fdf4ff) !important;
}
.product-price { color: #3d2344; }
.price-old, .product-tax-note { color: #927f97 !important; }
.product-free-shipping { color: #298451 !important; font-weight: 850; }
.limited-progress { background: #eee3f0; }
.limited-progress-bar { background: linear-gradient(90deg, #f04f98, #ff9a45); }

.badge, .eyebrow { border-radius: 999px; font-weight: 850; letter-spacing: .02em; }
.badge { background: #f4e9ff; color: #714091; border: 1px solid #ddc5ef; }
.eyebrow { color: #c73879 !important; }
.category-menu-header { background: linear-gradient(135deg, #f7edff, #fff1e7); }
.category-link { color: #57405c; }
.category-link:hover, .category-link.is-active {
  background: linear-gradient(90deg, #f9e9f5, #fff2e9);
  color: #b42c6b;
}
.category-toggle { color: #9b6aad; }
.section-head { border-bottom-color: #ead9e9; }
.shipping-card.is-selected { border-color: var(--template-pink) !important; box-shadow: 0 0 0 3px var(--template-focus); }
.shipping-icon, .shipping-price, .shipping-free-minimum { color: #c84d83; }
.cart-remove-button { color: #c43c68; }
.search-form, .product-form, .clientes-form, .checkout-form { color: var(--template-ink); }
.search-summary, .category-breadcrumbs, .product-meta-list, .summary-row { color: var(--template-muted); }
.summary-row.total, .whatsapp-folio-number { color: var(--template-ink); }

html[data-visual-template="halloween"] body .site-footer {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: #d956aa !important;
  background-image: linear-gradient(120deg, #a86ade 0%, #d957b6 27%, #f04f98 48%, #ff7d79 72%, #ff9a45 100%) !important;
  border-top: 4px solid #ffd0a4 !important;
  box-shadow: 0 -12px 35px rgba(156, 79, 171, .16);
  color: #fff !important;
}
html[data-visual-template="halloween"] body .site-footer::before,
html[data-visual-template="halloween"] body .site-footer::after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
}
html[data-visual-template="halloween"] body .site-footer::before {
  width: 360px;
  height: 360px;
  top: -230px;
  right: 4%;
  background: rgba(255,255,255,.14);
}
html[data-visual-template="halloween"] body .site-footer::after {
  width: 260px;
  height: 260px;
  bottom: -190px;
  left: 8%;
  background: rgba(115,55,151,.16);
}
html[data-visual-template="halloween"] body .site-footer > .sd-container {
  position: relative;
  z-index: 1;
  background: transparent !important;
}
html[data-visual-template="halloween"] body .site-footer .footer-grid,
html[data-visual-template="halloween"] body .site-footer .footer-column,
html[data-visual-template="halloween"] body .site-footer .footer-bottom { color: #fff !important; }
html[data-visual-template="halloween"] body .site-footer h1,
html[data-visual-template="halloween"] body .site-footer h2,
html[data-visual-template="halloween"] body .site-footer h3,
html[data-visual-template="halloween"] body .site-footer h4,
html[data-visual-template="halloween"] body .site-footer h5,
html[data-visual-template="halloween"] body .site-footer h6,
html[data-visual-template="halloween"] body .site-footer strong,
html[data-visual-template="halloween"] body .site-footer b {
  color: #fff !important;
  text-shadow: 0 2px 12px rgba(92,34,105,.20);
}
html[data-visual-template="halloween"] body .site-footer p,
html[data-visual-template="halloween"] body .site-footer span,
html[data-visual-template="halloween"] body .site-footer li,
html[data-visual-template="halloween"] body .site-footer small,
html[data-visual-template="halloween"] body .site-footer label,
html[data-visual-template="halloween"] body .site-footer a {
  color: rgba(255,255,255,.91) !important;
}
html[data-visual-template="halloween"] body .site-footer .footer-copy {
  color: rgba(255,255,255,.82) !important;
  border-top-color: rgba(255,255,255,.28) !important;
}
html[data-visual-template="halloween"] body .site-footer a:hover {
  color: #fff8cf !important;
  text-shadow: 0 0 14px rgba(255,248,207,.45);
}
html[data-visual-template="halloween"] body .site-footer .footer-social-icon,
html[data-visual-template="halloween"] body .site-footer .footer-social-icon svg {
  color: #fff !important;
  stroke: currentColor !important;
}
html[data-visual-template="halloween"] body .site-footer input,
html[data-visual-template="halloween"] body .site-footer select,
html[data-visual-template="halloween"] body .site-footer textarea {
  background: rgba(255,255,255,.96) !important;
  color: #35213b !important;
}

table {
  border-collapse: separate;
  border-spacing: 0;
  background: rgba(255,255,255,.96);
  border: 1px solid var(--sd-border);
  border-radius: 14px;
  overflow: hidden;
  color: var(--template-ink);
}
th { background: linear-gradient(90deg, #f4eaff, #fff0e8); color: #58345e; font-weight: 850; }
th, td { border-bottom: 1px solid var(--sd-border); padding: .8rem; }
hr { border: 0; border-top: 1px solid var(--sd-border); }
.notice { background: #eaf9ef !important; border-color: #9bd5ae !important; color: #17643a !important; }
.error { background: #fff0f2 !important; border-color: #f2adb8 !important; color: #9b2941 !important; }
::selection { background: #f5b6d5; color: #5b1640; }

@media (max-width: 799.99px) {
  :root { --sd-radius: 13px; }
  body { background-attachment: scroll; }
  .product-card, .home-image-banner, .home-hero-shell { box-shadow: 0 9px 26px rgba(91,52,103,.12); }

  html[data-visual-template="halloween"] body .mobile-bottom-nav,
  html[data-visual-template="halloween"] body .mobile-bottom-nav-2rows {
    background-color: #d956aa !important;
    background-image: linear-gradient(120deg, #a86ade 0%, #d957b6 28%, #f04f98 50%, #ff7d79 73%, #ff9a45 100%) !important;
    border-top: 1px solid rgba(255,255,255,.38) !important;
    box-shadow: 0 -10px 30px rgba(137,70,151,.25) !important;
  }

  html[data-visual-template="halloween"] body .mobile-bottom-nav-2rows .mobile-nav-item,
  html[data-visual-template="halloween"] body .mobile-bottom-nav-2rows .mobile-account-toggle,
  html[data-visual-template="halloween"] body .mobile-bottom-nav-2rows .mobile-category-footer-toggle {
    background: transparent !important;
    border: 0 !important;
    color: #fff !important;
    text-shadow: 0 1px 7px rgba(83,31,91,.28);
    box-shadow: none !important;
  }

  html[data-visual-template="halloween"] body .mobile-bottom-nav-2rows .mobile-nav-item .nav-label,
  html[data-visual-template="halloween"] body .mobile-bottom-nav-2rows .mobile-nav-item .nav-icon,
  html[data-visual-template="halloween"] body .mobile-bottom-nav-2rows .mobile-nav-item span,
  html[data-visual-template="halloween"] body .mobile-bottom-nav-2rows .mobile-nav-item svg {
    color: #fff !important;
    stroke: #fff !important;
  }

  html[data-visual-template="halloween"] body .mobile-bottom-nav-2rows .mobile-nav-item svg path,
  html[data-visual-template="halloween"] body .mobile-bottom-nav-2rows .mobile-nav-item svg circle,
  html[data-visual-template="halloween"] body .mobile-bottom-nav-2rows .mobile-nav-item svg rect,
  html[data-visual-template="halloween"] body .mobile-bottom-nav-2rows .mobile-nav-item svg line,
  html[data-visual-template="halloween"] body .mobile-bottom-nav-2rows .mobile-nav-item svg polyline {
    stroke: #fff !important;
  }

  html[data-visual-template="halloween"] body .mobile-bottom-nav-2rows .mobile-nav-item:hover,
  html[data-visual-template="halloween"] body .mobile-bottom-nav-2rows .mobile-nav-item:active,
  html[data-visual-template="halloween"] body .mobile-bottom-nav-2rows .mobile-nav-item.is-active,
  html[data-visual-template="halloween"] body .mobile-bottom-nav-2rows .mobile-nav-item.is-pressed {
    background: linear-gradient(135deg, rgba(255,255,255,.27), rgba(255,244,211,.13)) !important;
    color: #fff !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.32), 0 5px 15px rgba(100,38,111,.13) !important;
  }

  html[data-visual-template="halloween"] body .mobile-bottom-nav-2rows .cart-badge {
    background: linear-gradient(135deg, #7e4ab1, #f04f98) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    box-shadow: 0 2px 8px rgba(84,37,101,.32) !important;
    text-shadow: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}