/* Several 12/11/2026 — Ficha de producto: ventana de la imagen ampliada (lightbox de Creative Elements) estilo fancybox:
   fondo azul atenuado, la foto en una tarjeta blanca de tamaño contenido, controles redondos. Solo en body#product. */
body#product .elementor-lightbox{
  background-color:rgba(9,26,50,.78)!important;
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  --lightbox-ui-color:#17355f;
  --lightbox-ui-color-hover:#0b1f3a;
  --lightbox-text-color:#fff;
  --lightbox-header-icons-size:18px;
  --lightbox-navigation-icons-size:20px;
}
body#product .elementor-lightbox .swiper-zoom-container{padding:56px 72px 64px;box-sizing:border-box}
body#product .elementor-lightbox .elementor-lightbox-image{
  /* tamaño fijo de ventana: la foto se ajusta dentro (contain), sea vertical o apaisada */
  width:min(560px,80vw)!important;height:min(680px,74vh)!important;
  max-width:none!important;max-height:none!important;
  padding:28px;box-sizing:border-box;
  background:#fff!important;
  border-radius:20px;
  box-shadow:0 24px 70px rgba(0,0,0,.35)!important;
  object-fit:contain;
}
/* Cerrar, flechas y botones de la cabecera: círculos blancos con icono azul */
body#product .elementor-lightbox .dialog-lightbox-close-button,
body#product .elementor-lightbox .elementor-swiper-button,
body#product .elementor-lightbox .elementor-slideshow__header>i,
body#product .elementor-lightbox .elementor-slideshow__header>svg{
  display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:50%;
  background:#fff!important;color:#17355f!important;fill:#17355f;
  box-shadow:0 6px 18px rgba(0,0,0,.25);
  opacity:1!important;transition:transform .2s,background-color .2s;
}
body#product .elementor-lightbox .dialog-lightbox-close-button{top:20px!important;right:20px!important;font-size:18px}
body#product .elementor-lightbox .elementor-swiper-button:hover{transform:translateY(-50%) scale(1.06);background:#eef3f8!important}
body#product .elementor-lightbox .dialog-lightbox-close-button:hover{transform:scale(1.06);background:#eef3f8!important}
body#product .elementor-lightbox .elementor-swiper-button-prev{left:24px!important}
body#product .elementor-lightbox .elementor-swiper-button-next{right:24px!important}
body#product .elementor-lightbox .elementor-slideshow__header{padding:20px 84px 0 20px}
body#product .elementor-lightbox .elementor-slideshow__counter{color:#fff!important;font-weight:600}
/* Pie con el nombre de la foto */
body#product .elementor-lightbox .elementor-slideshow__footer{padding:0 20px 22px;color:#fff!important}
body#product .elementor-lightbox .elementor-slideshow__title{font-size:14px;font-weight:600;color:#fff!important}
@media (max-width:767px){
  body#product .elementor-lightbox .swiper-zoom-container{padding:64px 14px 56px}
  body#product .elementor-lightbox .elementor-lightbox-image{width:92vw!important;height:68vh!important;padding:16px;border-radius:16px}
  body#product .elementor-lightbox .elementor-swiper-button{width:38px;height:38px}
  body#product .elementor-lightbox .elementor-swiper-button-prev{left:8px!important}
  body#product .elementor-lightbox .elementor-swiper-button-next{right:8px!important}
}

/* Several 12/11/2026 — Galería lateral: envases enteros y nítidos (home_default) y fotos que llenan el recuadro
   (HTML de tunapschema/classes/TunapProductMedia.php: clases tpg-pack / tpg-photo) */
body#product .elementor-thumbnails-swiper .swiper-slide{overflow:hidden}
body#product .elementor-thumbnails-swiper .swiper-slide>a{display:block;width:100%;height:100%}
body#product .elementor-thumbnails-swiper img.tpg-pack{width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;padding:12px;box-sizing:border-box;background:#fff}
body#product .elementor-thumbnails-swiper img.tpg-photo{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center}
/* Foto grande: las fotos reales (no el envase) ocupan todo el ancho sobre una copia desenfocada de sí mismas */
body#product .elementor-main-swiper a.tpg-photo-wrap{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#17355f}
body#product .elementor-main-swiper a.tpg-photo-wrap:before{content:"";position:absolute;inset:-40px;background:var(--tpg-bg) center/cover no-repeat;filter:blur(24px);opacity:.9}
body#product .elementor-main-swiper img.tpg-photo-main{position:relative;z-index:1;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important}