@font-face{font-family:'Proxima Nova';font-weight:300;font-style:normal;font-display:block;src:url(../fonts/ProximaNova-Light.woff) format('woff'),url(../fonts/ProximaNova-Light.otf) format('opentype')}
@font-face{font-family:'Neutraface Text';font-weight:300;font-style:normal;font-display:block;src:url(../fonts/NeutrafaceText-LightAlt.woff) format('woff'),url(../fonts/NeutrafaceText-LightAlt.otf) format('opentype')}
@font-face{font-family:'Proxima Nova';font-weight:400;font-style:normal;font-display:block;src:url(../fonts/ProximaNova-Regular.woff) format('woff'),url(../fonts/ProximaNova-Regular.otf) format('opentype')}
@font-face{font-family:'Proxima Nova';font-weight:600;font-style:normal;font-display:block;src:url(../fonts/ProximaNova-Semibold.woff) format('woff'),url(../fonts/ProximaNova-Semibold.otf) format('opentype')}
@font-face{font-family:'Proxima Nova';font-weight:700;font-style:normal;font-display:block;src:url(../fonts/ProximaNova-Bold.woff) format('woff'),url(../fonts/ProximaNova-Bold.otf) format('opentype')}
*{margin:0;padding:0;box-sizing:border-box}
:root{--u:calc(100vw/1600)}
html{scroll-behavior:smooth;background:#fff}
body{font-synthesis:none;font-kerning:normal;text-rendering:optimizeLegibility;letter-spacing:.025em;background:#fff;font-family:'Proxima Nova','Mulish',sans-serif;font-weight:300;color:#808080;overflow-x:hidden;-webkit-font-smoothing:antialiased}
.sec{position:relative;width:100%;overflow:hidden;background:#fff}
.sec.grey{background:#f7f7f7}
.sec>*,.top>*,.logo>*,.bigtitle>*{position:absolute}
.sec>img,.top>.logo{display:block}
.bg{object-fit:cover}
.hero{background:#3a3427;color:#fff}
.top{position:absolute;left:0;top:0;width:100%;height:calc(116*var(--u));z-index:5}
.top .logo{left:0;top:0;width:calc(300*var(--u));height:calc(116*var(--u));color:#fff;text-decoration:none}
.top .logo>*{position:absolute}
.bod,.res,.nordelta,.mail{letter-spacing:0}
.bod{font-family:'Bodoni Moda',serif;font-weight:500;font-optical-sizing:none;font-variation-settings:'opsz' 18;white-space:nowrap;display:block}
.res{font-family:'Montserrat',sans-serif;font-weight:300;white-space:nowrap;display:block}
.top .logo .bod{color:#fff}.top .logo .res{color:#fff}
.sep,.under,.rule{background:#fff;display:block;min-width:1px;min-height:1px}
.top nav a{position:absolute;top:calc(52*var(--u));height:calc(18*var(--u));line-height:calc(18*var(--u));font-size:calc(15*var(--u));color:#fff;text-decoration:none;white-space:nowrap;transition:opacity .2s}
.top nav a:hover{opacity:.7}
.burger{display:none}
.hello{font-weight:300;color:#fff;white-space:nowrap}
.fl{position:absolute;display:block;white-space:nowrap}
.ln{display:block;width:max-content;white-space:pre;letter-spacing:.025em}.h{letter-spacing:0}
.txt p.gap{height:calc(47*var(--u))}
.navwrap{overflow:hidden}.navwrap img{position:absolute!important;max-width:none;object-fit:fill}
.bg.exact{object-fit:fill}
.mapa{overflow:visible;z-index:1}.fig{overflow:hidden}.fig img{position:absolute!important;max-width:none}
.nordelta{font-family:'Josefin Sans',sans-serif;font-weight:400;font-size:calc(19*var(--u));line-height:calc(24*var(--u));letter-spacing:calc(3.3*var(--u));color:#fff}
.logo-sec{background:#d8d8d8}
.bigtitle{position:absolute;inset:0}
.bigtitle .bod{color:#3d3d3d}.bigtitle .res{color:#3d3d3d}
.sec img{object-fit:cover}
.sec h2{font-weight:300;font-size:calc(28*var(--u));line-height:calc(34*var(--u));color:#3d3d3d;white-space:nowrap}
.sec h2.big{font-size:calc(41*var(--u));line-height:calc(49*var(--u));color:#808080}
.txt{font-size:calc(20*var(--u));line-height:calc(30*var(--u));color:#808080}
.txt p{display:block}
.cap{font-size:calc(14*var(--u));line-height:calc(17*var(--u));color:#808080;white-space:nowrap}
.unidades img{object-fit:fill}
.dl{display:block}
.dl img{object-fit:fill}
.foot .bod{color:#3d3d3d}.foot .res{color:#3d3d3d}
.mail{font-family:'Neutraface Text','Jost',sans-serif;font-weight:300;font-size:calc(18*var(--u));line-height:calc(22*var(--u));letter-spacing:calc(1.6*var(--u));color:#3d3d3d;text-decoration:none;white-space:nowrap}
@media (max-width:820px){
:root{--m:20px}
.sec{height:auto!important;padding:48px var(--m)}
.sec>*,.sec>*>*{position:static!important}
.sec img{width:100%!important;height:auto!important;max-width:560px;margin:0 auto;display:block}
.sec h2{font-size:22px!important;line-height:28px!important;margin:32px 0 14px;white-space:normal}
.sec h2.big{font-size:30px!important;line-height:38px!important;text-align:center}
.txt{width:auto!important;font-size:16px!important;line-height:25px!important}
.txt p+p{margin-top:0}
.fig{width:100%!important;height:auto!important;background:none!important;overflow:visible!important}.fig img{position:static!important;width:100%!important;height:auto!important;max-width:560px;margin:0 auto}
.ln{display:inline!important;width:auto!important;white-space:normal!important;letter-spacing:.025em!important;word-spacing:0!important}.h{display:none}.fl{display:block;width:auto}
.txt p.gap{display:none}
.hero{height:auto!important;min-height:100vh;min-height:100svh;padding:0!important;display:flex;flex-direction:column;justify-content:center}
.hero>.bg{position:absolute!important;inset:0;object-position:58% center;width:100%!important;height:100%!important;max-width:none;object-fit:cover}
.hero>.navwrap{display:none}
.top{position:absolute!important;left:0;top:0;width:100%;height:72px;z-index:10;background:linear-gradient(rgba(0,0,0,.55),transparent)}
.top .logo{position:absolute!important;left:var(--m);top:10px;width:120px;height:52px}
.top .logo>*{position:absolute!important}
.top .logo .bod{font-size:20px!important;line-height:26px!important}
.top .logo .bod:nth-child(1){left:50px!important;top:0!important}.top .logo .bod:nth-child(2){left:19px!important;top:20px!important}
.top .logo .res{font-size:5px!important;line-height:8px!important;letter-spacing:.4px!important;left:40px!important;top:46px!important}
.top .sep,.top .under{display:none}
.burger{display:block;position:absolute!important;right:var(--m);top:22px;width:30px;height:24px;background:none;border:0;cursor:pointer}
.burger span{position:absolute!important;left:0;width:100%;height:1.5px;background:#fff;transition:.25s}
.burger span:nth-child(1){top:4px}.burger span:nth-child(2){top:11px}.burger span:nth-child(3){top:18px}
.burger[aria-expanded=true] span:nth-child(1){top:11px;transform:rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){top:11px;transform:rotate(-45deg)}
.top nav{position:fixed!important;inset:0;background:rgba(20,18,14,.96);display:none;flex-direction:column;justify-content:center;align-items:center;gap:22px;z-index:9}
.top nav.open{display:flex}
.top nav a{position:static!important;font-size:18px!important;height:auto!important;line-height:24px!important}
.nordelta{transform:none!important}.hello{position:relative!important;margin:0 var(--m);font-size:34px!important;line-height:40px!important;z-index:2}
.rule{display:block;position:relative!important;width:min(250px,60%)!important;height:1.5px!important;margin:22px var(--m) 16px;z-index:2}
.nordelta{position:relative!important;margin:0 var(--m);font-size:14px!important;line-height:20px!important;letter-spacing:2.5px!important;z-index:2}
.logo-sec{min-height:80vh;min-height:80svh;display:flex;align-items:center;justify-content:center;padding:0!important}
.logo-sec>.bg{position:absolute!important;inset:0;max-width:none;height:100%!important;object-fit:cover}
.bigtitle{position:relative!important;inset:auto;text-align:center;z-index:2}
.bigtitle .bod{transform:none!important;font-size:56px!important;line-height:60px!important;text-align:center}
.bigtitle .res{font-size:15px!important;line-height:24px!important;letter-spacing:.5px!important;margin-top:10px}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}.duo img{max-width:none}
.mapa{padding:0!important;overflow:hidden}.mapa img{max-width:none;margin:48px 0 0!important}
.mapa img{width:100%!important;height:auto!important}
.fac,.ball,.ramos{padding-top:32px}
.fac>img,.ball>img{margin-top:24px}
.ramos .port1,.ramos .port2{width:96px!important;height:96px!important;display:inline-block;margin:8px 14px 18px 0}
.ramos .port1{margin-top:20px}
.aerea{padding:0!important}.aerea img{max-width:none}
.cap{white-space:normal;font-size:12px!important;line-height:18px!important;text-align:center;margin:18px 0 10px}
.dl{display:block;width:34px!important;margin:0 auto}
.dl img{max-width:none}
.foot{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding:56px var(--m)!important}
.foot .bod{transform:none!important;font-size:40px!important;line-height:50px!important}
.foot .res{font-size:11px!important;line-height:16px!important;letter-spacing:.4px!important;margin-top:6px}
.mail{transform:none!important;margin-top:28px;font-size:14px!important;letter-spacing:.089em!important;line-height:20px!important}
}

:root{--sl:calc(60*var(--u));--ease:cubic-bezier(.22,.8,.24,1)}
@keyframes heroIn{from{opacity:0;translate:calc(-1*var(--sl)) 0;clip-path:inset(-12% 100% -12% -3%)}to{opacity:1;translate:0 0;clip-path:inset(-12% -6% -12% -3%)}}
@keyframes fadeUp{from{opacity:0;translate:0 calc(.35*var(--sl))}to{opacity:1;translate:0 0}}
@keyframes dropIn{from{opacity:0;translate:0 -14px}to{opacity:1;translate:0 0}}
@keyframes grow{from{scale:0 1}to{scale:1 1}}
@keyframes zoomOut{from{scale:1.08}to{scale:1}}
.hero>.bg{transform-origin:50% 50%;animation:zoomOut 2.8s var(--ease) both}
.hello .fl{animation:heroIn 1.25s var(--ease) both}
.hello .fl:nth-child(1){animation-delay:.25s}.hello .fl:nth-child(2){animation-delay:.42s}.hello .fl:nth-child(3){animation-delay:.59s}
.hero .rule{transform-origin:0 50%;animation:grow 1s var(--ease) .95s both}
.hero .nordelta{animation:fadeUp 1s var(--ease) 1.25s both}
.top .logo{animation:dropIn .9s var(--ease) .1s both}
.top .sep{animation:dropIn .9s var(--ease) .25s both}
.top nav a{animation:dropIn .8s var(--ease) both}
.top .under{transform-origin:0 50%;animation:grow .8s var(--ease) 1.4s both}
.top nav a:nth-child(1){animation-delay:0.35s}
.top nav a:nth-child(2){animation-delay:0.42s}
.top nav a:nth-child(3){animation-delay:0.49s}
.top nav a:nth-child(4){animation-delay:0.56s}
.top nav a:nth-child(5){animation-delay:0.63s}
.top nav a:nth-child(6){animation-delay:0.70s}
.top nav a:nth-child(7){animation-delay:0.77s}
.top nav a:nth-child(8){animation-delay:0.84s}
.top nav a:nth-child(9){animation-delay:0.91s}

.js .rv{opacity:0;transition:opacity .9s ease,translate 1.1s var(--ease),scale 1.2s var(--ease),clip-path 1.1s var(--ease);transition-delay:var(--d,0s)}
.js .rv-l{translate:calc(-1*var(--sl)) 0}
.js .rv-u{translate:0 calc(.5*var(--sl))}
.js .rv-img{translate:0 calc(.6*var(--sl));scale:1.035}
.js .rv.in{opacity:1;translate:0 0;scale:1}
@media (max-width:820px){:root{--sl:28px}.top .logo{height:58px}.top .logo img{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:auto!important;max-width:none!important;margin:0!important}.bigtitle img{width:min(78vw,380px)!important;max-width:none!important;margin:0 auto!important}.foot img{width:210px!important;max-width:none!important;margin:0 auto!important}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.js .rv{opacity:1!important;translate:none!important;scale:none!important;clip-path:none!important}}

.navblur{position:absolute;left:0;top:0;width:100%;height:calc(114.6*var(--u));-webkit-backdrop-filter:blur(22px) saturate(1.15);backdrop-filter:blur(22px) saturate(1.15);background:rgba(255,255,255,.06);pointer-events:none;z-index:1}@media (max-width:820px){.hero>.navblur{display:none}}