@font-face{font-family:Bebas;src:url('fonts/BebasNeue-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Montserrat;src:url('fonts/Montserrat.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--coal:#1C1B19;--cream:#F3EADF;--terra:#E8B083;--line:#E58F4E;--space:clamp(28px,5.5vw,90px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--coal);background:var(--coal);font:400 clamp(16px,1.6vw,22px)/1.65 Montserrat,Arial,sans-serif}img{display:block;max-width:100%;object-fit:cover}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--line);outline-offset:7px}.skip{position:fixed;top:8px;left:8px;background:var(--cream);padding:8px 14px;z-index:10;transform:translateY(-150%)}.skip:focus{transform:none}main{width:100%;overflow:clip}h1,h2,p,ul{margin:0}h1,h2{font:400 clamp(65px,9.2vw,142px)/.98 Bebas,Impact,'Arial Narrow',sans-serif;letter-spacing:.015em;text-transform:uppercase}h1{font-size:clamp(105px,13vw,195px);line-height:.95}h2{overflow-wrap:normal}section,footer{position:relative;isolation:isolate}p{max-width:55ch}.accent{display:block;width:64px;height:4px;background:var(--line);margin:22px 0 30px}.textured::after{content:'';position:absolute;inset:0;background:url('assets/texture.svg') repeat;opacity:.17;pointer-events:none;z-index:-1}.hero{min-height:860px;min-height:max(780px,100svh);display:flex;align-items:flex-end;padding:245px var(--space) 88px;color:var(--cream)}.hero-photo,.backdrop{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-photo{object-position:65% center}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,16,14,.92) 0%,rgba(16,16,14,.7) 30%,rgba(16,16,14,.16) 66%,transparent);z-index:-1}.logo-tab{position:absolute;left:clamp(26px,3.7vw,60px);top:0;background:var(--cream);border-radius:0 0 14px 14px;width:clamp(102px,13vw,160px);padding:24px 18px 18px;display:block}.logo-tab img{width:100%;height:auto}.hero-copy{max-width:620px;width:48%}.hero-copy p{max-width:36ch}.scope{background:var(--terra);display:grid;grid-template-columns:26% minmax(0,1fr);gap:40px;padding:70px var(--space);align-items:center}.scope-title{border-right:1px solid var(--cream);padding-right:40px}.scope h2{font-size:clamp(58px,6.5vw,94px)}.scope .accent{background:var(--coal);width:44px;height:3px;margin:14px 0 0}.scope p{max-width:62ch}.panel{padding:var(--space);min-width:0}.cream{background:var(--cream)}.orientation{display:grid;grid-template-columns:46% minmax(0,1fr);min-height:670px}.orientation .panel{display:flex;flex-direction:column;justify-content:center}.orientation h2{font-size:clamp(64px,7.5vw,114px)}.orientation>img{width:100%;height:100%;min-height:670px;max-height:900px;object-position:center 58%}.ruled{list-style:none;padding:0;margin-top:32px;max-width:48ch}.ruled li{border-top:1px solid var(--line);padding:20px 0 17px;line-height:1.55}.image-panel{color:var(--cream)}.legal{min-height:540px;display:flex;align-items:center}.legal .panel{width:51%;padding-right:28px}.legal::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--coal) 0%,rgba(28,27,25,.91) 29%,rgba(28,27,25,.4) 52%,transparent 72%)}.legal .backdrop{object-position:67% center}.legal h2{font-size:clamp(70px,8vw,122px)}.steps-band{height:230px;overflow:hidden}.steps-band img{width:100%;height:100%;object-position:center 96%;transform:scale(1.35);transform-origin:center bottom}.execution{min-height:700px;display:flex;justify-content:flex-end;align-items:flex-end;padding-top:50px}.execution .backdrop{object-position:left center}.execution .panel{width:53%;padding:55px 6vw 55px 4vw;color:var(--coal)}.execution h2{font-size:clamp(76px,9vw,138px)}.delivery{background:var(--terra);min-height:670px;display:flex;align-items:center;padding:66px 0 66px 4.7vw}.delivery-photo{position:absolute;left:46%;top:0;width:54%;height:100%;z-index:-2;object-position:64% center}.delivery .panel{width:49%;padding:48px 3vw}.delivery h2{font-size:clamp(80px,10vw,148px)}.contact{min-height:550px;padding:58px var(--space) 60px;display:flex;align-items:center}.contact .panel{padding:0;width:62%}.contact .backdrop{object-position:75% center}.contact::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--coal) 0%,var(--coal) 25%,rgba(28,27,25,.9) 41%,rgba(28,27,25,.2) 68%,transparent)}.contact h2{font-size:clamp(85px,11vw,162px)}address{font-style:normal;line-height:1.65}.contact a{display:block;overflow-wrap:anywhere;line-height:1.65}.contact a[href^='tel']{margin-top:14px}.bottom-band{height:40px;background:var(--terra)}
@media(min-width:1900px){body{font-size:25px}.hero{min-height:100svh}.hero-copy{max-width:760px}.orientation{min-height:780px}.scope{padding-block:90px}.legal{min-height:630px}.execution{min-height:800px}.delivery{min-height:780px}.contact{min-height:650px}}
@media(max-width:1050px){body{font-size:17px}.hero{min-height:790px;padding-bottom:70px}.hero-copy{width:56%}.hero h1{font-size:145px}.scope{padding-block:50px;grid-template-columns:25% minmax(0,1fr);gap:30px}.scope-title{padding-right:25px}.orientation{min-height:560px;grid-template-columns:46% minmax(0,1fr)}.orientation>img{min-height:560px}.orientation h2{font-size:75px}.panel{padding:40px 34px}.legal{min-height:440px}.legal h2{font-size:86px}.legal .panel{width:58%}.steps-band{height:180px}.execution{min-height:600px}.execution .panel{width:57%;padding:40px 35px}.execution h2{font-size:96px}.delivery{min-height:560px;padding-block:48px}.delivery .panel{width:52%;padding:35px}.contact .panel{width:67%}.contact{min-height:450px}.contact h2{font-size:110px}.ruled li{padding:16px 0}.accent{margin:18px 0 26px}}
@media(max-width:760px){:root{--space:28px}.hero{min-height:760px;padding:215px 28px 55px}.hero h1{font-size:clamp(100px,20vw,145px)}.hero-copy{width:72%;max-width:450px}.hero-copy p{font-size:17px}.hero::before{background:linear-gradient(90deg,rgba(16,16,14,.9),rgba(16,16,14,.63) 55%,rgba(16,16,14,.05))}.logo-tab{width:108px;left:28px;padding:18px 12px 12px}.scope{grid-template-columns:1fr;gap:26px;padding:40px 28px}.scope-title{border-right:0;border-bottom:1px solid var(--cream);padding:0 0 24px}.scope h2{font-size:68px}.scope p{max-width:none}.orientation{grid-template-columns:1fr;min-height:0}.orientation .panel{padding:46px 28px}.orientation h2{font-size:clamp(68px,13vw,98px)}.orientation>img{height:450px;min-height:0;max-height:none;object-position:center 65%}.legal .panel{width:82%;padding:46px 28px}.legal{min-height:470px}.legal h2{font-size:clamp(74px,14vw,105px)}.legal::before{background:linear-gradient(90deg,rgba(28,27,25,.96),rgba(28,27,25,.83) 54%,rgba(28,27,25,.15))}.steps-band{height:150px}.execution{min-height:0;padding:230px 24px 24px}.execution .panel{width:100%;padding:38px 28px}.execution h2{font-size:clamp(76px,15vw,108px)}.delivery{min-height:0;display:flex;flex-direction:column;padding:30px 24px 0;gap:30px}.delivery .panel{width:100%;padding:36px 28px}.delivery-photo{position:relative;left:auto;top:auto;width:calc(100% + 48px);height:380px;max-width:none;order:2;z-index:0;object-position:center 70%}.delivery h2{font-size:clamp(80px,16vw,112px)}.contact{min-height:500px;padding:46px 28px}.contact .panel{width:100%}.contact h2{font-size:clamp(85px,17vw,124px)}.contact::before{background:linear-gradient(90deg,rgba(28,27,25,.96),rgba(28,27,25,.88) 65%,rgba(28,27,25,.35))}.contact address br{display:none}.bottom-band{height:28px}}
@media(max-width:420px){body{font-size:16px}.hero{min-height:730px;padding-top:195px}.hero h1{font-size:105px}.hero-copy{width:100%}.hero-copy p{max-width:29ch}.hero-photo{object-position:66% center}.orientation>img{height:370px}.legal .panel{width:100%}.execution .panel,.delivery .panel{padding-inline:24px}.contact{min-height:460px}.contact a{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Titulares ajustados al ancho real del panel. */
@media(min-width:761px) and (max-width:1050px){.hero h1{font-size:clamp(105px,13.5vw,145px)}.orientation h2{font-size:clamp(60px,7.2vw,75px)}}
@media(max-width:760px){.hero-copy{width:100%;max-width:450px}}
@media(max-width:420px){.hero h1{font-size:clamp(76px,24vw,105px)}.orientation h2,.legal h2{font-size:clamp(56px,18vw,72px)}.execution h2,.delivery h2{font-size:clamp(54px,17vw,70px)}.contact h2{font-size:clamp(60px,20vw,84px)}}