:root{
  --navy:#061b36;
  --navy-2:#082a55;
  --blue:#1268c8;
  --blue-2:#1c7fe8;
  --ice:#f3f7fb;
  --paper:#fbfaf7;
  --stone:#d9e1ea;
  --ink:#0c1624;
  --muted:#65758a;
  --gold:#c7a35a;
  --green:#16a36b;
  --white:#fff;
  --line:rgba(8,42,85,.12);
  --shadow:0 26px 80px rgba(6,27,54,.15);
  --shadow-strong:0 32px 110px rgba(0,0,0,.34);
  --max:1180px;
  --radius:28px;
  --img-hero:url('https://images.unsplash.com/photo-1568632234157-ce7aecd03d0d?auto=format&fit=crop&w=2400&q=85');
  --img-docs:url('https://images.unsplash.com/photo-1450101499163-c8848c66ca85?auto=format&fit=crop&w=1600&q=82');
  --img-data:url('https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=1800&q=82');
  --img-living:url('https://images.unsplash.com/photo-1586023492125-27b2c045efd7?auto=format&fit=crop&w=1800&q=82');
  --img-kitchen:url('https://images.unsplash.com/photo-1484154218962-a197022b5858?auto=format&fit=crop&w=1600&q=82');
  --img-finishes:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1600&q=82');
  --img-meeting:url('https://images.unsplash.com/photo-1551836022-d5d5d88e9218?auto=format&fit=crop&w=1800&q=82');
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}

