/* Leyendas de servicios: sólo hover y foco; sin botones ni clic interceptado. */
#proyectos .clients .client{position:relative;overflow:hidden}
#proyectos .clients .client-site{display:flex;align-items:center;justify-content:center;align-self:stretch;width:100%;color:inherit}
#proyectos .clients .client-caption{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:10px;background:rgba(40,40,40,.75);color:#fff;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease;text-align:center;font-family:Lato,Arial,sans-serif;line-height:1.35}
#proyectos .clients .client-caption-service{font-size:12.5px;font-weight:400;color:#fff}
#proyectos .clients .client:focus-within .client-caption,#proyectos .clients .client:focus-visible .client-caption{opacity:1;visibility:visible}
#proyectos .clients .client-site:focus-visible,#proyectos .clients .client:focus-visible{outline:3px solid #c90000;outline-offset:-3px}
@media(hover:hover){#proyectos .clients .client:hover .client-caption{opacity:1;visibility:visible}}
@media(max-width:480px){#proyectos .clients .client-caption{padding:8px;gap:12px}#proyectos .clients .client-caption-service{font-size:12px}}
@media(prefers-reduced-motion:reduce){#proyectos .clients .client-caption{transition:none}}