*, *::before, *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html {
      scroll-behavior: smooth;
      -webkit-text-size-adjust: 100%;
    }

    body {
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      color: #1e293b;
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: relative;
      isolation: isolate;
      width: 100%;
      max-width: 100vw;
      overflow-x: hidden;
    }

    .frontend-public-page {
      background-color: #ffffff;
    }

    .frontend-page-inicio section:first-of-type > [style*="position:absolute"][style*="inset:0"][style*="background:rgba(255,255,255"],
    .frontend-page-inicio section:first-of-type > [style*="position:absolute"][style*="inset:0"][style*="background: rgba(255,255,255"],
    .frontend-page-inicio section:first-of-type > [style*="position: absolute"][style*="inset: 0"][style*="background:rgba(255,255,255"],
    .frontend-page-inicio section:first-of-type > [style*="position: absolute"][style*="inset: 0"][style*="background: rgba(255,255,255"],
    .frontend-page-inicio section:first-of-type > [style*="position:absolute"][style*="inset:0"][style*="background:rgba(255, 255, 255"],
    .frontend-page-inicio section:first-of-type > [style*="position: absolute"][style*="inset: 0"][style*="background: rgba(255, 255, 255"],
    .frontend-page-inicio section:first-of-type > [style*="position:absolute"][style*="inset:0"][style*="rgba(255,255,255"],
    .frontend-page-inicio section:first-of-type > [style*="position: absolute"][style*="inset: 0"][style*="rgba(255, 255, 255"] {
      background: linear-gradient(90deg, rgba(15, 23, 42, 0.42), rgba(15, 23, 42, 0.18)) !important;
      opacity: 1 !important;
    }

    .frontend-page-inicio section:first-of-type > img[style*="opacity:."],
    .frontend-page-inicio section:first-of-type > picture img[style*="opacity:."] {
      opacity: 1 !important;
    }

    .frontend-public-page #navPanel.nav-panel {
      position: fixed;
      top: 112px;
      right: 18px;
      z-index: 4200;
      width: min(280px, calc(100vw - 32px));
      max-height: calc(100dvh - 132px);
      overflow: auto;
      padding: 14px;
      border: 1px solid rgba(15, 23, 42, 0.1);
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.94);
      box-shadow: 0 24px 70px rgba(15, 23, 42, 0.16);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
    }

    .frontend-public-page #navPanel .nav-panel__header {
      margin-bottom: 8px;
    }

    .frontend-public-page #navPanel .nav-panel__title {
      display: block;
      color: #0f172a;
      font-size: 0.78rem;
      font-weight: 850;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .frontend-public-page #navPanel .nav-panel__list {
      display: grid;
      gap: 6px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .frontend-public-page #navPanel .nav-item {
      display: grid;
      grid-template-columns: 24px minmax(0, 1fr) 18px;
      align-items: center;
      gap: 9px;
      min-height: 42px;
      padding: 8px 10px;
      border-radius: 12px;
      color: #334155;
      text-decoration: none;
      font-size: 0.9rem;
      font-weight: 750;
      line-height: 1.25;
      transition: background .18s ease, color .18s ease, transform .18s ease;
    }

    .frontend-public-page #navPanel .nav-item:hover,
    .frontend-public-page #navPanel .nav-item.active {
      background: rgba(34, 197, 94, 0.1);
      color: #14532d;
      transform: translateX(-2px);
    }

    .frontend-public-page #navPanel .nav-item__icon {
      display: inline-grid;
      place-items: center;
      width: 24px;
      height: 24px;
      font-size: 1rem;
      line-height: 1;
    }

    .frontend-public-page #navPanel .nav-item__text {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .frontend-public-page #navPanel .nav-item__arrow {
      display: block;
      width: 18px !important;
      height: 18px !important;
      max-width: 18px;
      max-height: 18px;
      flex: 0 0 18px;
      color: currentColor;
    }

    .frontend-public-page #navPanel .nav-panel__footer {
      margin-top: 10px;
    }

    .frontend-public-page #navPanel .nav-panel__wa {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      width: 100%;
      min-height: 42px;
      padding: 8px 12px;
      border-radius: 12px;
      background: #16a34a;
      color: #ffffff;
      text-decoration: none;
      font-weight: 850;
      line-height: 1.2;
    }

    .frontend-public-page #navPanel .nav-panel__wa svg {
      display: block;
      width: 18px !important;
      height: 18px !important;
      max-width: 18px;
      max-height: 18px;
      flex: 0 0 18px;
    }

    .frontend-public-page [data-sipet-block="whatsapp-float"] [data-sipet-wa-shell] {
      width: auto !important;
      max-width: calc(100vw - 32px) !important;
      padding: 0 !important;
      border: 0 !important;
      border-radius: 999px !important;
      background: transparent !important;
      box-shadow: none !important;
      gap: 0 !important;
      font-family: Inter, system-ui, sans-serif !important;
    }

    .frontend-public-page [data-sipet-block="whatsapp-float"] [data-sipet-wa-mark],
    .frontend-public-page [data-sipet-block="whatsapp-float"] [data-sipet-wa-copy],
    .frontend-public-page [data-sipet-block="whatsapp-float"] [data-sipet-wa-title],
    .frontend-public-page [data-sipet-block="whatsapp-float"] [data-sipet-wa-meta] {
      display: none !important;
    }

    .frontend-public-page [data-sipet-block="whatsapp-float"] [data-sipet-wa-link] {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-height: 48px !important;
      padding: 0 22px !important;
      border: 2px solid #0f172a !important;
      border-radius: 999px !important;
      background: #25d366 !important;
      color: #ffffff !important;
      font-size: 0.9rem !important;
      font-weight: 900 !important;
      line-height: 1 !important;
      text-decoration: none !important;
      white-space: nowrap !important;
      box-shadow: 0 14px 30px rgba(37, 211, 102, 0.32) !important;
    }

    @media (max-width: 1100px) {
      .frontend-public-page #navPanel.nav-panel {
        display: none;
      }
    }

    img {
      max-width: 100%;
      height: auto;
      display: block;
    }

    a {
      color: inherit;
    }

    .sipet-auth-corner {
      position: fixed;
      top: 14px;
      right: 14px;
      z-index: 4300;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 24px;
      height: 24px;
      border-radius: 999px;
      border: 1px solid rgba(255, 255, 255, 0.22);
      background: rgba(15, 23, 42, 0.82);
      color: #ffffff;
      text-decoration: none;
      box-shadow: 0 18px 40px rgba(15, 23, 42, 0.22);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
    }

    .sipet-auth-corner:hover {
      transform: translateY(-1px);
      box-shadow: 0 24px 52px rgba(15, 23, 42, 0.28);
      background: rgba(15, 23, 42, 0.92);
    }

    .sipet-auth-corner:focus-visible {
      outline: 3px solid rgba(59, 130, 246, 0.28);
      outline-offset: 3px;
    }

    .sipet-auth-corner__icon {
      font-size: 0.56rem;
      line-height: 1;
    }

    .sipet-auth-corner__avatar {
      display: none;
      width: 100%;
      height: 100%;
      border-radius: inherit;
      object-fit: cover;
    }

    .sipet-auth-corner.is-user-image {
      padding: 0;
      overflow: hidden;
      border-color: rgba(255, 255, 255, 0.34);
      background: rgba(255, 255, 255, 0.92);
    }

    .sipet-auth-corner.is-user-image .sipet-auth-corner__icon {
      display: none;
    }

    .sipet-auth-corner.is-user-image .sipet-auth-corner__avatar {
      display: block;
    }

    .sipet-auth-corner__label {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }

    .promo-bar {
      position: relative;
      z-index: 4200 !important;
    }

    .topbar {
      position: relative;
      z-index: 4100 !important;
    }

    body nav[style*="position:sticky"],
    body nav[style*="position: fixed"],
    body nav[style*="position:fixed"],
    body nav[style*="position:absolute"][style*="top:0"],
    body nav[style*="position: absolute"][style*="top: 0"] {
      z-index: 4100 !important;
    }

    iframe,
    video,
    canvas,
    svg {
      max-width: 100%;
    }

    @media (max-width: 900px) {
      body nav[style*="display:flex"],
      body section[style*="display:flex"],
      body div[style*="display:flex"] {
        flex-wrap: wrap !important;
      }

      body [style*="grid-template-columns:1fr 1fr"],
      body [style*="grid-template-columns: 1fr 1fr"],
      body [style*="grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)"],
      body [style*="grid-template-columns:minmax(0,1.25fr) minmax(280px, .75fr)"] {
        grid-template-columns: 1fr !important;
      }

      body [style*="min-height:100vh"],
      body [style*="min-height: 100vh"],
      body [style*="height:100vh"],
      body [style*="height: 100vh"] {
        min-height: auto !important;
        height: auto !important;
      }

      body [style*="width:420px"],
      body [style*="width: 420px"],
      body [style*="width:480px"],
      body [style*="width: 480px"] {
        width: 100% !important;
      }
    }

    @media (max-width: 768px) {
      body {
        font-size: 15px;
      }

      body [style*="padding:80px 5% 64px"],
      body [style*="padding:80px 5%;"],
      body [style*="padding:100px 5%"],
      body [style*="padding:120px 6% 100px"],
      body [style*="padding:120px 6% 100px;"] {
        padding: 56px 20px !important;
      }

      body [style*="font-size:9rem"],
      body [style*="font-size: 9rem"],
      body [style*="font-size:8.8rem"],
      body [style*="font-size: 8.8rem"] {
        font-size: clamp(3.1rem, 17vw, 4.8rem) !important;
        white-space: normal !important;
        text-align: center !important;
      }

      body [style*="justify-content:flex-end"] {
        justify-content: center !important;
      }

      [data-sipet-block="shop-banner-slider"] {
        min-height: 880px !important;
      }

      [data-sipet-block="header-slider"] {
        min-height: 720px !important;
      }

      [data-sipet-block="header-slider"] [data-sipet-prev],
      [data-sipet-block="header-slider"] [data-sipet-next] {
        width: 44px !important;
        height: 44px !important;
        top: auto !important;
        bottom: 18px !important;
        transform: none !important;
      }

      [data-sipet-block="header-slider"] [data-sipet-prev] {
        left: 16px !important;
      }

      [data-sipet-block="header-slider"] [data-sipet-next] {
        right: 16px !important;
      }

      [data-sipet-block="header-slider"] [data-sipet-dot] {
        width: 28px !important;
      }

      [data-sipet-block="header-slider"] [style*="min-height:88vh"] {
        min-height: 720px !important;
        align-items: flex-end !important;
        justify-content: center !important;
        padding: 92px 20px 92px !important;
        text-align: center !important;
      }

      [data-sipet-block="header-slider"] [style*="justify-content:flex-end"] {
        justify-content: center !important;
      }

      [data-sipet-block="header-slider"] [style*="max-width:640px"],
      [data-sipet-block="header-slider"] [style*="max-width:620px"],
      [data-sipet-block="header-slider"] [style*="max-width:660px"] {
        max-width: 100% !important;
        text-align: center !important;
      }

      [data-sipet-block="shop-banner-slider"] [data-sipet-shop-prev],
      [data-sipet-block="shop-banner-slider"] [data-sipet-shop-next] {
        width: 48px !important;
        height: 48px !important;
        top: auto !important;
        bottom: 20px !important;
        transform: none !important;
      }

      [data-sipet-block="shop-banner-slider"] [data-sipet-shop-prev] {
        left: 16px !important;
      }

      [data-sipet-block="shop-banner-slider"] [data-sipet-shop-next] {
        right: 16px !important;
      }

      [data-sipet-block="shop-banner-slider"] [data-sipet-shop-dots] {
        left: 50% !important;
        right: auto !important;
        bottom: 24px !important;
        transform: translateX(-50%) !important;
      }

      [data-sipet-block="shop-banner-slider"] [style*="top:148px"],
      [data-sipet-block="shop-banner-slider"] [style*="top: 148px"] {
        top: 86px !important;
        width: min(92vw, 520px) !important;
        font-size: clamp(3rem, 16vw, 4.8rem) !important;
        white-space: normal !important;
        line-height: .92 !important;
        text-align: center !important;
      }

      [data-sipet-block="shop-banner-slider"] [style*="top:230px"],
      [data-sipet-block="shop-banner-slider"] [style*="top: 230px"],
      [data-sipet-block="shop-banner-slider"] [style*="top:218px"],
      [data-sipet-block="shop-banner-slider"] [style*="top: 218px"] {
        top: 190px !important;
        width: min(88vw, 420px) !important;
      }

      [data-sipet-block="shop-banner-slider"] [style*="width:220px;height:220px"],
      [data-sipet-block="shop-banner-slider"] [style*="width: 220px;height: 220px"],
      [data-sipet-block="shop-banner-slider"] [style*="width:200px;height:200px"],
      [data-sipet-block="shop-banner-slider"] [style*="width: 200px;height: 200px"] {
        top: 420px !important;
        right: 50% !important;
        left: auto !important;
        width: 150px !important;
        height: 150px !important;
        transform: translateX(50%) !important;
      }

      [data-sipet-block="shop-banner-slider"] [style*="bottom:142px"] {
        left: 50% !important;
        bottom: 132px !important;
        width: min(90vw, 420px) !important;
        min-width: 0 !important;
        gap: 8px !important;
        font-size: .92rem !important;
        text-align: left !important;
      }

      [data-sipet-block="shop-banner-slider"] a[style*="ADD TO CART"] {
        bottom: 72px !important;
        width: min(86vw, 320px) !important;
        padding: 16px 22px !important;
        font-size: 1rem !important;
      }

      [data-sipet-block="header-categories-slider"] {
        grid-template-columns: 1fr !important;
        min-height: auto !important;
      }

      [data-sipet-block="header-categories-slider"] > aside {
        padding: 24px 20px !important;
      }

      [data-sipet-block="header-categories-slider"] > div:last-child {
        min-height: 760px !important;
      }

      [data-sipet-block="header-categories-slider"] [data-sipet-catslide] > div[style*="grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr)"] {
        grid-template-columns: 1fr !important;
        padding: 28px 20px 80px !important;
        gap: 20px !important;
      }

      [data-sipet-block="header-categories-slider"] [data-sipet-catslide] h2 {
        font-size: clamp(2.4rem, 12vw, 4rem) !important;
      }

      [data-sipet-block="header-categories-slider"] [data-sipet-catslider-dots] {
        left: 20px !important;
        bottom: 18px !important;
      }
    }

    @media (max-width: 560px) {
      [data-sipet-block="header-categories-slider"] > div:last-child {
        min-height: 700px !important;
      }

      [data-sipet-block="header-categories-slider"] [data-sipet-catslide] [style*="grid-template-columns:repeat(2,minmax(0,1fr))"] {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
      }

      [data-sipet-block="header-categories-slider"] [data-sipet-catslide] img[style*="height:210px"] {
        height: 140px !important;
      }

      [data-sipet-block="header-categories-slider"] [data-sipet-catslide] img[style*="height:436px"] {
        height: 280px !important;
      }
    }

    @media (max-width: 640px) {
      [data-sipet-bg-image][style*="min-height:calc(92vh - 72px)"] {
        min-height: 620px !important;
        margin-top: 0 !important;
      }

      [data-sipet-bg-image][style*="min-height:180vh"] {
        min-height: auto !important;
      }

      [data-sipet-bg-image][style*="min-height:180vh"] > div[style*="position:sticky"] {
        position: relative !important;
        top: auto !important;
        height: auto !important;
        min-height: 620px !important;
      }

      [data-sipet-bg-image][style*="min-height:180vh"] [style*="margin-top:-22vh"] {
        margin-top: 0 !important;
        padding: 24px 20px 56px !important;
      }
    }

    @media (max-width: 560px) {
      .sipet-auth-corner {
        top: 10px;
        right: 10px;
        width: 24px;
        height: 24px;
      }

      body [style*="gap:40px"],
      body [style*="gap: 40px"],
      body [style*="gap:48px"],
      body [style*="gap: 48px"],
      body [style*="gap:32px"],
      body [style*="gap: 32px"] {
        gap: 20px !important;
      }

      body nav[style*="display:flex"] {
        justify-content: center !important;
      }

      body nav[style*="display:flex"] > * {
        max-width: 100%;
      }
    }

/* ── Lightbox global para imágenes ──────────────────────── */
#sipet-lightbox {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9800;
  background: rgba(0, 0, 0, .92);
  align-items: center;
  justify-content: center;
  cursor: zoom-out;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
#sipet-lightbox.is-open {
  display: flex;
  animation: sipet-lb-fadein .22s ease;
}
#sipet-lightbox__img {
  max-width: min(96vw, 1400px);
  max-height: 92vh;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 32px 80px rgba(0, 0, 0, .65);
  pointer-events: none;
  user-select: none;
  display: block;
}
#sipet-lightbox__close {
  position: absolute;
  top: 16px;
  right: 20px;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, .13);
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 50%;
  color: #fff;
  font-size: 1.35rem;
  line-height: 1;
  cursor: pointer;
  transition: background .15s;
  pointer-events: auto;
}
#sipet-lightbox__close:hover {
  background: rgba(255, 255, 255, .26);
}
@keyframes sipet-lb-fadein {
  from { opacity: 0; transform: scale(.97); }
  to   { opacity: 1; transform: scale(1); }
}