.gal-hero{position:relative;width:100%;height:55vh;min-height:380px;max-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden}.gal-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.gal-hero-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);will-change:transform}.gal-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( 180deg,rgba(26,23,20,0.3) 0%,rgba(26,23,20,0.5) 50%,rgba(26,23,20,0.75) 100% );z-index:2}.gal-hero-content{position:relative;z-index:3;text-align:center;padding:0 var(--space-lg)}.gal-hero-label{display:block;font-family:var(--font-heading);font-size:0.72rem;font-weight:600;color:var(--color-accent-light);text-transform:uppercase;letter-spacing:0.35em;margin-bottom:var(--space-sm);opacity:0;animation:galFadeUp 0.7s 0.3s ease-out forwards}.gal-hero-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,5.5rem);font-weight:800;color:var(--color-white);letter-spacing:0.08em;text-transform:uppercase;line-height:1.05;margin-bottom:var(--space-sm);opacity:0;animation:galFadeUp 0.8s 0.45s ease-out forwards}.gal-hero-subtitle{font-family:var(--font-body);font-size:clamp(0.9rem,1.8vw,1.1rem);font-weight:300;color:rgba(255,255,255,0.7);letter-spacing:0.04em;margin-bottom:var(--space-md);opacity:0;animation:galFadeUp 0.8s 0.6s ease-out forwards}.gal-hero-line{width:50px;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:2px;margin:0 auto;opacity:0;transform:scaleX(0);animation:galLineReveal 0.7s 0.75s ease-out forwards}@keyframes galFadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes galLineReveal{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.gal-masonry-section{background:var(--color-off-white);padding:var(--space-xl) 0 var(--space-3xl)}.masonry-grid{columns:4;column-gap:16px}.masonry-item{position:relative;break-inside:avoid;margin-bottom:16px;border-radius:10px;overflow:hidden;cursor:pointer;background:#e8e5e3;transition:transform 0.4s var(--ease-out),box-shadow 0.4s var(--ease-out)}.masonry-item:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(26,23,20,0.15)}.masonry-item img{width:100%;display:block;transition:transform 0.6s var(--ease-out),filter 0.4s var(--ease-out)}.masonry-item:hover img{transform:scale(1.05);filter:brightness(0.75)}.masonry-item video{width:100%;display:block;transition:transform 0.6s var(--ease-out),filter 0.4s var(--ease-out)}.masonry-item:hover video{transform:scale(1.05);filter:brightness(0.75)}.masonry-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;background:rgba(255,255,255,0.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,0.4);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:4;transition:all 0.3s var(--ease-out);pointer-events:none}.masonry-play-btn svg{width:22px;height:22px;color:var(--color-white);margin-left:3px}.masonry-item:hover .masonry-play-btn{background:var(--color-primary);border-color:var(--color-primary);transform:translate(-50%,-50%) scale(1.1);box-shadow:0 8px 25px rgba(93,191,48,0.4)}.masonry-item--video.playing .masonry-play-btn{opacity:0;transform:translate(-50%,-50%) scale(0.8)}.masonry-overlay{display:none}.masonry-item:hover .masonry-overlay{opacity:1;transform:translateY(0)}.masonry-category{font-family:var(--font-heading);font-size:0.65rem;font-weight:600;color:var(--color-accent-light);text-transform:uppercase;letter-spacing:0.2em}.masonry-caption{font-family:var(--font-heading);font-size:0.9rem;font-weight:600;color:var(--color-white);letter-spacing:0.02em}.masonry-item.hidden{display:none}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(9,9,11,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.4s var(--ease-out)}.lightbox.active{opacity:1;visibility:visible}.lightbox-close{position:absolute;top:24px;right:24px;width:48px;height:48px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all 0.3s ease}.lightbox-close:hover{background:rgba(255,255,255,0.15);transform:rotate(90deg)}.lightbox-close svg{width:20px;height:20px;color:var(--color-white)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all 0.3s ease}.lightbox-nav:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3)}.lightbox-nav svg{width:22px;height:22px;color:var(--color-white)}.lightbox-prev{left:24px}.lightbox-next{right:24px}.lightbox-content{max-width:85vw;max-height:85vh;display:flex;align-items:center;justify-content:center}.lightbox-content img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:6px;opacity:0;transform:scale(0.95);transition:all 0.4s var(--ease-out)}.lightbox.active .lightbox-content img{opacity:1;transform:scale(1)}.lightbox-content video{max-width:100%;max-height:85vh;border-radius:6px;opacity:0;transform:scale(0.95);transition:all 0.4s var(--ease-out)}.lightbox.active .lightbox-content video{opacity:1;transform:scale(1)}.lightbox-info{position:absolute;bottom:24px;left:50%;transform:translateX(-50%)}.lightbox-counter{font-family:var(--font-heading);font-size:0.78rem;font-weight:500;color:rgba(255,255,255,0.5);letter-spacing:0.12em}@media (max-width:1024px){.masonry-grid{columns:3}}@media (max-width:768px){.gal-hero{height:45vh;min-height:300px}.masonry-grid{columns:2;column-gap:10px}.masonry-item{margin-bottom:10px;border-radius:8px}.masonry-play-btn{width:44px;height:44px}.masonry-play-btn svg{width:18px;height:18px}.lightbox-prev{left:12px}.lightbox-next{right:12px}.lightbox-nav{width:42px;height:42px}.lightbox-close{top:16px;right:16px;width:40px;height:40px}}@media (max-width:480px){.masonry-grid{columns:2;column-gap:8px}.masonry-item{margin-bottom:8px;border-radius:6px}.gal-hero{height:40vh;min-height:260px}}
/* Fallback: items siempre visibles si GSAP no carga */
.masonry-item { opacity: 1 !important; transform: none !important; }