:root{--noche:#0f1c2e;--acero:#1e3a5f;--blanco:#fff;--crema:#f4f2ee;--dorado:#b8922a;--verde:#3fa66b;--naranja:#d96a1e;--tinta:#14202f;--gris:#5d6878;--niebla:#ffffffad;--display:"Jost", "Futura", "Avenir Next", system-ui, sans-serif;--text:"Source Serif 4", Georgia, "Times New Roman", serif;--ease:cubic-bezier(.65, 0, .35, 1);--side:clamp(1.25rem, 5vw, 4.5rem);color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--noche);color:var(--blanco);font-family:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:1.125rem;line-height:1.7;overflow-x:clip}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{font-family:var(--display);letter-spacing:-.015em;margin:0;font-weight:500;line-height:1.08}p,figure,dl,dd{margin:0}:focus-visible{outline:2px solid var(--dorado);outline-offset:3px}.top{z-index:50;padding:calc(env(safe-area-inset-top,0px) + 1rem) var(--side) 1rem;align-items:center;gap:2rem;transition:background .4s;display:flex;position:fixed;inset:0 0 auto}.top.is-solid{-webkit-backdrop-filter:blur(10px);background:#0f1c2eeb}.top__logo img{width:auto;height:38px}.top__nav{font-family:var(--display);gap:2rem;margin-left:auto;font-size:.95rem;display:flex}.top__nav a{color:var(--niebla);text-decoration:none}.top__nav a:hover{color:var(--blanco)}.pill{background:var(--dorado);color:var(--noche);font-family:var(--display);border-radius:999px;padding:.8rem 1.4rem;font-size:.98rem;font-weight:500;text-decoration:none;transition:background .25s;display:inline-block}.pill:hover{background:#cfa53a}.pill--dark{background:var(--noche);color:var(--blanco)}.pill--dark:hover{background:var(--acero)}@media (width<=760px){.top__nav{display:none}.top .pill{margin-left:auto;padding:.6rem 1.1rem;font-size:.9rem}}.entry{height:240vh;position:relative}.entry__stage{background:var(--noche);height:100svh;position:sticky;top:0;overflow:hidden}.entry__photo{object-fit:cover;will-change:clip-path;width:100%;height:100%;filter:brightness(calc(1 - var(--p,0) * .35));opacity:0;animation:.8s 2.1s forwards fade;position:absolute;inset:0}.entry__shade{opacity:var(--p,0);pointer-events:none;background:linear-gradient(100deg,#0f1c2ee0 0%,#0f1c2e8c 45%,#0f1c2e00 75%);position:absolute;inset:0}.roof{--y:88%;--rise:26%;--hx:24%;--dw:7%;--dh:13%;pointer-events:none;opacity:calc(1 - var(--p,0) * 2.2);position:absolute;inset:0}.roof>*{border-color:var(--dorado);border-style:solid;border-width:0;position:absolute}.roof__ground{top:var(--y);width:var(--hx);animation:draw-x 1.1s var(--ease) .2s forwards;border-top-width:3px;transform:scaleX(0)}.roof__ground--l{transform-origin:0;left:0}.roof__ground--r{transform-origin:100%;right:0}.roof__house{left:var(--hx);right:var(--hx);top:calc(var(--y) - var(--rise));height:var(--rise);clip-path:inset(100% 0 0);animation:draw-up 1.2s var(--ease) 1.1s forwards;border-width:3px 3px 0;border-radius:10px 10px 0 0}.roof__door{left:calc(50% - var(--dw) / 2);width:var(--dw);top:calc(var(--y) - var(--dh));height:var(--dh);opacity:0;border-width:3px 3px 0;border-radius:6px 6px 0 0;animation:.6s 2.1s forwards fade}@keyframes draw-x{to{transform:scaleX(1)}}@keyframes draw-up{to{clip-path:inset(0)}}@keyframes fade{to{opacity:1}}@media (width<=760px){.entry__shade{background:linear-gradient(#0f1c2ee6 0%,#0f1c2e99 55%,#0f1c2e33 100%)}.roof{--y:86%;--rise:20%;--hx:14%;--dw:14%;--dh:9%}}.entry__copy{left:var(--side);max-width:46rem;padding-right:var(--side);transform:translateY(calc(var(--p,0) * -2rem));position:absolute;top:clamp(7rem,16vh,10rem)}.entry__copy h1{letter-spacing:-.025em;font-size:clamp(2.5rem,6.2vw,5.6rem);font-weight:400}.entry__copy p{max-width:34rem;color:var(--niebla);margin-top:1.5rem;font-size:clamp(1.05rem,1.5vw,1.25rem)}.entry__hint{font-family:var(--display);color:var(--niebla);opacity:calc(1 - var(--p,0) * 4);font-size:.9rem;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.board{background:var(--acero);padding:clamp(5rem, 10vw, 8rem) var(--side)}.board__inner{max-width:72rem;margin-inline:auto}.board h2{font-size:clamp(2.4rem,5vw,4rem);font-weight:400}.board__lead{color:var(--niebla);margin-top:.75rem}.board__table{border-top:3px solid var(--dorado);margin-top:3rem}.board__row{font-family:var(--display);color:var(--niebla);border-bottom:1px solid #ffffff24;grid-template-columns:2.2fr 1.3fr 1.5fr 1.1fr 1fr;align-items:baseline;gap:1.5rem;padding:1.15rem .75rem;font-size:1rem;text-decoration:none;display:grid}.board__row--head{color:#ffffff80;padding-block:.9rem;font-size:.85rem}a.board__row{transition:background .25s}a.board__row:hover{background:#ffffff0f}.board__name{color:var(--blanco);font-size:1.15rem}a.board__row .board__name{text-underline-offset:.3em;text-decoration:underline #b8922a99}.board__price{font-variant-numeric:tabular-nums;color:var(--blanco)}.board__row.is-rentado{color:#ffffff80}.board__row.is-rentado .board__name,.board__row.is-rentado .board__price{color:#ffffff9e}.board__note{color:#ffffff80;margin-top:1rem;font-size:.9rem}.status,.board__status{font-family:var(--display);align-items:center;gap:.55rem;font-weight:500;display:inline-flex}.status i,.board__status i{background:#ffffff59;border-radius:50%;flex:none;width:.6rem;height:.6rem}.is-disponible i{background:var(--verde);animation:2.4s ease-out infinite glow;box-shadow:0 0 #3fa66b99}.is-pronto i{background:var(--naranja)}@keyframes glow{70%,to{box-shadow:0 0 0 .6rem #3fa66b00}}@media (width<=860px){.board__row--head{display:none}.board__row{grid-template-columns:1fr auto;gap:.2rem 1rem;padding-inline:0}.board__row>:nth-child(2),.board__row>:nth-child(3){grid-column:1;font-size:.92rem}.board__name{grid-column:1}.board__price{text-align:right;grid-area:1/2}.board__status{grid-area:2/2;justify-self:end;font-size:.9rem}}.chapter{padding:clamp(5rem, 10vw, 9rem) var(--side)}.chapter--light{background:var(--blanco);color:var(--tinta);color-scheme:light}.chapter--dark{background:var(--noche)}.chapter--soon{background:var(--crema)}.chapter__grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2.5rem,6vw,6rem);max-width:72rem;margin-inline:auto;display:grid}.chapter__text{max-width:32rem}.chapter h2{margin-top:1rem;font-size:clamp(2.3rem,4.6vw,3.8rem);font-weight:400}.chapter__lead{margin-top:1.25rem;font-size:1.15rem}.chapter--light .chapter__lead{color:#3a4656}.chapter--dark .chapter__lead{color:var(--niebla)}.chapter--light .status{color:var(--tinta)}.facts{border-color:#7f8ca059;border-top-style:solid;border-top-width:1px;margin:2.25rem 0 2.5rem}.facts div{border-bottom:1px solid #7f8ca059;grid-template-columns:9rem 1fr;gap:1rem;padding-block:.8rem;display:grid}.facts dt{font-family:var(--display);color:var(--gris);font-size:.95rem}.chapter--dark .facts dt{color:#ffffff8c}.perks{margin:1.75rem 0 2.5rem;padding-left:1.2rem}.perks li::marker{color:var(--dorado)}.doorway{aspect-ratio:4/5;clip-path:inset(var(--t,46%) var(--x,39%) 0 var(--x,39%) round 12px 12px 0 0);background:var(--acero);will-change:clip-path;border-radius:14px 14px 0 0;overflow:hidden}.doorway img{object-fit:cover;width:100%;height:100%;transform:scale(calc(1.15 - var(--p,0) * .15))}@media (width<=860px){.chapter__grid{grid-template-columns:1fr}.chapter__grid--flip .doorway{order:2}.doorway{aspect-ratio:4/4.4}}.context{grid-template-columns:1fr 1fr 1.4fr;gap:1rem;max-width:72rem;margin:clamp(3.5rem,7vw,6rem) auto 0;display:grid}.context figure{gap:.6rem;display:grid}.context img{aspect-ratio:4/3;object-fit:cover;border-radius:6px;width:100%}.context figcaption,.strip figcaption{font-family:var(--display);color:var(--gris);font-size:.92rem}@media (width<=760px){.context{grid-template-columns:1fr 1fr}.context figure:last-child{grid-column:span 2}}.strip{margin:clamp(3.5rem, 7vw, 6rem) calc(var(--side) * -1) 0;padding:0 var(--side) 1rem;scroll-snap-type:x mandatory;scroll-padding-inline:var(--side);gap:1rem;display:flex;overflow-x:auto}.strip figure{scroll-snap-align:start;flex:0 0 min(22rem,78vw);gap:.6rem;display:grid}.strip img{aspect-ratio:3/4;object-fit:cover;border-radius:6px;width:100%}.strip figcaption{color:#fff9}.how{background:var(--blanco);color:var(--tinta);color-scheme:light;padding:clamp(5rem, 10vw, 9rem) var(--side);border-top:1px solid #e3e6eb}.how__inner{max-width:72rem;margin-inline:auto}.how h2{font-size:clamp(2.3rem,4.6vw,3.8rem);font-weight:400}.how__lead{color:#3a4656;max-width:36rem;margin-top:1rem}.steps{counter-reset:paso;grid-template-columns:repeat(3,1fr);gap:2.75rem 2.5rem;margin:3.5rem 0 0;padding:0;list-style:none;display:grid}.steps li{counter-increment:paso;border-top:3px solid var(--noche);padding-top:1.25rem}.steps li:before{content:counter(paso);font-family:var(--display);color:var(--dorado);margin-bottom:1rem;font-size:2.6rem;font-weight:300;line-height:1;display:block}.steps h3{font-size:1.35rem}.steps p{color:#3a4656;margin-top:.5rem;font-size:1.02rem}.people{color:#3a4656;border-top:1px solid #e3e6eb;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4.5rem;padding-top:2rem;font-size:1.02rem;display:grid}.people strong{font-family:var(--display);color:var(--tinta);font-size:1.1rem;font-weight:500;display:block}@media (width<=860px){.steps,.people{grid-template-columns:1fr}}.call{padding:clamp(6rem, 12vw, 10rem) var(--side);text-align:center;background:var(--noche)}.call__kicker{color:var(--niebla);font-size:clamp(1.15rem,2vw,1.5rem)}.call__phone{font-family:var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:.5rem;font-size:clamp(3rem,12vw,10rem);font-weight:300;line-height:1;text-decoration:none;display:inline-block}.call__phone:hover{color:var(--dorado)}.call__row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 2rem;margin-top:2.5rem;display:flex}.call__mail{font-family:var(--display);overflow-wrap:anywhere}.call address{color:#ffffff8c;margin-top:2.5rem;font-size:1rem;font-style:normal}.foot{padding:2rem var(--side) calc(2rem + env(safe-area-inset-bottom,0px));font-family:var(--display);color:#ffffff8c;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.95rem;display:flex}.foot img{width:auto;height:36px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.roof>*,.entry__photo{clip-path:none;opacity:1;animation:none;transform:none}.is-disponible i{animation:none}}