/* URBANHOODS: dark surfaces and lime controls, based on the approved reference. */
:root{--ink:#f7f7f4;--paper:#0c0d0d;--sand:#0c0d0d;--forest:#151717;--bg-dark:#0c0d0d;--green:#b5f000;--green2:#b5f000;--lime:#b5f000;--muted:#b5bab7;--concrete:#303433;--line:#303433;--orange:#b5f000}
body{background:#0c0d0d!important;color:#f7f7f4!important}
.site-header,.site-header.is-scrolled,body.home-route .site-header{background:rgba(9,11,10,.93)!important;color:#fff!important;border-bottom:1px solid #ffffff14!important;box-shadow:none!important}
.brand,.footer-brand{background:transparent!important;padding:0!important}
.brand img,.footer-brand img,.footer-grid img{filter:none!important}
.site-header .brand-logo-original{display:none!important}.site-header .brand-logo-claro{display:block!important}
.desktop-nav{font-size:14px!important;letter-spacing:0!important;text-transform:none!important;gap:clamp(12px,1.5vw,24px)!important}
.desktop-nav a{color:#f8faf8!important}.desktop-nav a.active,.desktop-nav a[aria-current=page]{color:var(--lime)!important}
.desktop-nav a::after{background:var(--lime)!important}
.desktop-nav .nav-cta,.header-budget,.site-header .contact-link{background:var(--lime)!important;color:#101500!important;border:1px solid var(--lime)!important;border-radius:999px!important;padding:13px 22px!important;white-space:nowrap}
.mobile-panel{background:#101212!important;color:#fff!important;border-color:#303433!important}
.menu-icon,.menu-icon::before,.menu-icon::after,.hamburger i{background:#fff!important}.mobile-menu[open] .menu-icon{background:transparent!important}
.uh-language select{background-color:#191c19!important;border-color:#59604b!important;color:#fff!important;font-size:14px}
.button{border-radius:999px!important;min-height:54px!important;padding:0 26px!important;font-size:14px!important;font-weight:750!important;text-transform:none!important;letter-spacing:0!important;line-height:1.3;color:#fff;border-color:#6d746e}
.button-primary,.button-accent,.button-light,.button-dark,.form button[type=submit]{background:var(--lime)!important;color:#101500!important;border-color:var(--lime)!important}
.button-secondary,.button-outline{background:#ffffff08!important;color:#fff!important;border-color:#ffffff70!important}
.button:hover,.nav-cta:hover,.header-budget:hover{box-shadow:0 8px 28px #b5f00022!important}.button-primary:hover,.button-accent:hover,.button-dark:hover,.button-light:hover{background:#c7ff2e!important}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--lime)!important;outline-offset:4px}
h1,h2,h3{color:#f7f7f4;letter-spacing:-.045em;line-height:1.05}h1 span,h2 span,.hero-copy h1 span{color:var(--lime)!important}
.eyebrow,.kicker,.section-label,.feature .num,.service-card .num,.service-card>span,.process-row .num,.teaser small,.contact-option small,.role>span{color:var(--lime)!important;font-size:14px!important}
.hero{min-height:78svh;align-items:center}.hero-grid{max-width:var(--max);padding-block:80px}.hero h1{max-width:720px;font-size:clamp(46px,5.7vw,82px);line-height:1.02;letter-spacing:-.045em}.hero h1 span{display:block}.hero p{max-width:580px;font-size:clamp(17px,1.5vw,21px)}
.hero::after{background:linear-gradient(90deg,#070908d9 0%,#0709089c 42%,#07090820 78%),linear-gradient(0deg,#07090888,transparent 50%)}
.page-hero{background:#111414!important}.page-hero h1{line-height:1.04}.page-hero:not(.image) h1{max-width:1050px}
.section,.dark-section,.project-index{background:#0c0d0d!important;color:#f7f7f4!important}
.body-copy,.lead,.feature p,.service-card p,.process-row p,.person-copy p,.role p,.teaser span,.note,.project-hero p,.gallery-intro,.breadcrumb{color:#bfc5c0!important}
.teaser,.service-card,.feature,.person,.contact-option,.project-index-grid a,.facts{background:linear-gradient(135deg,#1b1e1b,#131615)!important;color:#f7f7f4!important;border:1px solid #ffffff15!important;border-radius:18px!important;box-shadow:0 12px 28px #0002}
.feature-grid{gap:16px!important;background:transparent!important;border:0!important}.teaser:hover,.contact-option:hover,.project-index-grid a:hover{border-color:#b5f00080!important;background:#20271a!important;color:#fff!important}
.teaser small,.project-index-grid a span,.project-index-grid a em{color:var(--lime)!important}.project-index-grid a strong{color:#fff!important}
.contact-card{background:#172012!important;border:1px solid #b5f00040;border-radius:18px}.contact-card a{color:#fff!important;overflow-wrap:anywhere}
.proof-band{background:#141716!important;color:#fff!important;border-top:1px solid #ffffff13;border-bottom:1px solid #ffffff13}.proof-item{border-color:#ffffff18!important}.proof-item strong{color:var(--lime)}.proof-item span{font-size:14px!important;color:#d3d8d2;letter-spacing:0;text-transform:none}
.cta-band,.closing{background:#171d13!important;color:#fff!important;border-top:1px solid #b5f00025}.cta-band h2,.closing h2{color:#fff!important}
.site-footer,.footer{background:#070908!important;color:#fff!important;border-top:1px solid #ffffff10}.footer p,.footer-grid p{color:#adb6ae!important;font-size:14px!important}.footer-links{font-size:14px!important}
.filter-chip{background:#171b18!important;color:#e7ece5!important;border:1px solid #4b5349!important;border-radius:999px!important;font-size:14px!important}.filter-chip.is-active,.filter-chip[aria-pressed=true]{background:var(--lime)!important;border-color:var(--lime)!important;color:#101500!important}
.filter-status{color:#bfc5c0!important}.work-card,.project-case{border-radius:18px;overflow:hidden}.work-card figcaption span,.work-card figcaption small{color:var(--lime)!important;font-size:14px!important}.work-card figcaption strong{color:#fff!important}
.work-detail-link{border-radius:999px!important;font-size:14px!important}.work-detail-link:hover{color:#101500!important}
.project-cover,.photo-grid figure,.project-video{background:#171b18!important}.photo-grid figure,.project-video{border-radius:16px;overflow:hidden}.project-cover figcaption,.photo-grid figcaption,.project-video figcaption{color:#c5cdc5!important;font-size:14px!important}.facts{padding:20px!important;border-top:3px solid var(--lime)!important}.facts dt{color:var(--lime)!important;font-size:14px!important}.facts div{border-color:#ffffff1c!important}
.field label{color:#d5e1cf;font-size:14px!important}.field input,.field textarea{background:#171b18!important;color:#fff!important;border:1px solid #5b6359!important;border-radius:12px!important;padding:14px!important}.field input::placeholder,.field textarea::placeholder{color:#afb8ac}
.floating-whatsapp{background:var(--lime)!important;color:#101500!important}
@media(min-width:981px){.site-header{gap:18px}.site-header .brand{width:205px!important;flex-shrink:0}.desktop-nav{margin-left:auto}.uh-language{margin-left:0}}
@media(max-width:650px){.hero{min-height:78svh}.hero-grid{padding:62px 18px}.hero h1{font-size:clamp(42px,12vw,64px);max-width:600px}.hero p{font-size:17px}.button{padding-inline:22px!important}.site-header .brand{width:155px!important}.person-copy{color:#fff}.proof-item{padding:20px 14px}.proof-item span{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){.button,.nav-cta,.teaser,.contact-option{transition:none!important;transform:none!important}}
.editorial-section{background:#111513!important;color:#fff!important}.editorial-content>p,.editorial-steps small{color:#bfc5c0!important}.editorial-content h2 em,.editorial-steps span,.text-link{color:var(--lime)!important}.editorial-steps,.editorial-steps>div{border-color:#ffffff20!important}.contact-card{box-shadow:none!important}.field select{background:#171b18!important;color:#fff!important;border:1px solid #5b6359!important;border-radius:12px!important;padding:14px!important}.service-reference{padding:34px clamp(18px,5vw,72px);background:#0c0d0d;border-block:1px solid #ffffff15}.service-reference>.wrap{display:grid;grid-template-columns:1.1fr 2.9fr;gap:30px;align-items:center}.service-reference h2{font-size:clamp(25px,2.4vw,36px);margin:12px 0 0;max-width:16ch;line-height:1.1}.service-reference h2 span{color:var(--lime)}.reference-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.reference-cards a{display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:24px 20px;min-height:132px;border:1px solid #ffffff12;border-radius:16px;background:linear-gradient(135deg,#20231f,#131514);text-decoration:none;transition:border-color .2s}.reference-cards a:hover{border-color:#b5f00080}.reference-cards small{font-size:14px;color:var(--lime);font-weight:700}.reference-cards strong{font-size:16px;line-height:1.25}.reference-cards a:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
@media(max-width:980px){.service-reference>.wrap{grid-template-columns:1fr}.reference-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.reference-cards a{padding:20px 16px;min-height:115px}.service-reference{padding-block:28px}}

/* Consistent outline service and commitment icons from Lucide. */
.uh-service-icon{display:block;width:40px;height:40px;flex:none;color:#fff}.reference-cards .uh-service-icon{margin-bottom:4px}.reference-cards a{gap:18px}.service-card>.uh-service-icon{width:44px;height:44px}.service-card:has(>.uh-service-icon) h3{margin-top:25px}.uh-icon-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:58px;max-width:1080px}.uh-icon-proof>div{display:flex;align-items:center;gap:14px}.uh-icon-proof p{margin:0;font-size:14px;line-height:1.4}.uh-icon-proof strong{display:block;color:#fff;font-size:14px}.uh-icon-proof span{display:block;color:#e1e5dc;font-size:14px;margin-top:5px}.uh-icon-proof .uh-service-icon{width:36px;height:36px}@media(max-width:980px){.uh-icon-proof{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media(max-width:650px){.uh-icon-proof{gap:20px 14px;margin-top:38px}.uh-icon-proof>div{align-items:flex-start;gap:10px}.uh-icon-proof .uh-service-icon{width:28px;height:28px}.uh-icon-proof p,.uh-icon-proof span,.uh-icon-proof strong{font-size:14px}}

.uh-section-icon{display:block;width:32px;height:32px;color:var(--lime);flex:none;margin-bottom:18px}.process-row>.uh-section-icon{margin:0;width:30px;height:30px}.role>.uh-section-icon{margin-bottom:16px}.feature>.uh-section-icon{width:36px;height:36px}.feature:has(>.uh-section-icon) h3{margin-top:26px}.project-hero>.uh-section-icon{grid-column:1/-1;margin-bottom:-12px}.cta-band .uh-section-icon{margin:0}.page-hero .uh-section-icon{position:relative;z-index:2}@media(max-width:650px){.cta-band .uh-section-icon{margin-bottom:-8px}}

/* Audit fixes: consistent navigation, readable controls and shorter interior covers. */
.site-header{position:sticky;top:0;z-index:100;display:flex!important;align-items:center!important;justify-content:space-between;gap:18px;padding:18px clamp(18px,3vw,46px)!important;min-height:82px!important}
.site-header .brand{display:block!important}.site-header .brand img{display:block!important;width:100%!important;height:auto!important;max-height:54px;object-fit:contain}.desktop-nav{display:flex!important;align-items:center;gap:20px!important}.desktop-nav a{white-space:nowrap;text-decoration:none;font-size:14px!important}.site-header .mobile-menu{display:none}.site-header .uh-language{flex:none}
.page-hero{padding:64px clamp(18px,5vw,76px) 54px!important;min-height:0!important}.page-hero.image{min-height:360px!important}.page-hero h1,.seo-hero h1,.project-hero h1{font-size:clamp(36px,4.6vw,64px)!important;line-height:1.08!important;max-width:1000px!important}.page-hero p{font-size:18px!important;max-width:760px!important;margin-bottom:0}.project-hero{padding-block:52px!important}
.seo-related-links a,.dark-section .seo-related-links a{background:#1b201b!important;color:#fff!important;border:1px solid #4b5349;border-radius:14px}.seo-related-links a:hover{background:#25301c!important;border-color:var(--lime)}
.live-works{background:#0b0d0c!important;color:#f7f7f4!important}.live-works-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-bottom:28px}.live-works-head h2{max-width:760px}.live-works-head p{max-width:760px;color:#c5cbc4;line-height:1.65;margin:0}.live-works-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px}.live-work-card{position:relative;min-height:430px;margin:0;overflow:hidden;border:1px solid #ffffff14;border-radius:18px;background:#151915;color:#fff}.live-work-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.live-work-card:after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.86))}.live-work-card:hover img{transform:scale(1.04)}.live-work-card>div{position:absolute;z-index:2;left:22px;right:22px;bottom:22px}.live-work-card span{display:block;color:var(--lime);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:9px}.live-work-card h3{font-size:clamp(25px,2.4vw,38px);line-height:1;margin:0 0 12px;letter-spacing:-.035em}.live-work-card p{color:#e3e7de;line-height:1.55;margin:0 0 16px;max-width:440px}.live-work-card a{color:#fff;font-weight:900;text-decoration:none}.live-work-card-empty{display:flex;align-items:flex-end;background:linear-gradient(135deg,#20261c,#111312);border-style:dashed}.live-work-card-empty:after{display:none}.live-work-card-empty>div{position:relative;left:auto;right:auto;bottom:auto;padding:22px}.live-work-card-empty p{color:#c5cbc4}.live-work-card-wide{min-height:470px}@media(max-width:980px){.live-works-head{grid-template-columns:1fr;align-items:start}.live-works-grid{grid-template-columns:1fr 1fr}.live-work-card-wide{grid-column:1/-1}.live-work-card{min-height:360px}}@media(max-width:650px){.live-works-grid{grid-template-columns:1fr}.live-work-card,.live-work-card-wide{min-height:330px}.live-works-head .button{width:max-content;max-width:100%}}
.work-lightbox .lightbox-close{background:#fff!important;color:#101500!important;cursor:pointer}.work-lightbox .lightbox-nav{background:#fff!important;color:#101500!important;cursor:pointer}.work-lightbox button:focus-visible{outline:3px solid var(--lime)!important;outline-offset:5px}.work-card figcaption:after{content:none!important}
:focus-visible{outline:3px solid #b5f000;outline-offset:4px}.uh-footer-legal{padding:22px 18px;font-size:14px;color:#bcc4b9;line-height:1.8}.uh-footer-legal a{color:inherit}.legal-copy{max-width:820px;line-height:1.8;padding-block:48px}.legal-copy h2{font-size:26px;margin-top:36px}.legal-copy p{color:#c5cdc2}.uh-guide-launch{width:52px!important;height:52px!important;padding:5px!important;border-radius:50%!important;right:88px!important;bottom:20px!important;z-index:90!important}.uh-guide-launch img{width:40px!important;height:40px!important}.uh-guide-launch span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1100px){.site-header .desktop-nav{display:none!important}.site-header .mobile-menu{display:block!important;margin-left:auto}.site-header .mobile-panel{display:flex!important;flex-direction:column!important;gap:0!important;position:absolute!important;top:100%;right:12px;left:12px;padding:14px;background:#101410!important;border:1px solid #4b5349;border-radius:14px;z-index:120}.site-header details:not([open]) .mobile-panel{display:none!important}.site-header .mobile-panel a{display:block;padding:14px;color:#fff}.site-header .hamburger{display:flex;flex-direction:column;gap:5px;width:25px}.site-header .hamburger i{display:block;width:25px;height:2px;background:#fff}.site-header summary{list-style:none;cursor:pointer;padding:12px}.site-header summary::-webkit-details-marker{display:none}.site-header .brand{width:180px!important}.site-header .uh-language{margin:0!important}}
@media(max-width:650px){.site-header{padding:12px 14px!important;gap:6px;min-height:72px!important}.site-header .brand{width:145px!important}.page-hero{padding:38px 18px!important}.page-hero.image{min-height:300px!important}.page-hero h1,.seo-hero h1,.project-hero h1{font-size:clamp(34px,8.5vw,46px)!important}.page-hero p{font-size:17px!important}.uh-language select{max-width:96px}.uh-guide-launch{bottom:max(18px,env(safe-area-inset-bottom))!important;right:86px!important}.legal-copy{padding-inline:18px}.contact-grid{padding-top:30px!important}}

.gallery .work-card:not(.work-card-project)::before{content:none!important}

.gallery .work-card-project::before{content:none!important}

.site-header .desktop-nav a.nav-cta{display:inline-flex!important}.section:has(#contactForm){padding-block:48px!important}.section:has(#contactForm) h2{font-size:clamp(30px,3vw,44px)!important}.person-copy p{font-size:16px!important}.hero-grid{animation:none!important}.hero-grid>*{animation:none!important}

/* Anchor the mobile dropdown to the full header, rather than its 48px button. */
@media(max-width:1100px){
  .site-header .mobile-menu{position:static;flex:none}
  .site-header .mobile-panel{top:100%!important;left:12px!important;right:12px!important;width:auto!important;min-width:0;max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}
  .site-header .mobile-panel a{width:100%;min-width:0;white-space:normal;overflow-wrap:break-word}
}

/* Video thumbnails for live works and project cards */
.live-work-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.live-work-card:hover video{transform:scale(1.04)}
.gallery .work-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.gallery .work-card:hover video{transform:scale(1.045)}
@media(prefers-reduced-motion:reduce){.live-work-card video,.gallery .work-card video{transition:none!important;transform:none!important}}

/* Compact thumbnails for the "Proyectos de cerca" index cards */
.project-index-grid a{overflow:hidden;padding:0!important}
.project-index-grid .project-index-media{display:block!important;position:relative;width:100%;aspect-ratio:16/9;margin:0 0 18px!important;overflow:hidden;background:#0c120f;border-bottom:1px solid #ffffff14;color:inherit!important;font-size:0!important;letter-spacing:0!important}
.project-index-grid .project-index-media img,.project-index-grid .project-index-media video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.project-index-grid a:hover .project-index-media img,.project-index-grid a:hover .project-index-media video,.project-index-grid a:focus-visible .project-index-media img,.project-index-grid a:focus-visible .project-index-media video{transform:scale(1.035)}
.project-index-grid a>span:not(.project-index-media),.project-index-grid a>strong,.project-index-grid a>em{margin-left:20px;margin-right:20px}
.project-index-grid a>span:not(.project-index-media){display:block}
.project-index-grid a>em{margin-bottom:20px}
@media(max-width:560px){.project-index-grid .project-index-media{aspect-ratio:1.9/1;margin-bottom:16px!important}.project-index-grid a>span:not(.project-index-media),.project-index-grid a>strong,.project-index-grid a>em{margin-left:18px;margin-right:18px}}
@media(prefers-reduced-motion:reduce){.project-index-grid .project-index-media img,.project-index-grid .project-index-media video{transition:none!important;transform:none!important}}

@keyframes uh-live-photo-pan{0%,100%{transform:scale(1.03) translate3d(0,0,0)}50%{transform:scale(1.12) translate3d(-2.4%,1.2%,0)}}
.project-index-grid .project-index-media.is-live-photo img,.project-cover.is-live-photo img{animation:uh-live-photo-pan 7s ease-in-out infinite;transform-origin:center center}
@media(prefers-reduced-motion:reduce){.project-index-grid .project-index-media.is-live-photo img,.project-cover.is-live-photo img{animation:none!important;transform:none!important}}

.uh-brand-film{background:#050706;color:#f7f7f4;padding:clamp(44px,6vw,82px) clamp(18px,5vw,76px);border-block:1px solid #ffffff12}
.uh-brand-film .wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(22px,4vw,58px);align-items:center}
.uh-brand-film-copy span{display:block;color:var(--lime);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}
.uh-brand-film-copy h2{font-size:clamp(34px,4vw,62px);margin:0;max-width:13ch}
.uh-brand-film-copy p{color:#c5cbc4;line-height:1.65;max-width:540px;margin:18px 0 0}
.uh-brand-film-frame{position:relative;overflow:hidden;border:1px solid #b5f00022;border-radius:10px;background:#080a09;box-shadow:0 22px 60px #0008}
.uh-brand-film-frame video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.uh-brand-film-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#b5f00018,transparent 34%,#0008)}
@media(max-width:760px){.uh-brand-film .wrap{grid-template-columns:1fr}.uh-brand-film-copy h2{max-width:100%}}

/* Consistent dark surfaces, including legacy sections and interactive states. */
:root{color-scheme:dark}
.closing-cta{background:#171d13!important;color:#f7f7f4!important;border-top:1px solid #b5f00025}
.closing-cta h2{color:#f7f7f4!important}
.closing-cta p{color:#c5cdc5!important}
.closing-cta .eyebrow{color:var(--lime)!important}
.gallery .work-card{background:#171b18!important}
.runway-feature,.runway-visual-story:nth-of-type(even),.seo-home-intro{background:#111513!important;color:#f7f7f4!important}
.runway-feature-copy p{color:#bfc5c0!important}
.runway-feature-copy .eyebrow{color:var(--lime)!important}
.form button.button-email[type=submit]{background:#171b18!important;color:#f7f7f4!important;border-color:#69785d!important}
.form button.button-email[type=submit]:hover,.form button.button-email[type=submit]:focus-visible{background:#25301c!important;color:#f7f7f4!important;border-color:var(--lime)!important}
.lightbox-close,.work-lightbox .lightbox-close,.work-lightbox .lightbox-nav{background:#171b18!important;color:#f7f7f4!important;border:1px solid #69785d!important}