.work-gallery[hidden]{display:none!important}.work-gallery{max-width:1240px}.gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.gallery-heading h2{margin:12px 0}.gallery-heading p{max-width:620px}.gallery-arrows,.gallery-controls{display:flex;align-items:center;gap:12px}.gallery-arrows button,.gallery-controls button{width:44px;height:44px;border:1px solid #c9a8dd;border-radius:50%;background:#fff;color:#8125ad;font-size:24px;cursor:pointer}.gallery-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 18px;scrollbar-width:thin}.gallery-item{flex:0 0 29%;min-width:0;padding:0;border:1px solid #e1d0ed;border-radius:20px;overflow:hidden;background:#fff;text-align:left;cursor:pointer;scroll-snap-align:start;color:#211727}.gallery-item img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .3s}.gallery-item:hover img{transform:scale(1.025)}.gallery-item span{display:block;padding:18px;font:600 16px var(--sans)}.gallery-item:focus-visible,.gallery-arrows button:focus-visible{outline:3px solid #ad2ce3;outline-offset:3px}#galeria-contenido{--tone:#f4eaf4}#galeria-diseno{--tone:#eaeaf8}.gallery-dialog{padding:52px 20px 20px;border:0;border-radius:22px;background:#19121f;color:white;width:min(1100px,94vw);max-height:94dvh;box-sizing:border-box}.gallery-dialog::backdrop{background:#140a20d9}.gallery-close{position:absolute;right:12px;top:8px;background:transparent;color:white;border:0;font-size:32px;width:44px;height:40px;cursor:pointer}.gallery-media img,.gallery-media video{display:block;max-width:100%;height:auto;max-height:65dvh;object-fit:contain;margin:auto}.gallery-caption{text-align:center;margin:16px 0}.gallery-controls{justify-content:center}.gallery-controls span{min-width:55px;text-align:center;font-size:13px}.gallery-controls button{background:#33213e;color:white;border-color:#715185}html.gallery-open{overflow:hidden}@media(max-width:760px){.gallery-heading{align-items:flex-start;gap:12px}.gallery-heading h2{font-size:30px}.gallery-heading p{font-size:14px}.gallery-arrows{gap:6px;margin-top:12px}.gallery-arrows button{width:36px;height:36px;flex-shrink:0}.gallery-track{gap:12px}.gallery-item{flex-basis:78%}.gallery-dialog{width:96vw;padding:52px 12px 18px}.gallery-media img,.gallery-media video{max-height:62dvh}}@media(prefers-reduced-motion:reduce){.gallery-item img{transition:none}}