.site-header{position:relative;background:var(--navy);color:var(--white)}
.nav{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:50;width:min(var(--max),calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(6,27,54,.78);box-shadow:0 18px 48px rgba(0,0,0,.18);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:12px;min-width:220px}
.brand img{height:42px;width:auto}
.nav-links{display:flex;align-items:center;gap:18px;font-size:14px;font-weight:800;color:rgba(255,255,255,.84)}
.nav-links a:not(.nav-cta){position:relative;padding:8px 0}
.nav-links a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--gold);transition:.24s ease}
.nav-links a:hover::after{right:0}
.nav-cta{padding:11px 16px;border-radius:999px;background:var(--green);color:#fff;box-shadow:0 12px 30px rgba(22,163,107,.32)}
.nav-toggle{display:none;width:42px;height:42px;border:0;border-radius:999px;background:rgba(255,255,255,.12);padding:10px;cursor:pointer}
.nav-toggle span{display:block;height:2px;background:#fff;margin:5px 0;border-radius:999px}

.hero{min-height:100vh;position:relative;display:grid;align-items:end;overflow:hidden;padding:150px max(16px,calc((100% - var(--max))/2)) 42px}
.hero-bg{background-image:linear-gradient(90deg,rgba(6,27,54,.92) 0%,rgba(6,27,54,.76) 44%,rgba(6,27,54,.30) 100%),var(--img-hero);background-size:cover;background-position:center}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(180deg,transparent,var(--paper));pointer-events:none}
.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 20% 28%,rgba(28,127,232,.24),transparent 32%),radial-gradient(circle at 80% 70%,rgba(199,163,90,.18),transparent 28%);pointer-events:none}
.hero-inner{position:relative;z-index:2;max-width:900px;padding-bottom:72px}
.eyebrow{margin:0 0 14px;color:var(--blue);font-size:12px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.eyebrow.light{color:#d7e8ff}
.hero h1{margin:0;max-width:900px;font-size:clamp(45px,7vw,92px);line-height:.93;letter-spacing:-4.8px;font-weight:950}
.hero-subtitle{max-width:720px;margin:26px 0 0;color:rgba(255,255,255,.80);font-size:clamp(17px,2vw,22px);line-height:1.62}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:15px 22px;font-weight:950;cursor:pointer;transition:.2s ease;min-height:50px}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--blue-2),var(--blue));color:white;box-shadow:0 20px 44px rgba(18,104,200,.30)}
.btn-secondary{background:rgba(255,255,255,.12);color:white;border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(8px)}
.hero-panel{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.10);box-shadow:var(--shadow-strong);backdrop-filter:blur(18px)}
.hero-panel div{padding:26px 30px;background:rgba(6,27,54,.52)}
.hero-panel span{display:block;color:rgba(255,255,255,.64);font-size:13px;font-weight:800;margin-bottom:8px}
.hero-panel strong{font-size:clamp(20px,2.2vw,30px);line-height:1;color:#fff}

.trust-strip{position:relative;z-index:4;width:min(var(--max),calc(100% - 32px));margin:-20px auto 0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px;overflow:hidden}
.trust-strip div{padding:24px;border-right:1px solid var(--line)}
.trust-strip div:last-child{border-right:0}
.trust-strip strong{display:block;color:var(--navy);font-size:17px;margin-bottom:6px}
.trust-strip span{display:block;color:var(--muted);font-size:14px}

.section{padding:104px 0;position:relative}
.section>*{width:min(var(--max),calc(100% - 32px));margin-left:auto;margin-right:auto}
.section-white{background:#fff}
.section-soft{background:linear-gradient(180deg,var(--paper),var(--ice))}
.section-dark{background:var(--navy);color:#fff;overflow:hidden}
.section-blue{background:linear-gradient(135deg,#061b36 0%,#0c3a73 52%,#1268c8 100%);color:white;overflow:hidden}
.section-head{max-width:790px;text-align:center;margin-bottom:48px}
.section-head h2,.copy h2,.contact-copy h2,.cta-card h2{font-size:clamp(34px,4.7vw,62px);line-height:.98;letter-spacing:-2.8px;margin:0 0 18px;font-weight:950;color:var(--navy)}
.section-head p,.copy p,.contact-copy p,.cta-card p{font-size:18px;color:var(--muted);line-height:1.68;margin:0}
.section-head-dark h2,.section-head-dark p,.section-blue h2,.section-blue p,.cta-card h2,.cta-card p{color:white}
.section-head-dark p,.section-blue p,.cta-card p{color:rgba(255,255,255,.76)}

.criteria-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.criteria-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#fff,#f9fbfd);box-shadow:0 20px 60px rgba(8,42,85,.07);min-height:220px;position:relative;overflow:hidden}
.criteria-card::after{content:"";position:absolute;right:-60px;bottom:-60px;width:160px;height:160px;border-radius:999px;background:rgba(18,104,200,.07)}
.criteria-card span{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:var(--navy);color:#fff;font-weight:950;margin-bottom:34px}
.criteria-card h3{font-size:23px;margin:0 0 10px;letter-spacing:-.5px;color:var(--navy)}
.criteria-card p{margin:0;color:var(--muted)}

.method-bg{background-image:linear-gradient(135deg,rgba(6,27,54,.94),rgba(6,27,54,.86)),var(--img-data);background-size:cover;background-position:center;background-attachment:fixed}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;z-index:2}
.timeline-card{padding:26px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(255,255,255,.10);backdrop-filter:blur(14px);box-shadow:0 20px 60px rgba(0,0,0,.20)}
.timeline-card span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--gold);color:var(--navy);font-weight:950;margin-bottom:24px}
.timeline-card h3{font-size:22px;margin:0 0 10px;color:#fff}
.timeline-card p{margin:0;color:rgba(255,255,255,.72)}

.split{display:grid;grid-template-columns:1fr .95fr;gap:56px;align-items:center}
.split.reverse{grid-template-columns:.95fr 1fr}
.copy{max-width:620px}
.check-list{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:13px}
.check-list li{position:relative;padding-left:36px;font-weight:850;color:var(--navy)}
.check-list li::before{content:"✓";position:absolute;left:0;top:-1px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--green);color:#fff;font-size:14px}
.media-stack{display:grid;gap:16px}
.photo-tile,.photo-cover,.property-photo{background-size:cover;background-position:center;position:relative;overflow:hidden}
.photo-tile{min-height:480px;border-radius:34px;box-shadow:var(--shadow);border:10px solid #fff}
.photo-tile::after,.photo-cover::after,.property-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,27,54,0) 38%,rgba(6,27,54,.66) 100%)}
.photo-tile span{position:absolute;left:22px;bottom:22px;z-index:2;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);color:#fff;font-weight:950;backdrop-filter:blur(10px)}
.docs-photo{background-image:var(--img-docs)}
.meeting-photo{background-image:var(--img-meeting)}
.mini-card{border-radius:24px;padding:24px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 40px rgba(8,42,85,.08)}
.mini-card strong{display:block;color:var(--navy);font-size:19px;margin-bottom:6px}
.mini-card p{margin:0;color:var(--muted)}

.remodel-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:22px;align-items:stretch}
.remodel-main,.remodel-card{border:1px solid var(--line);border-radius:30px;background:white;box-shadow:0 20px 60px rgba(8,42,85,.08);overflow:hidden}
.remodel-main{display:grid;grid-template-rows:1fr auto}
.remodel-main .photo-cover{min-height:430px}
.remodel-main div:last-child,.remodel-card{padding:26px}
.remodel-card .photo-cover{height:260px;margin:-26px -26px 22px;border-radius:30px 30px 0 0}
.remodel-main h3,.remodel-card h3{margin:0 0 10px;color:var(--navy);font-size:25px;letter-spacing:-.8px}
.remodel-main p,.remodel-card p{margin:0;color:var(--muted)}
.living-photo{background-image:var(--img-living)}
.kitchen-photo{background-image:var(--img-kitchen)}
.finishes-photo{background-image:var(--img-finishes)}

.zone-layout{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.zones-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:22px;border:1px solid rgba(255,255,255,.16);border-radius:32px;background:rgba(255,255,255,.10);backdrop-filter:blur(12px);box-shadow:var(--shadow-strong)}
.zones-panel span{display:flex;align-items:center;justify-content:space-between;min-height:84px;padding:22px;border-radius:22px;background:rgba(255,255,255,.92);color:var(--navy);font-weight:950;font-size:20px}
.zones-panel span::after{content:"↗";color:var(--blue);font-size:18px}

.property-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.property-card{border:1px solid var(--line);border-radius:32px;overflow:hidden;background:#fff;box-shadow:0 22px 70px rgba(8,42,85,.09)}
.property-photo{height:330px;background-image:var(--img-living)}
.property-photo-1{background-image:var(--img-finishes)}
.property-photo-2{background-image:var(--img-kitchen)}
.property-photo span{position:absolute;z-index:2;left:22px;top:22px;padding:10px 14px;border-radius:999px;background:rgba(6,27,54,.74);color:#fff;font-weight:950;backdrop-filter:blur(10px)}
.property-body{padding:30px}
.property-kicker{margin:0 0 8px;color:var(--blue);font-weight:950;text-transform:uppercase;font-size:12px;letter-spacing:.13em}
.property-body h3{margin:0 0 18px;font-size:27px;line-height:1.1;color:var(--navy);letter-spacing:-.8px}
.property-body ul{margin:0 0 22px;padding-left:20px;color:var(--muted)}
.property-body a{color:var(--blue);font-weight:950}

.cta-section{padding:120px 0;background-size:cover;background-position:center;background-attachment:fixed}
.investment-bg{background-image:linear-gradient(90deg,rgba(6,27,54,.96),rgba(6,27,54,.74)),var(--img-data)}
.cta-card{max-width:760px;margin-left:max(16px,calc((100% - var(--max))/2));margin-right:auto;padding:42px;border:1px solid rgba(255,255,255,.16);border-radius:34px;background:rgba(255,255,255,.10);backdrop-filter:blur(16px);box-shadow:var(--shadow-strong)}
.cta-card h2{font-size:clamp(38px,5vw,72px)}
.cta-points{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}
.cta-points span{padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.16);font-weight:850;font-size:14px}

.referral-list{display:grid;gap:14px;margin-top:28px}
.referral-list div{padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 14px 36px rgba(8,42,85,.06)}
.referral-list strong{display:block;color:var(--navy);font-size:18px;margin-bottom:4px}
.referral-list span{color:var(--muted)}

.contact-layout{display:grid;grid-template-columns:.86fr 1fr;gap:54px;align-items:start}
.contact-cards{display:grid;gap:12px;margin-top:30px}
.contact-cards a,.contact-cards div{padding:19px;border:1px solid var(--line);border-radius:20px;background:var(--ice)}
.contact-cards strong{display:block;color:var(--navy);font-size:18px;margin-bottom:4px}
.contact-cards span{color:var(--muted)}
.lead-form{display:grid;gap:17px;padding:34px;border:1px solid var(--line);border-radius:32px;background:#fff;box-shadow:var(--shadow)}
.lead-form label{display:grid;gap:8px;font-weight:900;color:var(--navy)}
.lead-form input,.lead-form select,.lead-form textarea{width:100%;padding:15px 16px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);outline:none}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(18,104,200,.11)}
.form-note{margin:0;color:var(--muted);font-size:13px}

.footer{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;padding:44px max(16px,calc((100% - var(--max))/2));background:var(--navy);color:#fff}
.footer img{height:50px;width:auto;margin-bottom:14px}
.footer p{margin:0;color:rgba(255,255,255,.72)}
.footer-note{max-width:580px;display:grid;gap:8px;text-align:right}
.floating-whatsapp{position:fixed;right:18px;bottom:18px;z-index:60;background:var(--green);color:#fff;border-radius:999px;padding:14px 18px;font-weight:950;box-shadow:0 18px 40px rgba(22,163,107,.33)}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease, transform .65s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

@media(max-width:1080px){
  .nav-links{gap:12px;font-size:13px}.brand{min-width:auto}.timeline,.criteria-grid{grid-template-columns:repeat(2,1fr)}.remodel-grid{grid-template-columns:1fr 1fr}.remodel-main{grid-column:1/-1}.hero h1{letter-spacing:-3.4px}
}
@media(max-width:880px){
  .nav{top:12px;border-radius:26px}.nav-toggle{display:block}.nav-links{position:absolute;top:74px;right:0;width:min(360px,100%);display:none;flex-direction:column;align-items:stretch;padding:18px;border-radius:24px;background:rgba(6,27,54,.96);border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow-strong)}.nav-links.open{display:flex}.nav-links a{padding:10px 12px}.nav-cta{text-align:center}.hero{padding-top:120px}.hero-panel,.trust-strip,.timeline,.criteria-grid,.split,.split.reverse,.zone-layout,.property-grid,.contact-layout{grid-template-columns:1fr}.trust-strip div{border-right:0;border-bottom:1px solid var(--line)}.trust-strip div:last-child{border-bottom:0}.zones-panel{grid-template-columns:1fr}.footer{flex-direction:column}.footer-note{text-align:left}.method-bg,.cta-section{background-attachment:scroll}
}
@media(max-width:560px){
  .brand img{height:38px}.hero{min-height:94vh;padding-bottom:28px}.hero h1{font-size:44px;letter-spacing:-2.4px}.hero-subtitle{font-size:17px}.hero-actions .btn{width:100%}.hero-panel div{padding:20px}.section{padding:76px 0}.section-head h2,.copy h2,.contact-copy h2{letter-spacing:-1.7px}.criteria-card{min-height:auto}.remodel-grid{grid-template-columns:1fr}.photo-tile{min-height:340px}.property-photo{height:245px}.cta-card{padding:28px}.floating-whatsapp{left:16px;right:16px;text-align:center}.footer{padding-bottom:86px}
}

/* V5 ajustes de posicionamiento y copy */
.hero-logo-card{position:absolute;right:max(16px,calc((100% - var(--max))/2));top:150px;z-index:3;width:min(240px,22vw);padding:12px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.20);box-shadow:var(--shadow-strong);backdrop-filter:blur(18px)}
.hero-logo-card img{width:100%;height:auto;border-radius:999px;box-shadow:0 20px 48px rgba(0,0,0,.22)}
.two-lines-grid{grid-template-columns:1fr 1fr 1.25fr}.two-lines-grid .criteria-card{min-height:260px}.demand-card{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff}.demand-card h3,.demand-card p{color:#fff}.demand-card span{background:var(--gold);color:var(--navy)}
.method-pills span{font-size:17px}.zones-panel-light{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.zones-panel-light span{background:var(--ice)}
@media(max-width:1080px){.hero-logo-card{display:none}.two-lines-grid{grid-template-columns:1fr 1fr}.demand-card{grid-column:1/-1}}
@media(max-width:880px){.two-lines-grid{grid-template-columns:1fr}}

/* V6 ajustes puntuales de legibilidad */
#zonas .section-head{max-width:920px}
#zonas .section-head h2{font-size:clamp(32px,4.2vw,56px);line-height:1.06;letter-spacing:-1.6px;text-wrap:balance}


/* V9 SOLO RESPONSIVE: no cambia textos, frases, HTML ni escritorio */
@media(max-width:560px){
  body{
    overflow-x:hidden;
  }

  .nav{
    width:calc(100% - 28px);
    top:12px;
    padding:8px 10px;
    border-radius:26px;
    background:rgba(6,27,54,.86);
    box-shadow:0 14px 34px rgba(0,0,0,.18);
  }

  .brand{
    min-width:0;
    flex:1;
  }

  .brand img{
    height:32px;
    max-width:218px;
    object-fit:contain;
  }

  .nav-toggle{
    width:44px;
    height:44px;
    flex:0 0 44px;
    padding:9px;
  }

  .nav-links{
    top:66px;
    width:100%;
    max-height:calc(100vh - 96px);
    overflow:auto;
  }

  .hero{
    min-height:auto;
    padding-top:118px;
    padding-bottom:30px;
    align-items:start;
  }

  .hero-bg{
    background-image:
      linear-gradient(180deg,rgba(6,27,54,.91) 0%,rgba(6,27,54,.78) 48%,rgba(6,27,54,.52) 100%),
      var(--img-hero);
    background-position:center top;
  }

  .hero-inner{
    padding-bottom:18px;
  }

  .hero h1{
    font-size:clamp(39px,11.2vw,50px);
    line-height:.99;
    letter-spacing:-2.1px;
    text-wrap:balance;
  }

  .hero-subtitle{
    font-size:17px;
    line-height:1.55;
    max-width:100%;
    margin-top:20px;
  }

  .hero-actions{
    margin-top:24px;
    gap:10px;
  }

  .hero-actions .btn{
    width:100%;
    min-height:48px;
    padding:13px 18px;
  }

  .hero-logo-card{
    display:block;
    position:relative;
    top:auto;
    right:auto;
    width:142px;
    margin:0 auto 22px;
    padding:8px;
    border-radius:999px;
    z-index:4;
    background:rgba(255,255,255,.15);
    border:1px solid rgba(255,255,255,.23);
    box-shadow:0 18px 42px rgba(0,0,0,.25);
    backdrop-filter:blur(16px);
  }

  .hero-logo-card img{
    border-radius:999px;
  }

  .hero-panel{
    margin-top:2px;
    border-radius:24px;
  }

  .hero-panel div{
    padding:18px 22px;
  }

  .hero-panel span{
    font-size:12px;
    margin-bottom:6px;
  }

  .hero-panel strong{
    font-size:21px;
    line-height:1.12;
  }

  .floating-whatsapp{
    left:auto;
    right:14px;
    bottom:14px;
    width:auto;
    min-width:120px;
    padding:11px 16px;
    font-size:14px;
    border-radius:999px;
    opacity:.96;
    box-shadow:0 12px 32px rgba(22,163,107,.26);
  }

  .trust-strip{
    margin-top:0;
    border-radius:24px;
    transform:translateY(-4px);
  }

  .trust-strip div{
    padding:20px 22px;
  }

  .section{
    padding:66px 0;
  }

  .section-head{
    margin-bottom:32px;
  }

  .section-head h2,
  .copy h2,
  .contact-copy h2{
    font-size:clamp(31px,9vw,41px);
    line-height:1.07;
    letter-spacing:-1.25px;
    text-wrap:balance;
  }

  .section-head p,
  .copy p,
  .contact-copy p,
  .cta-card p{
    font-size:16.5px;
    line-height:1.58;
  }

  .criteria-grid{
    gap:16px;
  }

  .criteria-card{
    padding:22px;
    border-radius:24px;
    min-height:auto;
  }

  .criteria-card span{
    width:42px;
    height:42px;
    border-radius:15px;
    margin-bottom:24px;
  }

  .criteria-card h3{
    font-size:23px;
    line-height:1.15;
  }

  .criteria-card p{
    font-size:16.5px;
    line-height:1.53;
  }

  .two-lines-grid .criteria-card{
    min-height:auto;
  }

  .demand-card{
    padding:26px 22px;
  }

  .split,
  .split.reverse{
    gap:32px;
  }

  .check-list li{
    font-size:16px;
    line-height:1.45;
  }

  .photo-tile{
    min-height:320px;
    border-width:7px;
    border-radius:28px;
  }

  .photo-tile span{
    left:18px;
    bottom:18px;
  }

  .remodel-grid{
    gap:18px;
  }

  .remodel-main .photo-cover{
    min-height:320px;
  }

  .remodel-card .photo-cover{
    height:230px;
  }

  .remodel-main div:last-child,
  .remodel-card{
    padding:22px;
  }

  .property-photo{
    height:265px;
  }

  .property-body{
    padding:24px;
  }

  .property-body h3{
    font-size:24px;
  }

  .zones-panel{
    padding:14px;
    border-radius:26px;
  }

  .zones-panel span{
    min-height:68px;
    padding:18px;
    border-radius:18px;
    font-size:18px;
  }

  .cta-section{
    padding:78px 0;
  }

  .cta-card{
    width:calc(100% - 32px);
    margin-left:auto;
    margin-right:auto;
    padding:28px;
  }

  .cta-card h2{
    font-size:clamp(33px,9.6vw,45px);
    line-height:1.04;
    letter-spacing:-1.4px;
  }

  .lead-form{
    padding:24px;
    border-radius:26px;
  }

  #inicio,
  main section{
    scroll-margin-top:104px;
  }

  #zonas .section-head h2{
    font-size:clamp(29px,8.4vw,38px);
    line-height:1.09;
    letter-spacing:-1.05px;
  }
}

@media(max-width:390px){
  .hero h1{
    font-size:38px;
  }

  .section-head h2,
  .copy h2,
  .contact-copy h2{
    font-size:30px;
  }

  .brand img{
    height:30px;
    max-width:200px;
  }

  .nav-toggle{
    width:42px;
    height:42px;
    flex-basis:42px;
  }

  .hero-logo-card{
    width:128px;
  }
}


/* V10 MOBILE PREMIUM: sin tocar el copy general, solo ajustes visuales y dos textos de línea de negocio */
.floating-whatsapp::before{
  content:"";
  width:18px;
  height:18px;
  border-radius:999px;
  background:rgba(255,255,255,.22);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
  flex:0 0 18px;
}

@media(max-width:560px){
  .hero{
    padding-top:112px;
    padding-bottom:24px;
  }

  .hero-logo-card{
    display:block;
    position:relative;
    top:auto;
    right:auto;
    width:92px;
    margin:0 auto 18px;
    padding:6px;
    border-radius:999px;
    z-index:4;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.20);
    box-shadow:0 16px 36px rgba(0,0,0,.24);
    backdrop-filter:blur(14px);
  }

  .hero-inner{
    padding-bottom:16px;
  }

  .hero-actions{
    margin-top:22px;
  }

  .hero-panel{
    margin-top:10px;
  }

  /* Más imagen en la primera parte: tarjetas visuales justo después del hero */
  .trust-strip{
    gap:14px;
    border:0;
    box-shadow:none;
    background:transparent;
    overflow:visible;
    transform:none;
    margin-top:18px;
  }

  .trust-strip div{
    position:relative;
    min-height:156px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:20px 20px 18px;
    border:0;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 18px 44px rgba(8,42,85,.14);
    background-size:cover;
    background-position:center;
  }

  .trust-strip div::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(6,27,54,.12) 0%,rgba(6,27,54,.86) 100%);
  }

  .trust-strip strong,
  .trust-strip span{
    position:relative;
    z-index:1;
    color:#fff;
  }

  .trust-strip strong{
    font-size:21px;
    margin-bottom:8px;
  }

  .trust-strip span{
    font-size:15px;
    line-height:1.45;
    color:rgba(255,255,255,.84);
  }

  .trust-strip div:nth-child(1){background-image:var(--img-docs)}
  .trust-strip div:nth-child(2){background-image:var(--img-living)}
  .trust-strip div:nth-child(3){background-image:var(--img-kitchen)}
  .trust-strip div:nth-child(4){background-image:var(--img-meeting)}

  /* Compactar un poco más la doble línea de negocio */
  .two-lines-grid .criteria-card{
    padding:20px;
  }

  /* Botón flotante premium, menos invasivo */
  .floating-whatsapp{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    left:auto;
    right:14px;
    bottom:16px;
    min-width:0;
    width:auto;
    padding:12px 16px;
    font-size:14px;
    letter-spacing:.01em;
    background:linear-gradient(135deg,#1bb86c 0%, #169a5f 100%);
    border:1px solid rgba(255,255,255,.22);
    box-shadow:0 16px 36px rgba(22,163,107,.30), inset 0 1px 0 rgba(255,255,255,.18);
    backdrop-filter:blur(14px);
  }

  /* Al no estar la tarjeta pequeña, damos más aire a la foto */
  .media-stack{
    gap:0;
  }

  .photo-tile{
    min-height:346px;
  }

  .footer{
    padding-bottom:92px;
  }
}

