:root{--navy:#0b2437;--ink:#12283a;--muted:#697682;--cream:#f4efe5;--line:#dfe4e6;--gold:#c88a22;--white:#fff;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:#fff}.site-header{height:78px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid #eee}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);white-space:nowrap}.brand strong{display:block;font-size:20px;letter-spacing:1.5px;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:1.2px;margin-top:4px}.brand-mark{width:34px;height:39px;display:block;position:relative;border-left:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:skewY(-8deg)}.brand-mark i,.brand-mark b,.brand-mark em{position:absolute;bottom:0;width:8px;border:2px solid var(--navy);background:#e4b35a;display:block}.brand-mark i{height:27px;left:3px}.brand-mark b{height:35px;left:13px;background:#fff}.brand-mark em{height:22px;left:23px;background:#e4b35a}.nav{display:flex;gap:27px}.nav a{color:var(--ink);text-decoration:none;font-size:13px;padding:29px 0 24px;border-bottom:2px solid transparent}.nav a.active,.nav a:hover{border-color:var(--navy)}.header-actions{display:flex;align-items:center;gap:16px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 25px;border-radius:10px;text-decoration:none;font-weight:700;font-size:13px}.button.dark{background:var(--navy);color:#fff}.button.white{background:#fff;color:var(--navy)}.button.outline{border:1px solid #fff;color:#fff}.icon-btn,.menu-btn{border:0;background:none;font-size:25px;color:var(--navy);cursor:pointer}.menu-btn{display:none}.hero{height:500px;position:relative;background:url('https://images.unsplash.com/photo-1540541338287-41700207dee6?auto=format&fit=crop&w=2200&q=90') center/cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,22,34,.84) 0%,rgba(5,22,34,.48) 48%,rgba(5,22,34,.08) 100%)}.hero-content{position:relative;z-index:1;padding:74px 5%;color:#fff;max-width:700px}.eyebrow{font-size:10px;letter-spacing:4px;font-weight:700;margin:0 0 13px}.eyebrow.light{color:#fff}.hero h1{font:600 clamp(44px,5vw,68px)/.98 'Playfair Display',serif;margin:0 0 20px}.hero-copy{font-size:16px;line-height:1.5}.story-link{color:#fff;text-decoration:none;font-weight:700;font-size:13px;display:flex;align-items:center;gap:12px;margin-top:25px}.story-link span{border:1px solid #fff;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:11px}.hero-note{position:absolute;right:9%;top:50px;color:var(--navy);font:italic 28px 'Playfair Display',serif;transform:rotate(-5deg);text-align:center;z-index:1}.hero-note em{font-size:24px}.location-card{position:absolute;z-index:2;right:5%;bottom:30px;background:rgba(9,34,51,.88);color:#fff;border-radius:12px;padding:18px 22px;display:flex;align-items:center;gap:14px;min-width:300px;font-size:12px}.location-card>span{font-size:25px}.location-card small{display:block;color:#b8c5ce;margin-top:3px}.divider{height:45px;width:1px;background:#61717c;margin:0 4px}.intent-card{position:relative;z-index:4;background:#fff;margin:-35px 3% 0;padding:28px 18px 22px;border-radius:17px;box-shadow:0 9px 35px rgba(14,34,49,.10);text-align:center}.intent-card h2,.section-head h2,.process h2,.investment h2,.owner h2{font:600 35px/1.1 'Playfair Display',serif;margin:0}.intent-card>.eyebrow{color:#81909a}.script-note{position:absolute;right:5%;top:37px;font:italic 18px 'Playfair Display',serif;transform:rotate(-6deg)}.intent-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:28px}.intent{min-height:168px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 10px;cursor:pointer;color:var(--ink);position:relative;transition:.25s}.intent:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(15,38,54,.08);border-color:#bdc8cd}.intent-icon{display:block;font-size:35px;margin-bottom:8px}.intent strong{display:block;font:600 19px/1.1 'Playfair Display',serif}.intent small{display:block;color:var(--muted);font-size:11px;margin-top:8px}.intent i{display:grid;place-items:center;border:1px solid #d5dcdf;border-radius:50%;width:34px;height:34px;font-style:normal;margin:12px auto 0}.section-wrap{margin:0 4%;max-width:1400px}.properties{padding:70px 0 35px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-head p{margin:8px 0 0;color:var(--muted)}.section-head>a{color:var(--ink);text-decoration:none;font-size:12px;font-weight:700}.section-head>a span{font-size:18px}.property-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.property-card{border:1px solid #e4e7e8;border-radius:13px;overflow:hidden;background:#fff}.property-img{height:190px;background-size:cover;background-position:center;position:relative}.img-1{background-image:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1000&q=85')}.img-2{background-image:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1000&q=85')}.img-3{background-image:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1000&q=85')}.img-4{background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1000&q=85')}.property-img>span{position:absolute;left:12px;top:12px;background:var(--navy);color:#fff;border-radius:5px;padding:6px 10px;font-size:11px}.property-img>button{position:absolute;right:12px;bottom:10px;border:0;background:rgba(255,255,255,.9);border-radius:50%;width:33px;height:33px;font-size:20px;cursor:pointer}.property-body{padding:13px 15px}.property-body h3{font:600 17px 'Playfair Display',serif;margin:0 0 7px}.property-body p{font-size:11px;color:var(--muted);margin:0 0 9px}.property-body>strong{font:700 17px 'Playfair Display',serif}.meta{border-top:1px solid #eee;margin-top:12px;padding-top:10px;display:flex;justify-content:space-between;color:#77828a;font-size:10px}.process{background:#eef2f3;border-radius:16px;padding:38px 38px 32px;margin-top:25px;display:grid;grid-template-columns:1fr 280px;gap:30px}.process>div>p{color:var(--muted);margin:7px 0 20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.step{display:flex;gap:12px}.step>span{background:#eadfca;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font:600 19px 'Playfair Display',serif;flex:none}.step b{font-size:22px}.step h3{font:600 16px 'Playfair Display',serif;margin:7px 0}.step p{font-size:11px;color:var(--muted);line-height:1.5;margin:0}.process-image{border-radius:12px;background:url('https://images.unsplash.com/photo-1533104816931-20fa691ff6ca?auto=format&fit=crop&w=900&q=85') center/cover;min-height:230px;display:flex;align-items:end;padding:20px;color:#fff;font:italic 23px 'Playfair Display',serif;text-align:right;justify-content:flex-end}.process-image em{font-size:19px}.investment{margin-top:35px;background:var(--navy);color:#fff;border-radius:16px;padding:40px 45px;display:flex;justify-content:space-between;align-items:center;gap:30px}.investment p:not(.eyebrow),.owner p{color:#c2ccd3;max-width:690px;line-height:1.5}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips button{border:1px solid #647786;background:transparent;color:#fff;border-radius:20px;padding:8px 13px;font-size:11px}.owner{margin-top:20px;background:var(--cream);border-radius:16px;padding:35px 45px;display:flex;align-items:center;justify-content:space-between;gap:30px}.owner p{color:#65727a}.whatsapp{margin-top:20px;background:var(--navy);border-radius:14px;padding:20px 30px;display:flex;align-items:center;gap:18px;color:#fff}.wa-icon{font-size:40px;color:#fff}.whatsapp h2{font:600 23px 'Playfair Display',serif;margin:0}.whatsapp p{margin:4px 0 0;color:#b9c6ce;font-size:12px}.whatsapp .button{margin-left:auto}.footer{margin-top:70px;background:#fff}.footer-main{border-top:1px solid #eee;padding:45px 5% 35px;display:grid;grid-template-columns:1.5fr 1fr 1.5fr 1fr;gap:35px}.footer-main h4{margin:0 0 15px;font-size:12px}.footer-main a,.footer-main p{display:block;text-decoration:none;color:#6c7780;font-size:11px;margin:0 0 9px}.footer-brand p{margin-top:18px;line-height:1.6}.socials{display:flex;gap:10px}.socials a{font-size:10px}.footer-script{font:italic 22px 'Playfair Display',serif;text-align:right;padding-top:20px}.footer-script em{font-size:19px}.footer-script span{display:block;width:100px;height:2px;background:var(--gold);margin:10px 0 0 auto;transform:rotate(-3deg)}.footer-bottom{border-top:1px solid #eee;padding:17px 5%;display:flex;justify-content:space-between;color:#899197;font-size:9px}.floating-wa{position:fixed;right:22px;bottom:20px;width:53px;height:53px;border-radius:50%;background:#18b85a;color:#fff;display:grid;place-items:center;text-decoration:none;font-size:28px;z-index:40;box-shadow:0 8px 25px rgba(0,0,0,.18)}.modal{position:fixed;inset:0;background:rgba(5,20,30,.6);display:none;align-items:center;justify-content:center;z-index:100;padding:20px}.modal.show{display:flex}.modal-box{background:#fff;border-radius:18px;max-width:560px;width:100%;padding:35px;position:relative}.modal-box h2{font:600 34px 'Playfair Display',serif;margin:0 0 10px}.modal-box>p:not(.eyebrow){color:var(--muted)}.modal-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}.modal-options{display:grid;gap:9px;margin-top:20px}.modal-options button{padding:14px;border:1px solid var(--line);background:#fff;border-radius:10px;text-align:left;font-weight:600;cursor:pointer}.modal-options button:hover{background:#f5f7f7}@media(max-width:1050px){.nav{gap:14px}.property-grid{grid-template-columns:repeat(2,1fr)}.intent-grid{grid-template-columns:repeat(3,1fr)}.process{grid-template-columns:1fr}.process-image{display:none}.footer-main{grid-template-columns:1fr 1fr}.footer-script{text-align:left}}@media(max-width:760px){.site-header{height:68px}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:15px 5%;box-shadow:0 12px 25px rgba(0,0,0,.08);flex-direction:column}.nav.open{display:flex}.nav a{padding:9px 0;border:0}.menu-btn{display:block}.header-actions .button,.icon-btn{display:none}.hero{height:610px}.hero-content{padding:70px 7%}.hero h1{font-size:46px}.hero-note{top:auto;right:7%;bottom:150px;font-size:20px}.location-card{left:5%;right:5%;bottom:22px;min-width:0}.intent-card{margin:-25px 4% 0;padding-top:24px}.intent-card h2{font-size:30px}.script-note{display:none}.intent-grid{grid-template-columns:1fr 1fr}.intent{min-height:145px}.property-grid{grid-template-columns:1fr}.properties{padding-top:50px}.section-head{display:block}.section-head>a{display:block;margin-top:15px}.process{padding:28px 22px}.steps{grid-template-columns:1fr}.investment,.owner{display:block;padding:30px 25px}.investment .button,.owner .button{margin-top:20px}.whatsapp{padding:20px;flex-wrap:wrap}.whatsapp .button{margin-left:0;width:100%}.footer-main{grid-template-columns:1fr;padding:35px 7%}.footer-bottom{padding:15px 7%;display:block;line-height:1.8}.footer-bottom span{display:block}.footer-script{display:none}}

/* ---------------------------------------------------------------
   Recorrido guiado: pasos del modal, ficha orientada a decisión,
   comparador y formulario del propietario.
--------------------------------------------------------------- */
#modal-options[hidden],#modal-form[hidden],#modal-result[hidden]{display:none}
.step-dots{display:flex;gap:6px;margin-bottom:14px}
.step-dots .dot{width:7px;height:7px;border-radius:50%;background:var(--line)}
.step-dots .dot.on{background:var(--gold)}

.button.small{padding:9px 16px;font-size:12px}
.modal-box .button.outline{border-color:var(--navy);color:var(--navy)}
.modal-box .button.outline:hover{background:#f5f7f7}
.result-pick .button.outline{border-color:var(--navy);color:var(--navy);white-space:nowrap}

.ideal,.consider{font-size:11px;line-height:1.5;margin:8px 0 0;color:var(--ink)}
.ideal b,.consider b{color:var(--muted);font-weight:700}
.consider{color:var(--muted)}

.compare-toggle{margin-top:12px;width:100%;padding:10px;border:1px solid var(--line);background:#fff;border-radius:9px;font-size:11px;font-weight:700;color:var(--ink);cursor:pointer}
.compare-toggle.selected{background:var(--navy);border-color:var(--navy);color:#fff}
.compare-toggle:disabled{opacity:.4;cursor:not-allowed}

.property-card.highlight,#property-grid .highlight{outline:2px solid var(--gold);outline-offset:3px;transition:outline-color .3s}

.compare-bar{position:fixed;left:50%;bottom:22px;transform:translate(-50%,140%);opacity:0;pointer-events:none;transition:transform .25s,opacity .25s;background:var(--navy);color:#fff;border-radius:14px;padding:14px 20px;display:flex;align-items:center;gap:18px;z-index:45;box-shadow:0 12px 30px rgba(0,0,0,.22);font-size:12px}
.compare-bar.show{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.compare-bar-actions{display:flex;gap:8px}
.compare-bar .button.outline{color:#fff;border-color:rgba(255,255,255,.5)}

.modal-form label{display:block;font-size:11px;font-weight:700;color:var(--muted);margin-top:14px}
.modal-form input,.modal-form select{width:100%;margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:9px;font-family:'DM Sans',sans-serif;font-size:14px;color:var(--ink)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.form-grid .span-2{grid-column:1/-1}
.modal-form>button{margin-top:22px;width:100%}

.result-picks{display:grid;gap:12px;margin-top:18px}
.result-pick{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px}
.result-pick-img{width:64px;height:56px;border-radius:8px;background-size:cover;background-position:center}
.result-pick b{display:block;font:600 14px 'Playfair Display',serif}
.result-pick span{display:block;font-size:11px;color:var(--muted);margin:2px 0 4px}
.result-pick em{display:block;font-size:11px;color:var(--ink);font-style:normal}
.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}

.process-list{margin:16px 0 0;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.9}

.compare-box{max-width:820px}
.compare-table-wrap{overflow-x:auto;margin-top:18px}
.compare-table{border-collapse:collapse;width:100%;min-width:520px}
.compare-table th,.compare-table td{border:1px solid var(--line);padding:10px 12px;font-size:12px;text-align:left;vertical-align:top}
.compare-table tr:first-child th{background:var(--navy);color:#fff;font:600 14px 'Playfair Display',serif}
.compare-table tr:nth-child(odd):not(:first-child){background:#fafbfb}

@media(max-width:760px){
  .form-grid{grid-template-columns:1fr}
  .result-pick{grid-template-columns:52px 1fr;grid-template-areas:"img body" "cta cta"}
  .result-pick-img{grid-area:img}
  .result-pick>div{grid-area:body}
  .result-pick>button{grid-area:cta}
  .compare-bar{width:92%;flex-wrap:wrap;justify-content:center;text-align:center}
}