/* Descripciones sobre la fotografía: mouse, teclado y pantalla táctil. */
#portfolio .project-wrapper { display:flex; flex-wrap:wrap; align-items:flex-start; }
#portfolio .project-wrapper.personas-morales { justify-content:center; }
#portfolio .portfolio-item { float:none; cursor:pointer; }
#portfolio .portfolio-item > img { width:100%; }
#portfolio figcaption.description-hover { position:absolute; inset:0; bottom:0; padding:20px; background:rgba(35,38,32,.94); overflow-y:auto; opacity:0; visibility:hidden; transform:translateY(100%); transition:opacity .25s ease,transform .25s ease,visibility .25s; }
#portfolio .portfolio-item:hover figcaption.description-hover,
#portfolio .portfolio-item:focus figcaption.description-hover,
#portfolio .portfolio-item:focus-within figcaption.description-hover { opacity:1; visibility:visible; transform:translateY(0); }
#portfolio figcaption.description-hover h3 { font-size:20px; line-height:1.3; overflow-wrap:break-word; }
#portfolio figcaption.description-hover p { margin:12px 0 0; font-size:14px; line-height:1.55; }
#portfolio .portfolio-item:focus { outline:3px solid #009ee3; outline-offset:3px; }
@media (max-width:767px) { #portfolio .portfolio-item { width:100%; margin:0 0 24px; } }
@media (prefers-reduced-motion:reduce) { #portfolio figcaption.description-hover { transition:none; } }