@media(max-width:390px){
  .hero-logo-card{
    width:82px;
    margin-bottom:16px;
  }

  .floating-whatsapp{
    right:12px;
    bottom:14px;
    padding:11px 14px;
    font-size:13px;
  }
}


/* V11 mobile visuals: quitar botón de buscamos del hero y añadir imágenes a tarjetas móviles */
@media(max-width:560px){
  .hero-actions .btn{
    width:100%;
  }

  .hero-actions .btn:only-child,
  .hero-actions .btn:first-child:last-child{
    max-width:100%;
  }

  /* Tarjetas con imagen en móvil: dos líneas de negocio */
  #lineas .criteria-card,
  #compradores .criteria-card{
    position:relative;
    overflow:hidden;
    min-height:220px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    border:none;
    box-shadow:0 18px 44px rgba(8,42,85,.14);
  }

  #lineas .criteria-card::before,
  #compradores .criteria-card::before{
    content:"";
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    z-index:0;
    transform:scale(1.02);
  }

  #lineas .criteria-card::after,
  #compradores .criteria-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(6,27,54,.08) 0%, rgba(6,27,54,.82) 100%);
    z-index:0;
  }

  #lineas .criteria-card > *,
  #compradores .criteria-card > *{
    position:relative;
    z-index:1;
    color:#fff;
  }

  #lineas .criteria-card span,
  #compradores .criteria-card span{
    color:#fff;
    background:rgba(6,27,54,.72);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
    backdrop-filter:blur(12px);
    width:44px;
    height:44px;
  }

  #lineas .criteria-card h3,
  #compradores .criteria-card h3{
    color:#fff;
  }

  #lineas .criteria-card p,
  #compradores .criteria-card p{
    color:rgba(255,255,255,.88);
  }

  #lineas .criteria-card:nth-child(1)::before{background-image:var(--img-docs)}
  #lineas .criteria-card:nth-child(2)::before{background-image:var(--img-living)}
  #lineas .criteria-card:nth-child(3)::before{background-image:var(--img-meeting)}

  #compradores .criteria-card:nth-child(1)::before{background-image:var(--img-docs)}
  #compradores .criteria-card:nth-child(2)::before{background-image:var(--img-hero)}
  #compradores .criteria-card:nth-child(3)::before{background-image:var(--img-kitchen)}

  /* Un poco más de separación visual para respirar */
  #lineas .criteria-grid,
  #compradores .criteria-grid{
    gap:18px;
  }
}

