.portfolio-section-wrapper{box-sizing:border-box}.portfolio-heading{text-align:center;margin-bottom:32px;font-size:clamp(1.5rem,3vw,2.5rem)}.portfolio-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:32px}.portfolio-tab{background:transparent;border:2px solid currentColor;border-radius:999px;padding:8px 20px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .25s ease,color .25s ease;color:inherit;letter-spacing:.03em}.portfolio-tab:hover,.portfolio-tab.active{background:var(--portfolio-tab-color, #000);color:#fff;border-color:var(--portfolio-tab-color, #000)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--portfolio-gap, 16px)}.portfolio-item{transition:opacity .35s ease,transform .35s ease}.portfolio-item.hidden{display:none}.portfolio-item__inner{position:relative;overflow:hidden;border-radius:var(--portfolio-radius, 8px);aspect-ratio:4 / 3;background:#e5e5e5;cursor:pointer}.portfolio-item__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.25,.46,.45,.94)}.portfolio-item__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#d0d0d0}.portfolio-item__placeholder .placeholder-svg{width:60px;height:60px;opacity:.4}.portfolio-item__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;transition:background .35s ease;display:flex;align-items:flex-end;padding:20px;box-sizing:border-box}.portfolio-item__info{display:flex;flex-direction:column;gap:4px;transform:translateY(12px);opacity:0;transition:opacity .35s ease,transform .35s ease}.portfolio-item__title{color:#fff;font-size:1.1rem;font-weight:700;line-height:1.2}.portfolio-item__country{color:#ffffffd9;font-size:.875rem;font-weight:400}.portfolio-item__category{color:#ffffffb3;font-size:.8rem;font-weight:400;text-transform:uppercase;letter-spacing:.08em}.portfolio-item__inner:hover .portfolio-item__image{transform:scale(1.08)}.portfolio-item__inner:hover .portfolio-item__overlay{background:#0009}.portfolio-item__inner:hover .portfolio-item__info{opacity:1;transform:translateY(0)}.portfolio-empty{grid-column:1 / -1;text-align:center;padding:40px;opacity:.5}@media(max-width:600px){.portfolio-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/portfolio-proyectos.css.map */