/* Home de jaeluxuryhomes.com — reconstruccion sin Elementor de las 9 secciones originales.
   Paleta y tipografia: Manual de Marca JAE v1.0 (Freight Display + Gotham + Montserrat). */

:root{
  --jae-ink:#1A1A1A;
  --jae-accent:#A9927D;
  --jae-accent-2:#C69C6D;
  --jae-slate:#737C84;
  --jae-teal:#006D77;
  --jae-sand:#F7F4EF;
  --jae-muted:#555555;
  --jae-white:#FFFFFF;
  --jae-display:'Freight Disp Book',Georgia,'Times New Roman',serif;
  --jae-label:'Gotham','Montserrat',system-ui,sans-serif;
  --jae-body:'Montserrat',system-ui,-apple-system,sans-serif;
}

.jae-home{background:var(--jae-white);color:var(--jae-ink);font-family:var(--jae-body)}
.jae-home *{box-sizing:border-box}
.jae-home img{max-width:100%;display:block}
.jae-home a{text-decoration:none;color:inherit}
.jae-home .wrap{max-width:1280px;margin:0 auto;padding:0 40px}

.jae-eyebrow{font-family:var(--jae-label);text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:500;color:var(--jae-accent)}
.jae-h2{font-family:var(--jae-display);font-weight:500;font-size:clamp(2rem,3.6vw,2.9rem);line-height:1.15;margin:.5em 0 .4em;color:var(--jae-ink)}
.jae-p{font-family:var(--jae-body);font-size:1rem;line-height:1.65;color:var(--jae-muted);max-width:640px}
.jae-btn{display:inline-block;font-family:var(--jae-label);text-transform:uppercase;letter-spacing:.14em;font-weight:500;font-size:.72rem;padding:16px 34px;border:1px solid var(--jae-ink);color:var(--jae-ink);transition:background .25s ease,color .25s ease,border-color .25s ease}
.jae-btn:hover{background:var(--jae-ink);color:var(--jae-white)}
.jae-btn.solid{background:var(--jae-accent);border-color:var(--jae-accent);color:var(--jae-white)}
.jae-btn.solid:hover{background:var(--jae-accent-2);border-color:var(--jae-accent-2)}
.jae-btn.on-dark{border-color:rgba(255,255,255,.7);color:var(--jae-white)}
.jae-btn.on-dark:hover{background:var(--jae-white);color:var(--jae-ink)}

/* 1. HERO */
.jae-hero{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden;background:#000}
.jae-hero video,.jae-hero .fallback-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.jae-hero::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.4)}
.jae-hero .hero-inner{position:relative;z-index:1;color:var(--jae-white);text-align:center;width:100%;padding:0 24px}
.jae-hero .jae-eyebrow{color:var(--jae-accent-2);display:block;margin-bottom:20px}
.jae-hero h1{font-family:var(--jae-display);font-weight:500;font-size:clamp(2.2rem,5vw,4.2rem);max-width:920px;margin:0 auto;line-height:1.16;text-wrap:balance}

/* 2. INTRO + LISTADO */
.jae-intro{padding:110px 0 80px;text-align:center}
.jae-intro .jae-p{margin:0 auto 50px}
.jae-property-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;text-align:left}
.jae-pcard{border:1px solid #ECE7DE;overflow:hidden;transition:box-shadow .25s ease,transform .25s ease}
.jae-pcard:hover{box-shadow:0 18px 40px rgba(26,26,26,.1);transform:translateY(-3px)}
.jae-pcard .thumb{aspect-ratio:4/3;overflow:hidden;background:var(--jae-sand)}
.jae-pcard .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.jae-pcard:hover .thumb img{transform:scale(1.05)}
.jae-pcard .body{padding:22px 24px 26px}
.jae-pcard .tag{font-family:var(--jae-label);text-transform:uppercase;letter-spacing:.14em;font-size:.65rem;color:var(--jae-teal);font-weight:500}
.jae-pcard h3{font-family:var(--jae-display);font-weight:500;font-size:1.3rem;margin:.45em 0 .3em}
.jae-pcard .meta{font-family:var(--jae-body);font-size:.85rem;color:var(--jae-muted)}
.jae-pcard .price{margin-top:10px;font-family:var(--jae-label);font-weight:500;color:var(--jae-ink)}

/* 3. TAILORED LUXURY */
.jae-luxury{padding:70px 0 120px}
.jae-luxury .grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.jae-luxury .img-wrap{aspect-ratio:4/5;overflow:hidden}
.jae-luxury .img-wrap img{width:100%;height:100%;object-fit:cover}
.jae-luxury .actions{display:flex;gap:16px;margin-top:34px;flex-wrap:wrap}

/* 4. EXPERIENCE (fondo con imagen) */
.jae-experience{position:relative;background-size:cover;background-position:center;padding:150px 0}
.jae-experience::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.5)}
.jae-experience .wrap{position:relative;z-index:1;color:var(--jae-white)}
.jae-experience .exp-top{text-align:center;margin-bottom:90px}
.jae-experience .exp-top h2{color:var(--jae-white)}
.jae-experience .exp-bottom{max-width:640px;margin:0 auto;text-align:center}
.jae-experience .exp-bottom h2{color:var(--jae-white)}
.jae-experience .exp-bottom .jae-p{color:rgba(255,255,255,.82);margin:0 auto 34px}

