/* Premium Pagination */
    .premium-pagination-wrapper {
      display: inline-flex;
      align-items: center;
      background: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(10px);
      border-radius: 50px;
      padding: 8px 12px;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08), 0 2px 10px rgba(0, 0, 0, 0.03);
      border: 1px solid rgba(255, 255, 255, 0.6);
    }
    .nav-arrow { display: inline; }
    .page-text { display: inline; }
    .page-num { display: none; }
    .premium-pagination-list {
      display: flex;
      list-style: none;
      padding: 0;
      margin: 0;
      gap: 5px;
    }
    @media (max-width: 768px) {
      .page-text { display: none; }
      .page-num { display: inline; }
      .nav-arrow { display: none; }
      .premium-pagination-list { justify-content: center; }
      .premium-pagination-wrapper {
        max-width: 100%;
        padding: 5px;
        flex-wrap: nowrap;
        border-radius: 30px;
      }
      .premium-pagination-list {
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;        
      }
      .premium-pagination-list::-webkit-scrollbar {
        display: none;
      }
      .premium-page-link {
        padding: 6px 14px;
        font-size: 0.85rem;
        white-space: nowrap;
      }
    }
    .premium-page-link {
      display: inline-block;
      padding: 10px 22px;
      border-radius: 30px;
      color: #7a0c10;
      text-decoration: none;
      font-weight: 700;
      font-size: 0.95rem;
      transition: all 0.3s ease;
    }
    .premium-page-link:hover {
      color: #5c070b;
      background: rgba(122, 12, 16, 0.08);
    }
    .premium-page-link.active {
      background: linear-gradient(135deg, #a31016, #d91c24);
      color: white;
      box-shadow: 0 4px 14px rgba(163, 16, 22, 0.4);
    }

    /* Zoom overlay */
    .product-image-wrapper { position: relative; overflow: hidden; cursor: pointer; }
    .product-image-wrapper .overlay {
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,.2);
      opacity: 0;
      transition: opacity .25s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 1rem;   
      z-index: 2;
    }
    .product-image-wrapper:hover .overlay { opacity: 1; }

    /* Estilo del fondo Winter's */
    .winter-section {
      background-color: #a31016;
      background-image:
        radial-gradient(1.5px 1.5px at 15% 15%, rgba(255, 255, 255, 0.6), transparent),
        radial-gradient(2px 2px at 85% 25%, rgba(255, 255, 255, 0.5), transparent),
        radial-gradient(1.5px 1.5px at 30% 65%, rgba(255, 255, 255, 0.6), transparent),
        radial-gradient(2px 2px at 75% 75%, rgba(255, 255, 255, 0.5), transparent),
        radial-gradient(ellipse 100% 700px at 50% 320px, #cc141c 0%, #a31016 35%, rgba(163, 16, 22, 0) 75%),
        linear-gradient(180deg, #a31016 0%, #7a0c10 50%, #a31016 100%);
      position: relative;
    }

    /* Títulos y distintivos Winter's */
    .winter-title-pill {
      background: linear-gradient(135deg, #7a0c10, #5c070b);
      border: 2px solid rgba(255, 255, 255, 0.35);
      border-radius: 50px;
      padding: 10px 35px;
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
      display: inline-block;
    }
    .winter-title-pill h2 {
      margin: 0;
      color: #ffffff;
      font-weight: 800;
      font-size: 1.8rem;
      letter-spacing: 0.5px;
    }
    .winter-prod-name {
      color: #ffffff;
      font-size: 2.3rem;
      font-weight: 800;
      line-height: 1.2;
      text-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
    }
    .winter-badge-presentation {
      background: #5c070b;
      color: #ffffff;
      font-weight: 700;
      font-size: 1.15rem;
      padding: 8px 24px;
      border-radius: 8px;
      display: inline-block;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
      border: 1px solid rgba(255, 255, 255, 0.2);
    }

    /* Price boxes inspiradas en el catálogo de las imágenes */
    .winter-price-card {
      display: flex;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
      border: 1px solid rgba(255, 255, 255, 0.25);
      max-width: 290px;
    }
    .price-box-header.winter-price-header {
      background-color: #5c070b !important;
    }
    .price-box-body.winter-price-body {
      background-color: #ffffff !important;
      color: #5c070b !important;
    }

    .hr-dashed {
      border-top: 2px dashed rgba(255, 255, 255, 0.25) !important;
      opacity: 1;
      margin: 3.5rem 0;
    }
.winters-promo-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, #ff9900, #cc6600);
  color: #ffffff;
  font-weight: 800;
  font-size: 0.85rem;
  letter-spacing: 1px;
  padding: 6px 18px;
  border-radius: 50px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
}


.premium-pagination-group .premium-page-link:first-child {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.premium-pagination-group .premium-page-link:last-child {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
.premium-pagination-group {
    gap: 0 !important;
}
@media (max-width: 768px) {
  .premium-pagination-group {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    justify-content: flex-start;
  }
  .premium-pagination-group::-webkit-scrollbar {
    display: none;
  }
  .premium-pagination-wrapper {
    padding: 0;
  }
}


  .premium-pagination-group .page-num {
    display: none !important;
  }
}

/* Premium Pagination Grid/Wrap Styles */
.premium-pagination-wrapper {
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}
.premium-pagination-group {
  display: flex;
  flex-wrap: wrap !important;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
  border: 1px solid rgba(0,0,0,0.08);
}
.premium-pagination-group .premium-page-link {
  flex: 1 1 auto;
  border-radius: 0 !important;
  margin: 0 0 -1px -1px !important;
  border: 1px solid rgba(0,0,0,0.08);
  white-space: nowrap;
  text-align: center;
}

@media (max-width: 768px) {
  .premium-pagination-group .page-text {
    display: inline !important;
  }
  .premium-pagination-group .page-num {
    display: none !important;
  }
}