.unyfac-portfolio{font-family:'Poppins',sans-serif;max-width:1400px;margin:0 auto;padding:40px 20px}.portfolio-filters{margin-bottom:40px;padding:0 20px}.filter-nav{overflow-x:auto;white-space:nowrap;padding-bottom:10px;margin-bottom:20px}.filter-nav ul{display:inline-flex;list-style:none;padding:0;margin:0;gap:8px}.filter-nav li{display:inline-block}.filter-nav li a{display:block;padding:10px 25px;text-decoration:none;color:#333;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;border:2px solid #eee;transition:all .3s ease;border-radius:30px}.portfolio-grid{display:grid;margin-bottom:60px}.portfolio-item{position:relative;overflow:hidden;border-radius:8px;aspect-ratio:1/1;cursor:pointer}.portfolio-image{position:relative;width:100%;height:100%}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.portfolio-content{text-align:center;padding:20px;transform:translateY(20px);transition:transform .4s ease}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-item:hover .portfolio-content{transform:translateY(0)}.portfolio-title{font-size:22px;font-weight:700;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.portfolio-category{font-size:14px;font-weight:500;letter-spacing:2px;text-transform:uppercase}.placeholder-image{height:100%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#999;font-style:italic}.portfolio-pagination{display:flex;justify-content:center;margin-top:40px;padding:0 20px}.pagination-numbers{display:flex;gap:12px;align-items:center}.page-numbers{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;min-width:45px;height:45px;text-decoration:none;color:#333;font-weight:700;border:2px solid #eee;transition:all .3s ease;border-radius:30px;text-align:center}.page-numbers.next,.page-numbers.prev{text-transform:uppercase;letter-spacing:1px;font-size:14px}.no-items{text-align:center;padding:60px 20px;font-size:18px;color:#777;grid-column:1/-1}@media (max-width:992px){.portfolio-title{font-size:20px}}@media (max-width:768px){.portfolio-title{font-size:18px}.portfolio-category{font-size:12px}}@media (max-width:576px){.portfolio-grid{grid-template-columns:1fr !important}.portfolio-item{aspect-ratio:4/3}.pagination-numbers{flex-wrap:wrap;justify-content:center}.filter-nav li a{padding:8px 20px;font-size:12px}}