/* La Casa (/lacasa y /en/lacasa) · mudanza 1:1 desde Wix Studio
   Medidas tomadas del sitio en vivo a 1440 px y 390 px (oct-2026).
   Orden visual: foto antigua con revelado · texto sobre arena · grilla 2x3 con celdas arena "sticky" · fachada. */

/* 1. Foto antigua (revelado). En Wix: sección de 496 px (500 en móvil), imagen fija contra la ventana, object-position 0% ~77% */
.casa-hero{--h:496px;--h-m:500px;--pos:0% 77%;--par-h:496px}
/* Medido en vivo (oct-2026, 1440x700/900/1100 y 390x700/844): Wix no deja la foto quieta, la mueve con parallax:
   tope de la imagen en la ventana = 0,2 x tope de la sección en la ventana (a scroll 0: 20 px escritorio, 33,6 px móvil).
   Con scroll-driven animations se replica exacto; donde no hay soporte queda el revelado sticky de la base. */
@supports (animation-timeline: view()){
  .casa-hero{view-timeline:--casa-hero block}
  .casa-hero .reveal__pista{top:0;bottom:0}
  .casa-hero .reveal__img{position:absolute;top:0;left:0;animation:casa-parallax linear both;animation-timeline:--casa-hero;animation-range:cover 0% cover 100%}
}
@keyframes casa-parallax{from{transform:translateY(-80vh)}to{transform:translateY(calc(var(--par-h) * .8))}}

/* 2. Texto sobre arena (comp-lijcevk3): underlay dorado al 20% + textura al 50% por debajo del texto */
.casa-texto{position:relative;isolation:isolate;background:linear-gradient(rgba(169,146,95,.2),rgba(169,146,95,.2)),#fff;padding:90px 0}
.casa-texto::before{content:"";position:absolute;inset:0;z-index:-1;background:url('/img/fondo-arena-edited-jpg-7f445de7.webp') center/492px auto repeat;opacity:.5}
.casa-texto__col{width:58.825%;margin-left:17.645%;text-align:center;color:var(--negro);font-family:var(--f-avenir);font-weight:300;font-size:18px;line-height:1.6}
.casa-texto p{margin:0}
.casa-texto__h1{font-family:var(--f-avenir);font-weight:300;font-size:30px;letter-spacing:.5px;line-height:1.6;color:var(--texto);margin:24px auto 10px;max-width:99%}   /* Avenir mide ~0,8% más ancho que Nunito Sans: con esto el H1 corta donde corta hoy (EN móvil: "The house in Barrio / Amón") */
.casa-texto p.casa-texto__sub{margin-bottom:28.8px}            /* el párrafo vacío (ZWSP) de Wix: una línea de aire */
.casa-texto__sub--versal{font-weight:800;letter-spacing:.5em}

/* 3. Grilla (comp-lijcegz1): 2 columnas x 3 filas de 100vh. Las celdas arena son sticky (top 0) y las fotos pasan por encima. */
.casa-grilla{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,minmax(100vh,max-content));background:#fff}
.casa-grilla::before{content:"";position:absolute;inset:0;z-index:-1;background:url('/img/fondo-arena-edited-jpg-7f445de7.webp') center/1254px auto repeat;opacity:.5}
.casa-celda{position:sticky;top:0;align-self:stretch;height:100vh;min-height:100%;background:rgba(169,146,95,.2);display:grid;padding:40px 0 5vw 5vw}
.casa-celda--1{grid-area:1/1/2/2;padding:40px 40px 5vw 5vw}
.casa-celda--2{grid-area:2/2/3/3}
.casa-celda--3{grid-area:3/1/4/2}
.casa-flecha{grid-area:1/1;justify-self:end;align-self:start;width:12.73px;height:38.2px;fill:var(--negro);transform:scale(1,-1)}
.casa-lugar{grid-area:1/1;align-self:end;justify-self:start;width:80%;color:var(--negro);font-family:var(--f-avenir);font-weight:800}
.casa-lugar h2{font-size:44px;line-height:1.4;font-weight:800;margin:0}
.casa-lugar p{font-size:20px;line-height:1.4;margin:4px 0 0}
.casa-foto{position:relative;margin:0;min-height:0}
.casa-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.casa-foto--rojo{grid-area:1/2/2/3}
.casa-foto--jardin{grid-area:2/1/3/2}
.casa-foto--salon{grid-area:3/2/4/3}

/* 4. Fachada hoy (comp-lj95d0ow): 714 px de alto en escritorio, 500 en móvil */
.casa-fachada{position:relative;height:714px;margin:0}
.casa-fachada img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}

@media (max-width:750px){
  .casa-hero{--par-h:500px}
  .casa-texto{padding:24px 0 26px}
  .casa-texto::before{background-size:390px auto}
  .casa-texto__col{width:91.65%;margin:0 auto}

  .casa-grilla{grid-template-columns:1fr;grid-template-rows:minmax(400px,max-content) repeat(3,minmax(100vh,max-content));background:linear-gradient(rgba(169,146,95,.2),rgba(169,146,95,.2)),#fff}
  .casa-grilla::before{background-size:390px auto}
  .casa-celda--1{grid-area:1/1/2/2;height:400px;padding:8vw}
  .casa-celda--2,.casa-celda--3{display:none}   /* en Wix quedan tapadas por las fotos a todo el ancho */
  .casa-celda--1 .casa-flecha{display:none}
  .casa-lugar{width:100%}
  .casa-lugar h2{font-size:30.875px}
  .casa-lugar p{margin-top:5px}
  .casa-foto--rojo{grid-area:2/1/3/2}
  .casa-foto--jardin{grid-area:3/1/4/2}
  .casa-foto--salon{grid-area:4/1/5/2}

  .casa-fachada{height:500px}
}