@media(max-width:390px){
  #lineas .criteria-card,
  #compradores .criteria-card{
    min-height:208px;
  }
}


/* V12 fixes: quitar Buscamos del bloque superior, separar la frase del método y mejorar legibilidad móvil */
.trust-strip{grid-template-columns:repeat(3,1fr)}
.two-lines-grid{grid-template-columns:repeat(2,1fr)}
.method-quote{margin-top:24px;padding:36px 36px;border-radius:30px;background:linear-gradient(135deg,#061b36 0%,#0b3367 54%,#0f4f98 100%);box-shadow:0 24px 60px rgba(6,27,54,.16);position:relative;overflow:hidden}
.method-quote::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 28%,rgba(255,255,255,.08),transparent 26%),radial-gradient(circle at 85% 78%,rgba(199,163,90,.16),transparent 22%)}
.method-quote .eyebrow{position:relative;z-index:1;margin-bottom:14px;color:#dce9ff}
.method-quote-layout{position:relative;z-index:1;display:grid;gap:14px;max-width:980px}
.method-step{margin:0;font-size:clamp(28px,3.1vw,42px);line-height:1.12;letter-spacing:-1.35px;font-weight:900;color:#fff;text-wrap:balance}
.method-step-secondary{padding-left:18px;border-left:4px solid rgba(199,163,90,.9)}
.method-support{position:relative;z-index:1;margin:20px 0 0;max-width:840px;font-size:18px;line-height:1.55;color:rgba(255,255,255,.88)}
.method-quote-text{display:none}

@media(max-width:900px){
  .two-lines-grid{grid-template-columns:1fr}
}

@media(max-width:560px){
  .trust-strip{grid-template-columns:1fr;margin-top:18px}
  .trust-strip div:nth-child(1){background-image:var(--img-docs)}
  .trust-strip div:nth-child(2){background-image:var(--img-living)}
  .trust-strip div:nth-child(3){background-image:var(--img-kitchen)}
  .method-quote{margin-top:18px;padding:24px 22px;border-radius:26px}
  .method-quote-layout{gap:12px}
  .method-step{font-size:clamp(24px,7.4vw,33px);line-height:1.12;letter-spacing:-1px}
  .method-step-secondary{padding-left:14px;border-left-width:3px}
  .method-support{font-size:17px;line-height:1.5;margin-top:16px}
  .method-quote-text{font-size:clamp(24px,7.2vw,32px);line-height:1.24;letter-spacing:-1px}

  #lineas .criteria-card,
  #compradores .criteria-card{
    min-height:250px;
    padding:22px;
    justify-content:flex-end;
    isolation:isolate;
  }

  #lineas .criteria-card::after,
  #compradores .criteria-card::after{
    background:linear-gradient(180deg,rgba(6,27,54,.42) 0%,rgba(6,27,54,.78) 48%,rgba(6,27,54,.94) 100%);
  }

  #lineas .criteria-card h3,
  #compradores .criteria-card h3,
  #lineas .criteria-card p,
  #compradores .criteria-card p{
    text-shadow:0 3px 18px rgba(0,0,0,.34);
  }

  #lineas .criteria-card h3,
  #compradores .criteria-card h3{
    max-width:88%;
    margin-bottom:10px;
  }

  #lineas .criteria-card p,
  #compradores .criteria-card p{
    max-width:92%;
    color:rgba(255,255,255,.94);
  }

  #lineas .criteria-card span,
  #compradores .criteria-card span{
    margin-bottom:auto;
    width:58px;
    height:58px;
    border-radius:18px;
    background:rgba(6,27,54,.82);
    box-shadow:0 8px 24px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.10);
  }

  #lineas .criteria-card:nth-child(1)::before{background-image:var(--img-docs);background-position:center}
  #lineas .criteria-card:nth-child(2)::before{background-image:var(--img-living);background-position:center}

  #compradores .criteria-card:nth-child(1)::before{background-image:var(--img-docs);background-position:center}
  #compradores .criteria-card:nth-child(2)::before{background-image:var(--img-hero);background-position:center}
  #compradores .criteria-card:nth-child(3)::before{background-image:var(--img-kitchen);background-position:center}
}

