:root{
  --cal:#F6F1EA;--arena:#EDE6DB;--linea:#D9D0C3;--pizarra:#1F2A30;--gris:#4A555C;
  --terracota:#B8664A;--terracota-osc:#A3553A;--olivo:#6E7A55;--azul:#2D4E66;
  --serif:"Cormorant Garamond","Cormorant",Georgia,"Times New Roman",serif;
  --sans:"Jost","Helvetica Neue",Arial,sans-serif;
  --gut:clamp(20px,5vw,72px);--max:1320px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cal);color:var(--pizarra);font-family:var(--sans);font-weight:400;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.04;letter-spacing:-.01em;margin:0}
p{margin:0}
em{font-style:italic}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.skip{position:absolute;left:-9999px;top:8px;background:var(--pizarra);color:var(--cal);padding:10px 16px;z-index:100}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--terracota);outline-offset:3px}

/* etiquetas */
.label{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--terracota-osc)}
.label::before{content:"";width:36px;height:1px;background:currentColor}
.label--light{color:#E7C3B4}

/* botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 30px;border:1px solid currentColor;font:500 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;cursor:pointer;background:transparent;color:inherit;transition:background .3s,color .3s,border-color .3s}
.btn--solid{background:var(--terracota);border-color:var(--terracota);color:var(--cal)}
.btn--solid:hover{background:var(--terracota-osc);border-color:var(--terracota-osc)}
.btn--ghost:hover{background:var(--cal);color:var(--pizarra);border-color:var(--cal)}
.btn--dark:hover{background:var(--pizarra);color:var(--cal);border-color:var(--pizarra)}
.link{display:inline-flex;align-items:center;gap:12px;font:500 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;padding:6px 0;border-bottom:1px solid currentColor}
.link span{transition:transform .3s}
.link:hover span{transform:translateX(5px)}

/* cabecera */
.top{position:fixed;inset:0 0 auto;z-index:50;color:var(--cal);transition:background .4s,color .4s,box-shadow .4s}
.top__in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:88px;transition:height .4s}
.top.is-solid{background:var(--cal);color:var(--pizarra);box-shadow:0 1px 0 var(--linea)}
.top.is-solid .top__in{height:72px}
.brand{display:block;color:inherit;line-height:0}
.brand svg{height:36px;width:auto}
.top.is-solid .brand{color:var(--terracota)}
.nav{display:flex;align-items:center;gap:clamp(18px,2.2vw,34px)}
.nav a{font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;padding:6px 0;border-bottom:1px solid transparent;transition:border-color .3s}
.nav a:hover{border-bottom-color:currentColor}
.top__end{display:flex;align-items:center;gap:22px}
.lang{position:relative}
.lang summary{list-style:none;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;padding:8px 0;display:flex;align-items:center;gap:8px}
.lang summary::-webkit-details-marker{display:none}
.lang summary::after{content:"";width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.lang ul{position:absolute;right:0;top:100%;margin:8px 0 0;padding:10px 0;list-style:none;background:var(--cal);color:var(--pizarra);min-width:170px;box-shadow:0 18px 40px rgba(31,42,48,.14);border:1px solid var(--linea)}
.lang li a{display:block;padding:9px 20px;font-size:14px;text-decoration:none}
.lang li a:hover,.lang li a[aria-current]{color:var(--terracota-osc)}
.menu-btn{display:none;background:none;border:0;color:inherit;font:500 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:12px 0;cursor:pointer}
.top .btn{min-height:42px;padding:0 20px}

/* hero */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;color:var(--cal);overflow:hidden;background:var(--pizarra)}
.hero__media,.hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__media img{animation:settle 2.4s cubic-bezier(.2,.6,.2,1) both}
@keyframes settle{from{transform:scale(1.06)}to{transform:scale(1)}}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,22,26,.55) 0%,rgba(16,22,26,0) 22%),linear-gradient(90deg,rgba(16,22,26,.72) 0%,rgba(16,22,26,.48) 38%,rgba(16,22,26,.08) 72%,rgba(16,22,26,0) 100%),linear-gradient(0deg,rgba(16,22,26,.55) 0%,rgba(16,22,26,0) 45%)}
.hero__in{position:relative;z-index:1;width:100%;padding-top:130px;padding-bottom:clamp(48px,9vh,110px)}
.hero__cities{font-size:12px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;margin-bottom:26px;opacity:.92}
.hero h1{font-size:clamp(48px,min(8.6vw,13vh),132px);font-weight:300;max-width:12ch;line-height:.98}
.hero h1 em{font-weight:300}
.hero__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-top:40px;flex-wrap:wrap}
.hero__sub{max-width:46ch;font-size:18px;line-height:1.6;font-weight:300}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap}

/* intro */
.intro{padding:clamp(90px,13vw,180px) 0}
.intro__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(40px,7vw,120px);align-items:center}
.intro__fig{position:relative}
.intro__fig img{aspect-ratio:4/5;object-fit:cover;width:100%}
.intro__fig svg{position:absolute;right:-28px;bottom:-34px;width:68px;height:auto}
.intro__txt p:not(.label){font-family:var(--serif);font-size:clamp(28px,3.3vw,46px);line-height:1.22;font-weight:400;margin-top:30px}

