/* MODEL UP! 2026 · Enric gallery focus + lightbox polish · V16.8.4 · 2026-08-21 */

/* Gallery previews are intentionally editorial crops. Full artwork opens on click/tap. */
.v14-enric #galeria-de-trabajos .v16-8-3-gallery-item .v16-8-gallery-media{
  position:relative;
  display:block;
  aspect-ratio:4/3;
  padding:0!important;
  overflow:hidden;
  background:#06192f;
  cursor:zoom-in;
}
.v14-enric #galeria-de-trabajos .v16-8-3-gallery-item .v16-8-gallery-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover!important;
  border-radius:0!important;
  transition:transform .32s ease,filter .32s ease;
}
.v14-enric #galeria-de-trabajos .v16-8-3-gallery-item .v16-8-gallery-media::after{
  content:"AMPLIAR  ⤢";
  position:absolute;
  right:12px;
  bottom:12px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.48);
  border-radius:999px;
  background:rgba(4,19,35,.82);
  color:#fff;
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.09em;
  opacity:0;
  transform:translateY(5px);
  transition:opacity .22s ease,transform .22s ease;
  pointer-events:none;
}
.v14-enric #galeria-de-trabajos .v16-8-3-gallery-item:hover .v16-8-gallery-media img,
.v14-enric #galeria-de-trabajos .v16-8-3-gallery-item .v16-8-gallery-media:focus-within img{
  transform:scale(1.025);
  filter:saturate(1.03) contrast(1.02);
}
.v14-enric #galeria-de-trabajos .v16-8-3-gallery-item:hover .v16-8-gallery-media::after,
.v14-enric #galeria-de-trabajos .v16-8-3-gallery-item .v16-8-gallery-media:focus-within::after{
  opacity:1;
  transform:none;
}
.v14-enric #galeria-de-trabajos .v16-8-gallery-media img:focus-visible{
  outline:4px solid #e71931;
  outline-offset:-4px;
}

/* Hand-tuned focal points so every preview shows the most meaningful area of the work. */
.v14-enric #galeria-de-trabajos .v16-8-3-gallery-item:nth-of-type(1) .v16-8-gallery-media img{object-position:50% 72%!important} /* Saruman & Gríma */
.v14-enric #galeria-de-trabajos .v16-8-3-gallery-item:nth-of-type(2) .v16-8-gallery-media img{object-position:50% 51%!important} /* Cirith Ungol */
.v14-enric #galeria-de-trabajos .v16-8-3-gallery-item:nth-of-type(3) .v16-8-gallery-media img{object-position:50% 54%!important} /* Ulrik */
.v14-enric #galeria-de-trabajos .v16-8-3-gallery-item:nth-of-type(4) .v16-8-gallery-media img{object-position:50% 48%!important} /* Logan */
.v14-enric #galeria-de-trabajos .v16-8-3-gallery-item:nth-of-type(5) .v16-8-gallery-media img{object-position:50% 46%!important} /* Gallowglass */
.v14-enric #galeria-de-trabajos .v16-8-3-gallery-item:nth-of-type(6) .v16-8-gallery-media img{object-position:50% 50%!important} /* Orco */
.v14-enric #galeria-de-trabajos .v16-8-3-gallery-item:nth-of-type(7) .v16-8-gallery-media img{object-position:50% 46%!important} /* Necro Server */
.v14-enric #galeria-de-trabajos .v16-8-3-gallery-item:nth-of-type(8) .v16-8-gallery-media img{object-position:50% 55%!important} /* Only me and 10.000 cranes */
.v14-enric #galeria-de-trabajos .v16-8-3-gallery-item:nth-of-type(9) .v16-8-gallery-media img{object-position:50% 39%!important} /* Motoristes */

/* Resource cards: preserve artwork/book/logo instead of blind cropping. */
.v14-enric #obra-formacion-y-comunidad .v16-8-1-resource-instagram .v16-8-1-resource-visual img{
  object-position:50% 42%!important;
}
.v14-enric #obra-formacion-y-comunidad .v16-8-1-resource-site .v16-8-1-resource-visual img{
  object-fit:contain!important;
  object-position:center!important;
}
.v14-enric #obra-formacion-y-comunidad .v16-8-1-resource-book .v16-8-1-resource-visual{
  padding:10px;
  background:linear-gradient(145deg,#eef4f8,#dfeaf1)!important;
}
.v14-enric #obra-formacion-y-comunidad .v16-8-1-resource-book .v16-8-1-resource-visual img{
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
.v14-enric #obra-formacion-y-comunidad .v16-8-1-resource-patreon .v16-8-1-resource-visual img{
  object-position:50% 34%!important;
}

/* Full-screen artwork viewer. */
.enric-lightbox{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:clamp(18px,4vw,54px);
  background:rgba(2,11,22,.94);
  backdrop-filter:blur(6px);
}
.enric-lightbox.is-open{display:flex}
.enric-lightbox__panel{
  position:relative;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  width:min(96vw,1500px);
  height:min(92vh,1080px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:20px;
  background:#07192d;
  box-shadow:0 26px 90px rgba(0,0,0,.48);
}
.enric-lightbox__stage{
  min-height:0;
  display:grid;
  place-items:center;
  padding:clamp(12px,2vw,24px);
  overflow:hidden;
  background:radial-gradient(circle at 50% 35%,#143c61 0,#07192d 42%,#020b15 100%);
}
.enric-lightbox__image{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
}
.enric-lightbox__caption{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:7px 14px;
  padding:16px clamp(18px,3vw,34px) 18px;
  border-top:1px solid rgba(255,255,255,.13);
  color:#fff;
  background:#061427;
}
.enric-lightbox__caption strong{font-size:clamp(1rem,1.6vw,1.28rem);letter-spacing:.01em}
.enric-lightbox__caption span{color:#b9c9d7;font-size:.88rem}
.enric-lightbox__close{
  position:absolute;
  z-index:2;
  top:12px;
  right:12px;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:50%;
  background:rgba(2,13,26,.86);
  color:#fff;
  font:800 1.45rem/1 system-ui,sans-serif;
  cursor:pointer;
}
.enric-lightbox__close:hover,.enric-lightbox__close:focus-visible{background:#e71931;outline:none}
body.enric-lightbox-open{overflow:hidden}

@media(max-width:780px){
  .v14-enric #galeria-de-trabajos .v16-8-3-gallery-item .v16-8-gallery-media{aspect-ratio:4/3!important}
  .v14-enric #galeria-de-trabajos .v16-8-3-gallery-item .v16-8-gallery-media::after{opacity:.92;transform:none;font-size:.58rem}
  .enric-lightbox{padding:10px}
  .enric-lightbox__panel{width:100%;height:88vh;border-radius:14px}
  .enric-lightbox__caption{padding:13px 15px 15px}
}