@media(max-width:390px){
  .method-quote{padding:22px 20px}
  .method-step{font-size:23px}
  .method-support{font-size:16px}
  .method-quote-text{font-size:23px}
  #lineas .criteria-card,
  #compradores .criteria-card{min-height:236px}
}


/* V13 corrección móvil: recuperar "Busco apartamento", quitar solo tarjeta Buscamos y mejorar lectura */
@media(max-width:560px){
  /* Recuperar los dos botones del hero, pero en una columna limpia */
  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }

  .hero-actions .btn{
    width:100%;
  }

  .hero-actions .btn-secondary{
    display:inline-flex !important;
  }

  /* Por seguridad: si quedara una cuarta tarjeta de Buscamos, no se muestra en móvil */
  .trust-strip div:nth-child(n+4){
    display:none !important;
  }

  /* Más legibilidad en tarjetas con imagen */
  #lineas .criteria-card,
  #compradores .criteria-card{
    min-height:245px;
    padding:22px;
    justify-content:flex-end;
    background:#061b36;
    isolation:isolate;
  }

  #lineas .criteria-card::before,
  #compradores .criteria-card::before{
    filter:saturate(.9) brightness(.62);
    transform:scale(1.04);
  }

  #lineas .criteria-card::after,
  #compradores .criteria-card::after{
    background:
      linear-gradient(180deg,
        rgba(6,27,54,.70) 0%,
        rgba(6,27,54,.84) 42%,
        rgba(6,27,54,.98) 100%);
  }

  #lineas .criteria-card span,
  #compradores .criteria-card span{
    margin-bottom:auto;
    background:rgba(6,27,54,.88);
    border:1px solid rgba(255,255,255,.12);
    color:#fff;
  }

  #lineas .criteria-card h3,
  #compradores .criteria-card h3{
    color:#fff;
    text-shadow:0 3px 18px rgba(0,0,0,.45);
    max-width:100%;
    font-size:26px;
    line-height:1.08;
  }

  #lineas .criteria-card p,
  #compradores .criteria-card p{
    color:rgba(255,255,255,.96);
    text-shadow:0 3px 18px rgba(0,0,0,.45);
    max-width:100%;
    font-size:17px;
    line-height:1.45;
    font-weight:650;
  }

  /* La frase del método queda separada y no como tarjeta 03 */
  .method-quote{
    margin-top:20px;
  }

  /* WhatsApp no tapa tanto texto al estar más abajo y compacto */
  .floating-whatsapp{
    right:14px;
    bottom:14px;
    padding:11px 15px;
    font-size:14px;
  }
}

