.lumar-portafolio-module{--lp-text:#3d3d3d;--lp-line:#777;--lp-active:#707070;--lp-panel:#e4e4e4;max-width:1120px;margin:0 auto;color:var(--lp-text);font-family:inherit;box-sizing:border-box}.lumar-portafolio-module *{box-sizing:border-box}.lumar-portafolio-title{font:inherit;font-size:38px;font-weight:400;line-height:1.15;text-align:center;margin:0 0 32px}.lumar-portafolio-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0 0 68px}.lumar-portafolio-filter{appearance:none;background:transparent;border:1px solid #8b8b8b;color:var(--lp-text);font:inherit;font-size:14px;line-height:26px;text-transform:uppercase;padding:0 14px;height:29px;cursor:pointer;transition:.2s ease}.lumar-portafolio-filter:hover,.lumar-portafolio-filter.active{background:var(--lp-active);border-color:var(--lp-active);color:#fff}.lumar-portafolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 24px;align-items:start}.lumar-portafolio-card{min-width:0}.lumar-portafolio-card[hidden]{display:none}.lumar-portafolio-card-title{font:inherit;font-size:27px;font-weight:400;line-height:1.2;margin:0 0 12px}.lumar-portafolio-media{position:relative;width:100%;aspect-ratio:546/350;overflow:hidden;background:#fff}.lumar-portafolio-media img{display:block;width:100%;height:100%;object-fit:cover}.lumar-portafolio-no-image{height:100%;display:flex;align-items:center;justify-content:center;background:#fff}.lumar-portafolio-plus{appearance:none;cursor:pointer;padding:0;position:absolute;right:20px;top:20px;width:48px;height:48px;background:rgba(99,125,143,.62);border:1px solid rgba(255,255,255,.22)}.lumar-portafolio-plus:before,.lumar-portafolio-plus:after{content:"";position:absolute;left:50%;top:50%;background:#fff;opacity:.8;transform:translate(-50%,-50%)}.lumar-portafolio-plus:before{width:26px;height:1px}.lumar-portafolio-plus:after{width:1px;height:26px}.lumar-portafolio-meta{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--lp-line);padding:12px 16px 12px}.lumar-portafolio-label{text-transform:uppercase;font-size:14px;line-height:1.1}.lumar-portafolio-value{font-size:17px;margin-top:5px}.lumar-portafolio-address{display:inline-flex;align-items:center;justify-content:center;min-width:133px;height:28px;padding:0 12px;border:1px solid #777;color:var(--lp-text);text-decoration:none;text-transform:uppercase;font-size:13px;white-space:nowrap}.lumar-portafolio-address:hover{background:#707070;color:#fff}.lumar-portafolio-empty,.lumar-portafolio-no-items{grid-column:1/-1;text-align:center}.lumar-portafolio-empty{display:none} .lumar-portafolio-expanded{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,2.08fr) minmax(280px,1fr);width:100%;min-width:0;background:var(--lp-panel);overflow:hidden;opacity:0;transform:translateY(-10px);max-height:0;transition:max-height .42s ease,opacity .28s ease,transform .28s ease;margin:0}.lumar-portafolio-expanded[hidden]{display:none}.lumar-portafolio-expanded.is-open{opacity:1;transform:translateY(0);max-height:1100px}.lumar-portafolio-expanded-gallery{position:relative;min-width:0;aspect-ratio:842/664;background:#d8d8d8;overflow:hidden}.lumar-portafolio-expanded-img{display:block;width:100%;height:100%;object-fit:cover}.lumar-portafolio-expanded-info{position:relative;padding:40px 58px 38px 30px;background:var(--lp-panel);min-width:0}.lumar-portafolio-close-expanded{appearance:none;position:absolute;right:20px;top:20px;width:48px;height:48px;border:1px solid rgba(255,255,255,.35);background:rgba(120,120,120,.34);cursor:pointer}.lumar-portafolio-close-expanded:before,.lumar-portafolio-close-expanded:after{content:"";position:absolute;left:50%;top:50%;width:28px;height:1px;background:#fff;transform-origin:center}.lumar-portafolio-close-expanded:before{transform:translate(-50%,-50%) rotate(45deg)}.lumar-portafolio-close-expanded:after{transform:translate(-50%,-50%) rotate(-45deg)}.lumar-portafolio-detail-field{margin:0 0 19px}.lumar-portafolio-detail-label{text-transform:uppercase;font-size:14px;line-height:1.1;margin-bottom:5px}.lumar-portafolio-detail-value{font-size:18px;line-height:1.35;white-space:pre-line}.lumar-portafolio-detail-link{display:inline-flex;align-items:center;justify-content:center;min-width:145px;min-height:29px;padding:4px 16px;border:1px solid #777;color:var(--lp-text);text-decoration:none;text-transform:uppercase;font-size:13px;margin-top:2px}.lumar-portafolio-detail-link:hover{background:#707070;color:#fff}.lumar-portafolio-detail-link[hidden]{display:none}.lumar-portafolio-slider-controls{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;z-index:2}.lumar-portafolio-slider-controls[hidden]{display:none}.lumar-portafolio-slider-arrow{appearance:none;border:0;background:transparent;color:#fff;font:inherit;font-size:30px;line-height:1;cursor:pointer;padding:4px 6px;text-shadow:0 1px 3px rgba(0,0,0,.35)}.lumar-portafolio-dots{display:flex;align-items:center;gap:8px}.lumar-portafolio-dot{appearance:none;width:12px;height:12px;border:1px solid rgba(255,255,255,.95);border-radius:50%;padding:0;background:rgba(255,255,255,.9);cursor:pointer}.lumar-portafolio-dot.active{width:23px;border-radius:8px}
@media(max-width:900px){.lumar-portafolio-expanded{grid-template-columns:1fr}.lumar-portafolio-expanded-gallery{aspect-ratio:16/10}.lumar-portafolio-expanded-info{padding:30px 70px 26px 24px}.lumar-portafolio-expanded.is-open{max-height:1800px}}
@media(max-width:820px){.lumar-portafolio-title{font-size:32px}.lumar-portafolio-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:40px}.lumar-portafolio-grid{grid-template-columns:1fr;gap:36px}.lumar-portafolio-expanded{grid-column:1}.lumar-portafolio-card-title{font-size:24px}}
@media(max-width:520px){.lumar-portafolio-title{text-align:left;font-size:29px}.lumar-portafolio-filters{grid-template-columns:1fr;gap:7px;margin-bottom:34px}.lumar-portafolio-media{aspect-ratio:1.56/1}.lumar-portafolio-meta{padding-left:8px;padding-right:8px}.lumar-portafolio-plus{right:30px;top:10px}.lumar-portafolio-address{min-width:126px}.lumar-portafolio-expanded-gallery{aspect-ratio:1.35/1}.lumar-portafolio-expanded-info{padding:76px 20px 24px}.lumar-portafolio-close-expanded{right:30px;top:10px;width:30px;height:30px}.lumar-portafolio-detail-label{font-size:12px}.lumar-portafolio-detail-value{font-size:16px}.lumar-portafolio-slider-controls{bottom:18px}.lumar-portafolio-plus:before{width:20px;height:1px}.lumar-portafolio-plus:after{width:1px;height:20px}.lumar-portafolio-card.lumar-reveal-pending.lumar-reveal-visible .lumar-portafolio-plus {width:30px;height:30px;}.lumar-portafolio-close-expanded:before, .lumar-portafolio-close-expanded:after { width: 20px; }} .lumar-portafolio-card.lumar-reveal-pending .lumar-portafolio-media img{
clip-path:inset(0 100% 0 0);
opacity:.08;
transform:scale(1.012);
transform-origin:left center;
will-change:clip-path,opacity,transform;
}
.lumar-portafolio-card.lumar-reveal-pending .lumar-portafolio-plus{
opacity:0;
transform:translateX(44px);
will-change:opacity,transform;
}
.lumar-portafolio-card.lumar-reveal-pending.lumar-reveal-visible .lumar-portafolio-media img{
clip-path:inset(0 0 0 0);
opacity:1;
transform:scale(1);
transition:clip-path 1.05s cubic-bezier(.22,.61,.36,1),opacity .9s ease,transform 1.05s cubic-bezier(.22,.61,.36,1);
transition-delay:var(--lumar-reveal-delay,0ms);
}
.lumar-portafolio-card.lumar-reveal-pending.lumar-reveal-visible .lumar-portafolio-plus{
opacity:1;
transform:translateX(0);
transition:opacity .55s ease,transform .7s cubic-bezier(.22,.61,.36,1);
transition-delay:calc(var(--lumar-reveal-delay,0ms) + 430ms);
}
@media (prefers-reduced-motion: reduce){
.lumar-portafolio-card.lumar-reveal-pending .lumar-portafolio-media img,
.lumar-portafolio-card.lumar-reveal-pending .lumar-portafolio-plus,
.lumar-portafolio-card.lumar-reveal-pending.lumar-reveal-visible .lumar-portafolio-media img,
.lumar-portafolio-card.lumar-reveal-pending.lumar-reveal-visible .lumar-portafolio-plus{
clip-path:none;
opacity:1;
transform:none;
transition:none;
}
} .lumar-portafolio-module,.lumar-portafolio-grid,.lumar-portafolio-card,.lumar-portafolio-media{background-color:#fff;}