/* 5. DESTINOS — 4 tarjetas */
.jae-destinations{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#E7E0D6}
.jae-dest-card{position:relative;min-height:360px;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:34px 28px;color:var(--jae-white);overflow:hidden}
.jae-dest-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.65))}
.jae-dest-card .content{position:relative;z-index:1}
.jae-dest-card .eyebrow-sm{font-family:var(--jae-label);text-transform:uppercase;letter-spacing:.16em;font-size:.66rem;color:rgba(255,255,255,.85)}
.jae-dest-card h3{font-family:var(--jae-display);font-weight:500;font-size:1.7rem;margin:.3em 0}
.jae-dest-card .cta{font-family:var(--jae-label);text-transform:uppercase;letter-spacing:.14em;font-size:.66rem;border-bottom:1px solid var(--jae-accent-2);padding-bottom:4px}
.jae-dest-card:hover .content{transform:translateY(-4px)}
.jae-dest-card .content{transition:transform .3s ease}

/* 6. PARAISO + CARRUSEL */
.jae-paradise{padding:120px 0 40px;text-align:center;background:var(--jae-sand)}
.jae-paradise .jae-p{margin:0 auto 50px}
.jae-carousel{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 0 40px;-webkit-overflow-scrolling:touch}
.jae-carousel::-webkit-scrollbar{height:6px}
.jae-carousel::-webkit-scrollbar-thumb{background:var(--jae-accent);border-radius:3px}
.jae-carousel .slide{flex:0 0 320px;scroll-snap-align:start;position:relative;aspect-ratio:3/4;overflow:hidden;background:#ddd}
.jae-carousel .slide img{width:100%;height:100%;object-fit:cover}
.jae-carousel .slide .cap{position:absolute;left:0;right:0;bottom:0;padding:20px;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent);color:#fff;text-align:left}
.jae-carousel .slide .cap .city{font-family:var(--jae-label);text-transform:uppercase;letter-spacing:.14em;font-size:.62rem;color:var(--jae-accent-2)}
.jae-carousel .slide .cap h4{font-family:var(--jae-display);font-size:1.15rem;margin:.25em 0 0}
.jae-paradise .see-all{margin-bottom:110px;display:inline-block}

/* 7. TRUST ROW */
.jae-trust{padding:0 0 130px}
.jae-trust .row{display:grid;grid-template-columns:repeat(5,1fr);gap:36px;text-align:center}
.jae-trust .item img{height:52px;width:auto;margin:0 auto 18px;object-fit:contain}
.jae-trust .item p{font-family:var(--jae-body);font-size:.86rem;color:var(--jae-muted);line-height:1.5;max-width:190px;margin:0 auto}

@media(max-width:1080px){
  .jae-destinations{grid-template-columns:repeat(2,1fr)}
  .jae-trust .row{grid-template-columns:repeat(3,1fr);row-gap:36px}
}
@media(max-width:760px){
  .jae-home .wrap{padding:0 22px}
  .jae-hero{min-height:74vh}
  .jae-luxury .grid{grid-template-columns:1fr;gap:40px}
  .jae-luxury{padding:60px 0 80px}
  .jae-intro{padding:70px 0 56px}
  .jae-experience{padding:90px 0}
  .jae-experience .exp-top{margin-bottom:56px}
  .jae-destinations{grid-template-columns:1fr}
  .jae-paradise{padding:80px 0 30px}
  .jae-trust .row{grid-template-columns:repeat(2,1fr)}
  .jae-trust{padding:0 0 80px}
}