/* líneas */
.lines{padding-bottom:clamp(60px,9vw,120px)}
.lines__head{padding-bottom:clamp(40px,5vw,70px)}
.line{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 clamp(20px,3vw,40px);align-items:center;padding:clamp(50px,7vw,100px) 0;border-top:1px solid var(--linea)}
.line__num{grid-column:1/-1;font-family:var(--serif);font-style:italic;font-size:20px;color:var(--gris);margin-bottom:28px}
.line__media{grid-column:1/8;position:relative;padding-bottom:12%}
.line__media .a{aspect-ratio:5/4;object-fit:cover;width:86%}
.line__media .b{position:absolute;right:0;bottom:0;width:42%;aspect-ratio:4/5;object-fit:cover;border:10px solid var(--cal)}
.line__body{grid-column:9/13}
.line--rev .line__media{grid-column:6/13;order:2}
.line--rev .line__media .a{margin-left:auto}
.line--rev .line__media .b{right:auto;left:0}
.line--rev .line__body{grid-column:1/5;order:1}
.line__logo{display:block;margin-bottom:26px;line-height:0}
.line__logo svg{display:block;height:30px;width:auto;max-width:100%}
.line__kicker{font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--gris)}
.line h2{font-size:clamp(36px,3.6vw,54px);margin:14px 0 22px}
.line__body>p{color:var(--gris);max-width:44ch}
.ticks{list-style:none;margin:28px 0 36px;padding:0;border-top:1px solid var(--linea)}
.ticks li{padding:14px 0;border-bottom:1px solid var(--linea);font-size:16px;display:flex;gap:16px;align-items:baseline}
.ticks li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--accent,var(--terracota));transform:translateY(-2px)}
.line--buy{--accent:var(--azul)}.line--live{--accent:var(--olivo)}.line--stay{--accent:var(--terracota)}

/* ciudades */
.cities{background:var(--arena);padding:clamp(90px,11vw,150px) 0}
.cities__head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:clamp(40px,5vw,64px)}
.cities h2{font-size:clamp(40px,5vw,72px);max-width:14ch;margin-top:22px}
.cities__row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.city{margin:0}
.city__img{overflow:hidden}
.city img{aspect-ratio:3/4.3;object-fit:cover;width:100%;transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}
.city:hover img{transform:scale(1.04)}
.city figcaption{padding-top:18px}
.city h3{font-size:30px}
.city p{font-size:15px;color:var(--gris);margin-top:8px;line-height:1.55}

