/* Galería de trabajos: comparte los colores y las tipografías de HOwater. */
.header-phone{background:#0c2a3a;color:white;padding:14px 20px;border-radius:28px;font-size:12px}.menu-toggle{display:none;border:0;background:none;font-size:23px;color:#102b3a}
@media(max-width:600px){.header-phone{font-size:10px;padding:10px 13px;margin-left:auto;margin-right:8px}.menu-toggle{display:block}}
.works-preview{background:#eef2f1}.works-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:45px 0}.works-heading p{max-width:340px;font-size:14px;line-height:1.8;color:#536570}.work-spotlight{display:grid;grid-template-columns:1.2fr 1fr;background:white;border:1px solid #dce6e8}.work-cover{overflow:hidden;display:block;background:#102b3a}.work-cover img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block;transition:transform .5s}.work-cover:hover img{transform:scale(1.025)}.work-summary{padding:45px;align-self:center}.work-summary h3{font-size:clamp(25px,2.4vw,38px);font-weight:500;line-height:1.2;letter-spacing:-.04em;margin:20px 0}.work-summary>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#536570}.work-summary .button{margin-top:28px}.work-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px;font-size:11px;color:#536570}.work-meta span{border:1px solid #dce6e8;border-radius:30px;padding:8px 13px}.works-preview>.text-link{margin-top:30px}
.works-intro{padding:70px 7% 60px;background:#082735;color:white}.works-intro h1{font:500 clamp(48px,6vw,88px)/1.05 Manrope,sans-serif;letter-spacing:-.055em;margin:24px 0}.works-intro h1 em{color:#9fe2f4;font:400 1em Georgia,serif}.works-intro>p:last-child{max-width:540px;color:#bed0d6;font-size:15px;line-height:1.8}.works-project{padding:70px 7% 90px}.works-project-head{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;margin:40px 0}.works-project-head h2{font-size:clamp(30px,3.3vw,50px)}.works-project-head p{font-size:14px;line-height:1.8;color:#536570}.works-project-head .eyebrow{margin-bottom:16px;color:#168bb5}.works-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.works-gallery figure{margin:0}.works-gallery figure:first-child{grid-column:1/-1}.gallery-open{display:block;position:relative;width:100%;border:0;padding:0;background:#102b3a;overflow:hidden;color:white;cursor:zoom-in}.gallery-open img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .4s}.works-gallery figure:first-child img{aspect-ratio:4/3}.gallery-open:hover img{transform:scale(1.025)}.gallery-open span{position:absolute;bottom:16px;right:16px;padding:10px 16px;border-radius:24px;background:#082735e8;font-size:12px}.works-gallery figcaption{font-size:12px;color:#536570;padding-top:12px;line-height:1.5}.works-project .section-label{padding-bottom:24px}.works-project .text-link{margin-top:32px}.photo-viewer{width:calc(100% - 32px);max-width:1300px;max-height:calc(100dvh - 32px);padding:20px;border:1px solid #ffffff30;background:#061c29;color:white}.photo-viewer::backdrop{background:#041924ed}.photo-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;font-size:13px}.photo-viewer button{background:transparent;border:1px solid #ffffff50;border-radius:24px;color:white;padding:10px 18px;cursor:pointer}.photo-viewer figure{margin:0}.photo-viewer img{display:block;width:100%;height:min(68dvh,760px);object-fit:contain}.photo-viewer figcaption{font-size:13px;line-height:1.5;text-align:center;margin-top:14px}.photo-viewer-controls{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:16px}.photo-viewer-controls span{font-size:12px;min-width:40px;text-align:center}.gallery-lock{overflow:hidden}nav a[aria-current=page]{color:#168bb5}button:focus-visible,a:focus-visible{outline:3px solid #19abe2;outline-offset:4px}
/* El menú incluye ahora una sección adicional. */
@media(min-width:601px) and (max-width:1080px){header{height:80px;padding:0 5%}.brand img{width:155px}.header-contact,.header-phone{margin-left:auto;margin-right:16px}#menu,.menu-toggle{display:block;border:0;background:none;font-size:23px;color:#102b3a}header nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;padding:24px 7%;box-shadow:0 15px 25px #0002}header nav.open{display:flex;flex-direction:column;align-items:flex-start;gap:24px;font-size:14px}header .nav-dropdown{width:100%}header .nav-services{font-size:14px;width:100%;text-align:left;display:flex;justify-content:space-between}header .submenu{position:static;display:none;width:100%;box-shadow:none;border:0;margin-top:12px;padding:0 12px;opacity:1;visibility:visible;transform:none}header .nav-dropdown.open .submenu{display:block}}
@media(max-width:760px){.works-heading,.work-spotlight{display:block}.works-heading{margin:30px 0}.works-heading p{margin-top:24px}.work-cover img{min-height:0;aspect-ratio:4/3}.work-summary{padding:30px 24px}.works-intro{padding:50px 7%}.works-project{padding:50px 7% 60px}.works-project-head{display:block;margin:30px 0}.works-project-head>div:last-child{margin-top:24px}.works-gallery{gap:22px;grid-template-columns:1fr}.works-gallery figure:first-child{grid-column:auto}.gallery-open img{aspect-ratio:auto;height:auto}.photo-viewer{padding:14px}.photo-viewer img{height:60dvh}.photo-viewer-controls{gap:12px}.photo-viewer button{padding:10px 14px}.photo-viewer-head{font-size:11px}}
@media(prefers-reduced-motion:reduce){.gallery-open img,.work-cover img{transition:none}}