@media(max-width:390px){
  #lineas .criteria-card,
  #compradores .criteria-card{
    min-height:232px;
  }

  #lineas .criteria-card h3,
  #compradores .criteria-card h3{
    font-size:24px;
  }

  #lineas .criteria-card p,
  #compradores .criteria-card p{
    font-size:16px;
  }
}


/* V16 escritorio: añadir imágenes solo en tarjetas de línea de negocio y compradores */
.criteria-card-media{display:none}

@media (min-width: 561px){
  #lineas .criteria-card,
  #compradores .criteria-card{
    padding:18px 18px 22px;
    display:flex;
    flex-direction:column;
    min-height:410px;
  }

  #lineas .criteria-card span,
  #compradores .criteria-card span{
    margin-bottom:14px;
  }

  #lineas .criteria-card .criteria-card-media,
  #compradores .criteria-card .criteria-card-media{
    display:block;
    width:100%;
    height:190px;
    border-radius:22px;
    margin:0 0 20px;
    background-size:cover;
    background-position:center;
    box-shadow:0 16px 34px rgba(8,42,85,.10);
    border:1px solid rgba(8,42,85,.08);
  }

  #lineas .criteria-card h3,
  #compradores .criteria-card h3{
    margin-bottom:10px;
  }

  #lineas .criteria-card p,
  #compradores .criteria-card p{
    line-height:1.58;
  }

  #lineas .investment-photo{background-image:var(--img-docs)}
  #lineas .brokerage-photo{background-image:var(--img-living)}

  #compradores .budget-photo{background-image:var(--img-docs)}
  #compradores .zone-photo{background-image:var(--img-hero)}
  #compradores .product-photo{background-image:var(--img-kitchen)}
}

