/* Template SuperDiversion: Todo el año */
:root {
  --sd-black: #111318;
  --sd-fuchsia: #ff1493;
  --sd-white: #ffffff;
  --sd-light-gray: #f5f6f8;
  --sd-mid-gray: #667085;
  --sd-dark-gray: #2e3440;
  --sd-border: #e4e7ec;
  --sd-shadow: 0 12px 36px rgba(16, 24, 40, .09);
  --sd-radius: 16px;
  --template-bg: #fff;
  --template-surface: #fff;
  --template-ink: #17191f;
  --template-muted: #667085;
  --template-accent: #ff1493;
  --template-accent-2: #ffd43b;
  --template-focus: rgba(255, 20, 147, .22);
  --page-gradient-top: #ff8bc7;
  --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-accent);
  scrollbar-color: #ff5eb2 #f1f2f4;
  scrollbar-width: thin;
}

html { background: var(--template-bg); scroll-behavior: smooth; }
body {
  background:
    radial-gradient(circle at 5% 0%, rgba(255, 20, 147, .045), transparent 24rem),
    radial-gradient(circle at 95% 12%, rgba(255, 212, 59, .08), transparent 22rem),
    var(--template-bg);
  color: var(--template-ink);
  font-family: var(--template-font);
  font-optical-sizing: auto;
  text-rendering: optimizeLegibility;
}

*, *::before, *::after { scrollbar-color: #ff5eb2 #f1f2f4; }
*::-webkit-scrollbar { width: 11px; height: 11px; }
*::-webkit-scrollbar-track { background: #f1f2f4; border-radius: 999px; }
*::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #ff1493, #ff71bc); border: 2px solid #f1f2f4; border-radius: 999px; }
*::-webkit-scrollbar-thumb:hover { background: #e6007e; }

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-accent); }

.price-main, .price-currency, .price-dot, .price-decimals,
input[type="number"], [data-countdown-end], .cart-badge, .limited-stock-line {
  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: #fff;
  border: 1px solid #d8dce3;
  border-radius: 12px;
  color: var(--template-ink);
  box-shadow: inset 0 1px 2px rgba(16, 24, 40, .04);
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
input::placeholder, textarea::placeholder { color: #98a2b3; }
input:focus, select:focus, textarea:focus {
  border-color: var(--template-accent) !important;
  box-shadow: 0 0 0 4px var(--template-focus) !important;
  outline: 0;
}
input[type="checkbox"], input[type="radio"] { accent-color: var(--template-accent); }

.btn, button, input[type="submit"] {
  border-radius: 12px;
  font-weight: 850;
  letter-spacing: -.01em;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease;
}
.btn:hover, button:hover, input[type="submit"]:hover { transform: translateY(-1px); }
.btn-primary, .search-submit {
  background: linear-gradient(135deg, #ff1493, #e50078) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(255, 20, 147, .24);
}
.btn-secondary { background: #fff !important; border-color: var(--sd-border) !important; color: var(--template-ink) !important; }

.site-header, .mobile-site-topbar, .mobile-bottom-nav { box-shadow: 0 4px 24px rgba(16, 24, 40, .08); }
.desktop-client-bar { background: #fff; }
.desktop-menu-bar, .site-footer { background: #111318 !important; }
.nav-item, .mobile-nav-item { font-weight: 780; }
.nav-item.is-active, .mobile-nav-item.is-active { color: #fff; }
.cart-badge { background: var(--template-accent); color: #fff; box-shadow: 0 0 0 2px #111318; }

.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 {
  background: rgba(255, 255, 255, .96);
  border-color: var(--sd-border);
  border-radius: var(--sd-radius);
  box-shadow: var(--sd-shadow);
}
.product-card { transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.product-card:hover { border-color: rgba(255, 20, 147, .32); box-shadow: 0 18px 42px rgba(16, 24, 40, .14); transform: translateY(-3px); }
.product-price { color: #14161b; }
.price-old { color: #8a92a2; }
.product-free-shipping { color: #087a3e; font-weight: 850; }
.badge, .eyebrow { border-radius: 999px; font-weight: 850; letter-spacing: .015em; }
.eyebrow { color: #bc0069; }

.category-menu-shell, .category-menu-body { background: rgba(255,255,255,.98); border-color: var(--sd-border); }
.category-link:hover, .category-link.is-active { background: #fff0f8; color: #b70068; }
.section-head { border-bottom-color: var(--sd-border); }

.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, .document-card, .contact-card {
  background-color: rgba(255,255,255,.96);
  border-color: var(--sd-border);
  color: var(--template-ink);
  box-shadow: var(--sd-shadow);
}
.shipping-card.is-selected { border-color: var(--template-accent); box-shadow: 0 0 0 3px var(--template-focus); }
.cart-remove-button { color: #c01554; }
.summary-row, .product-meta-list, .checkout-summary-box { font-variant-numeric: tabular-nums; }
.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); }

.site-footer,
.site-footer .footer-grid,
.site-footer .footer-column,
.site-footer .footer-bottom { color: #fff !important; }
.site-footer h1, .site-footer h2, .site-footer h3,
.site-footer h4, .site-footer h5, .site-footer h6,
.site-footer strong, .site-footer b { color: #fff !important; }
.site-footer p, .site-footer span, .site-footer li,
.site-footer small, .site-footer label, .site-footer a {
  color: rgba(255,255,255,.82) !important;
}
.site-footer .footer-copy {
  color: rgba(255,255,255,.72) !important;
  border-top-color: rgba(255,255,255,.18) !important;
}
.site-footer a:hover { color: #ff8dcc !important; }
.site-footer input, .site-footer select, .site-footer textarea {
  background: #fff !important;
  color: #17191f !important;
}

table { border-collapse: separate; border-spacing: 0; background: #fff; border: 1px solid var(--sd-border); border-radius: 14px; overflow: hidden; }
th { background: #f5f6f8; color: #344054; font-weight: 850; }
th, td { border-bottom: 1px solid var(--sd-border); padding: .8rem; }
hr { border: 0; border-top: 1px solid var(--sd-border); }
::selection { background: #ffb8df; color: #5c0038; }

@media (max-width: 799.98px) {
  :root { --sd-radius: 12px; }
  .product-card, .home-image-banner, .home-hero-shell { box-shadow: 0 8px 24px rgba(16,24,40,.09); }
}

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