/* Galería interactiva: cada tarjeta muestra el antes y revela el después. */
.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hero-category{margin-bottom:4px}.hero-location{margin-bottom:18px}
.project-card{margin:0;min-width:0;background:#123247;overflow:hidden}
.project-swap{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}
.project-images{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:#0f2b3e}
.project-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease,transform .45s ease}
.project-image-after{opacity:0;transform:scale(1.025)}
.project-badge{position:absolute;left:13px;top:13px;padding:6px 9px;background:rgba(6,28,43,.82);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.project-card figcaption{position:static;width:auto;min-height:58px;padding:14px 15px;background:#123247;color:#d9e8eb;font-size:.79rem;font-weight:600}
.project-swap.is-after .project-image-after,.project-swap:focus-visible .project-image-after{opacity:1;transform:scale(1)}
.project-swap.is-after .project-image-before,.project-swap:focus-visible .project-image-before{opacity:0;transform:scale(.985)}
.project-swap:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.gallery-more{display:flex;justify-content:center;margin-top:34px}.gallery-more .button-ghost{border-color:rgba(255,255,255,.65);font-size:.86rem}
.whatsapp{background:transparent;box-shadow:none;border-radius:0;overflow:visible}.whatsapp img{display:block;width:100%;height:100%;object-fit:contain}
@media(hover:hover){.project-swap:hover .project-image-after{opacity:1;transform:scale(1)}.project-swap:hover .project-image-before{opacity:0;transform:scale(.985)}}
@media(max-width:800px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.project-card{height:auto}}
@media(max-width:470px){.gallery{grid-template-columns:1fr}.project-card figcaption{min-height:0}}
.work-page{background:var(--deep)}.work-topbar{position:relative;background:var(--deep)}.work-main{min-height:calc(100vh - 211px)}.work-main h1{font-size:clamp(2.5rem,5.5vw,4.7rem);margin:0}