/* desde fuera */
.abroad{background:var(--pizarra);color:var(--cal);padding:clamp(90px,11vw,150px) 0;overflow:hidden}
.abroad__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,7vw,110px)}
.abroad h2{font-size:clamp(40px,4.6vw,66px);margin:22px 0 24px}
.abroad__lead{color:#C9C3BA;max-width:40ch}
.abroad__fig{margin-top:50px}
.abroad__fig img{aspect-ratio:4/3;object-fit:cover;width:100%}
.steps{list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{display:grid;grid-template-columns:72px 1fr;gap:10px 18px;padding:30px 0;border-bottom:1px solid rgba(246,241,234,.16)}
.steps li:first-child{border-top:1px solid rgba(246,241,234,.16)}
.steps li::before{counter-increment:s;content:"0" counter(s);font-family:var(--serif);font-style:italic;font-size:40px;line-height:1;color:#D98D70;grid-row:span 2}
.steps h3{font-size:28px}
.steps p{color:#C9C3BA;font-size:16px}

/* propietarios */
.owners{padding:clamp(90px,11vw,150px) 0}
.owners__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(40px,7vw,110px);align-items:center}
.owners img{aspect-ratio:5/6;object-fit:cover;width:100%}
.owners h2{font-size:clamp(36px,3.8vw,56px);margin:22px 0 24px}
.owners__body>p{color:var(--gris);max-width:44ch}

/* faq */
.faq{background:var(--arena);padding:clamp(90px,11vw,150px) 0}
.faq__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(40px,7vw,110px)}
.faq h2{font-size:clamp(40px,4.4vw,62px);margin-top:22px}
.faq__note{margin-top:26px;color:var(--gris);font-size:15px;max-width:32ch}
.faq details{border-bottom:1px solid var(--linea)}
.faq details:first-child{border-top:1px solid var(--linea)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:26px 0;font-family:var(--serif);font-size:clamp(22px,2vw,27px);line-height:1.25}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{flex:none;position:relative;width:16px;height:16px}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:0;top:7.5px;width:16px;height:1px;background:var(--pizarra);transition:transform .35s}
.faq summary i::after{transform:rotate(90deg)}
.faq details[open] summary i::after{transform:rotate(0)}
.faq details p{padding:0 0 28px;color:var(--gris);max-width:62ch}

/* contacto */
.contact{padding:clamp(90px,11vw,150px) 0}
.contact__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,7vw,110px)}
.contact h2{font-size:clamp(44px,5vw,76px);margin:22px 0 22px}
.contact__lead{color:var(--gris);max-width:38ch}
.contact__fig{margin-top:44px}
.contact__fig img{aspect-ratio:3/2;object-fit:cover;width:100%}
.direct{margin-top:34px;display:grid;gap:8px}
.direct span{font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--gris)}
.direct a{font-family:var(--serif);font-size:28px;text-decoration:none;width:fit-content;border-bottom:1px solid transparent;transition:border-color .3s}
.direct a:hover{border-bottom-color:currentColor}
.form{display:grid;grid-template-columns:1fr 1fr;gap:34px 30px;align-content:start}
.field{display:grid;gap:6px}
.field--full{grid-column:1/-1}
.field label{font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gris)}
.field input,.field select,.field textarea{width:100%;font:400 18px/1.4 var(--sans);color:var(--pizarra);background:transparent;border:0;border-bottom:1px solid #B9AE9F;border-radius:0;padding:10px 0 12px;transition:border-color .3s;-webkit-appearance:none;appearance:none}
.field select{background-image:linear-gradient(45deg,transparent 50%,var(--pizarra) 50%),linear-gradient(135deg,var(--pizarra) 50%,transparent 50%);background-position:calc(100% - 10px) 52%,calc(100% - 5px) 52%;background-size:5px 5px;background-repeat:no-repeat;padding-right:28px}
.field textarea{min-height:120px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-bottom-color:var(--terracota)}
.check{grid-column:1/-1;display:flex;gap:14px;align-items:flex-start;font-size:15px;color:var(--gris);cursor:pointer}
.check input{flex:none;width:18px;height:18px;margin:3px 0 0;accent-color:var(--terracota)}
.form .btn{justify-self:start}
.sent{grid-column:1/-1;padding:18px 22px;background:var(--arena);border-left:2px solid var(--olivo);font-size:16px}
.hp{position:absolute;left:-9999px}

/* pie */
.foot{background:var(--pizarra);color:#C9C3BA;padding:clamp(70px,9vw,110px) 0 40px;font-size:15px}
.foot__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.foot .brand{color:var(--cal)}
.foot .brand svg{height:40px}
.foot__legal{margin-top:24px;max-width:34ch}
.foot h3{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--cal);margin-bottom:18px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.foot a{text-decoration:none}
.foot a:hover{color:var(--cal)}
.foot__bar{margin-top:70px;padding-top:26px;border-top:1px solid rgba(246,241,234,.14);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px}

/* aparición suave */
.js .rv{opacity:0;transform:translateY(26px);transition:opacity 1s cubic-bezier(.2,.6,.2,1),transform 1s cubic-bezier(.2,.6,.2,1)}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.js .rv{opacity:1;transform:none}html{scroll-behavior:auto}}

/* responsive */
@media (max-width:1100px){
  .nav{display:none}
  .menu-btn{display:block}
  .top .btn{display:none}
  .nav.is-open{display:flex;position:fixed;inset:0;z-index:60;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:0 var(--gut);background:var(--pizarra);color:var(--cal)}
  .nav.is-open a{font-family:var(--serif);font-size:44px;letter-spacing:0;text-transform:none;font-weight:300}
  .nav__close{display:block!important;position:absolute;top:28px;right:var(--gut)}
  .cities__row{grid-template-columns:repeat(5,minmax(240px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--gut)*-1);padding:0 var(--gut) 10px;scrollbar-width:thin}
  .city{scroll-snap-align:start}
  .foot__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  body{font-size:16px}
  .top__in{height:72px}
  .brand svg{height:30px}
  .intro__grid,.abroad__grid,.owners__grid,.faq__grid,.contact__grid{grid-template-columns:1fr}
  .intro__fig{max-width:420px}
  .intro__fig svg{right:-14px;bottom:-24px;width:48px}
  .line,.line--rev{display:block}
  .line__media{padding-bottom:16%;margin-bottom:44px}
  .line__media .a{width:88%}
  .line__media .b{width:46%;border-width:7px}
  .owners__media{order:2}
  .cities__head{display:block}
  .form{grid-template-columns:1fr}
  .hero__foot{display:block}
  .hero__cta{margin-top:30px}
  .hero__sub{font-size:17px}
  .hero__media img{object-position:62% 70%}
  .hero::after{background:linear-gradient(180deg,rgba(16,22,26,.62) 0%,rgba(16,22,26,.5) 45%,rgba(16,22,26,.78) 100%)}
}
@media (max-width:520px){
  .hero h1{font-size:clamp(46px,13vw,64px)}
  .hero__cta .btn{width:100%}
  .top__end .lang summary{font-size:11px}
  .foot__grid{grid-template-columns:1fr}
  .steps li{grid-template-columns:52px 1fr}
  .steps li::before{font-size:32px}
}