.foto{--caption-color:var(--p-color);--caption-padding-x:0;--caption-padding-y: 0;--caption-fs:.8rem;--caption-lh:var(--lh);--caption-fw:400;position:relative;display:inline-flex;flex-direction:column;gap:.5em;font-weight:600;line-height:var(--caption-lh);border-radius:var(--border-radius);overflow:hidden;max-width:var(--max-width)}.foto-caption{font-size:var(--caption-fs);padding-inline:var(--caption-padding-x);padding-block:var(--caption-padding-y);color:var(--caption-color);text-wrap-style:balance;z-index:1;font-weight:var(--caption-fw)}.foto:hover .foto-caption{color:var(--blue-light)}.foto picture{position:relative;line-height:0}.foto picture:after{opacity:0;position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(180deg,#18202800,#182028cc);transition-duration:var(--transition-duration);z-index:0}@media(any-hover:hover){.foto:hover:not(:disabled):not(.is-active) a picture:after{opacity:1;transition-duration:var(--transition-duration)}}@media(any-hover:none){.foto:active:not(:disabled):not(.is-active) a picture:after{opacity:1;transition-duration:var(--transition-duration)}}.foto img{width:100%;height:100%;object-fit:cover}.fancybox__caption{text-align:center}.fotos{display:flex;flex-wrap:wrap;gap:var(--spacer)}