/* Ingeniería: mosaico de proyectos al estilo Laurini. Fotos en su proporción natural, sin texto encima;
   al pasar el mouse sube un panel azul con el título. 4 / 3 / 2 / 1 columnas según el ancho. */
.eng-masonry-v163{background:#f8f8f8;padding:70px 40px 110px}
.eng-masonry-v163 .eng-cols{display:flex;gap:40px;align-items:flex-start}
.eng-masonry-v163 .eng-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:40px}
/* Sin JavaScript: columnas CSS como alternativa. */
.eng-masonry-v163:not(.is-ready){column-count:4;column-gap:40px}
.eng-masonry-v163:not(.is-ready) .eng-card{break-inside:avoid;margin-bottom:40px}
.eng-card{position:relative;display:block;overflow:hidden;background:#dfe3e8;color:#fff;text-decoration:none}
.eng-card>img{display:block;width:100%;height:auto}
.eng-card-over{position:absolute;inset:0;background:rgba(25,61,117,.9);opacity:0;transition:opacity .35s ease}
.eng-card-title{position:absolute;left:26px;right:26px;bottom:24px;font-size:clamp(19px,1.5vw,24px);font-weight:400;line-height:1.3;color:#fff;transform:translateY(22px);opacity:0;transition:transform .4s ease,opacity .4s ease}
.eng-card:hover .eng-card-over,.eng-card:focus-visible .eng-card-over{opacity:1}
.eng-card:hover .eng-card-title,.eng-card:focus-visible .eng-card-title{transform:translateY(0);opacity:1}
.eng-card:focus-visible{outline:3px solid #193d75;outline-offset:3px}
/* Pantallas táctiles: no hay hover, el título queda siempre visible sobre un degradé. */
@media(hover:none){
  .eng-card-over{opacity:1;background:linear-gradient(to bottom,rgba(25,61,117,0) 55%,rgba(25,61,117,.92))}
  .eng-card-title{transform:none;opacity:1;left:18px;right:18px;bottom:16px;font-size:19px}
}
@media(max-width:1199px){.eng-masonry-v163:not(.is-ready){column-count:3}}
@media(max-width:959px){.eng-masonry-v163{padding:50px 28px 80px}.eng-masonry-v163 .eng-cols,.eng-masonry-v163 .eng-col{gap:28px}.eng-masonry-v163:not(.is-ready){column-count:2;column-gap:28px}.eng-masonry-v163:not(.is-ready) .eng-card{margin-bottom:28px}}
@media(max-width:639px){.eng-masonry-v163{padding:40px 20px 64px}.eng-masonry-v163 .eng-cols,.eng-masonry-v163 .eng-col{gap:20px}.eng-masonry-v163:not(.is-ready){column-count:1}}
@media(prefers-reduced-motion:reduce){.eng-card-over,.eng-card-title{transition:none}}