/* V17 escritorio: mantener copy original, cambiar foto de Inmobiliaria y convertir el método en tarjeta premium */
:root{
  --img-investment:url('https://images.unsplash.com/photo-1505693416388-ac5ce068fe85?auto=format&fit=crop&w=1800&q=82');
  --img-brokerage:url('https://images.unsplash.com/photo-1505693416388-ac5ce068fe85?auto=format&fit=crop&w=1800&q=82&sat=-10');
}

.method-quote-brand,
.method-quote-content{position:relative;z-index:1}
.method-quote-logo-wrap{display:none}

@media (min-width: 561px){
  #lineas .investment-photo{background-image:var(--img-finishes)}
  #lineas .brokerage-photo{background-image:var(--img-brokerage)}
}

@media (min-width: 901px){
  .method-quote{
    display:grid;
    grid-template-columns:220px 1fr;
    gap:30px;
    align-items:center;
    padding:28px 32px;
    border-radius:30px;
    background:
      radial-gradient(circle at 88% 22%, rgba(40,125,255,.30), transparent 22%),
      radial-gradient(circle at 14% 78%, rgba(199,163,90,.12), transparent 22%),
      linear-gradient(135deg,#071933 0%,#09244a 40%,#0d4fb5 100%);
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 26px 70px rgba(6,27,54,.18);
  }

  .method-quote::before{
    background:none;
  }

  .method-quote::after{
    content:"";
    position:absolute;
    right:18px;
    top:16px;
    bottom:16px;
    width:220px;
    background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));
    opacity:.6;
    pointer-events:none;
  }

  .method-quote-brand{
    min-height:168px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:16px;
    padding-right:26px;
    border-right:1px solid rgba(255,255,255,.14);
  }

  .method-quote .eyebrow{
    margin-bottom:0;
    color:#f0d394;
  }

  .method-quote-logo-wrap{
    display:flex;
    align-items:center;
    justify-content:center;
    width:126px;
    height:126px;
    border-radius:24px;
    background:rgba(5,20,42,.28);
    border:1px solid rgba(255,255,255,.10);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 14px 36px rgba(0,0,0,.22);
  }

  .method-quote-logo{
    width:92px;
    height:auto;
    filter:drop-shadow(0 8px 16px rgba(0,0,0,.18));
  }

  .method-quote-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:168px;
  }

  .method-quote-layout{
    gap:10px;
    max-width:none;
  }

  .method-step{
    margin:0;
    font-size:clamp(28px, 2.8vw, 46px);
    line-height:1.06;
    letter-spacing:-1.6px;
    color:#fff;
    font-weight:950;
    text-wrap:balance;
  }

  .method-step-secondary{
    padding-left:18px;
    border-left:3px solid rgba(240,211,148,.96);
  }

  .method-support{
    margin-top:14px;
    font-size:15px;
    line-height:1.52;
    color:rgba(255,255,255,.84);
    max-width:920px;
  }
}