/* ---------- SECCION "ENVIAMOS A TODO EL PERU" ----------
   Galería fotográfica real de envíos, dentro de "Quiénes somos",
   en el mismo lugar donde antes vivían las tarjetas de beneficios.
   Mismo lenguaje visual que el carrusel de "Pedidos Personalizados"
   (css/orders-carousel.css): título en degradado, carrusel con
   máscara de desvanecido en los bordes, autoplay + drag + swipe. */
.shipping-gallery-header{
  text-align:center;
  max-width:640px;
  margin:0 auto 22px;
}
.shipping-gallery-title-wrap{
  position:relative;
  display:inline-block;
}
.shipping-gallery-deco-line{
  position:absolute;
  pointer-events:none;
  width:24px; height:2px;
  border-radius:2px;
  top:50%;
  transform:translateY(-50%);
}
.shipping-gallery-deco-line-left{
  left:-40px;
  background:linear-gradient(90deg, transparent, var(--blue-deep) 80%);
}
.shipping-gallery-deco-line-right{
  right:-40px;
  background:linear-gradient(90deg, var(--marigold) 20%, transparent);
}
.shipping-gallery-title{
  margin:0 0 8px;
  font-family:'Baloo 2', sans-serif;
  font-weight:800;
  font-size:clamp(1.7rem, 1.2rem + 2vw, 2.4rem);
  line-height:1.15;
  color:var(--coral);
  background:linear-gradient(90deg, var(--coral) 0%, var(--marigold) 50%, var(--blue-deep) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 4px 0 rgba(255,255,255,0.55)) drop-shadow(0 8px 14px rgba(30,95,217,0.18));
}
.shipping-gallery-subtitle{
  margin:0;
  font-weight:700;
  font-size:0.95rem;
  color:var(--ink-soft);
}

.shipping-gallery-carousel{
  max-width:1180px; margin:0 auto;
  height:141px;
  overflow:hidden;
  position:relative;
  cursor:grab;
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
  mask-image:linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
}
.shipping-gallery-carousel.is-dragging{
  cursor:grabbing;
}
.shipping-gallery-track{
  display:flex;
  align-items:center;
  gap:16px;
  height:100%;
  width:max-content;
  will-change:transform;
}
.shipping-gallery-track img{
  height:100%;
  width:auto;
  display:block;
  flex-shrink:0;
  border-radius:var(--radius-md);
  box-shadow:var(--shadow);
  user-select:none;
  -webkit-user-drag:none;
  pointer-events:none;
}

@media (max-width: 480px){
  .shipping-gallery-deco-line{display:none;}
}