/* ═══════════════════════════════════════════════════════════════
   Casa Laguna / Zapallar — ajustes propios de ESTA ficha.
   Se carga DESPUÉS de css/proyecto.css y css/carousel.css.
   Solo para retoques puntuales. Normalmente vacío.
   ═══════════════════════════════════════════════════════════════ */

/* Portada: la foto arranca debajo del encabezado fijo (antes el header
   tapaba ~90px y se perdía el techo) y, como no entra entera, el recorte
   se hace abajo (suelo y parte baja de la cerca), no en el techo.
   Desde 1099px hacia abajo proyecto.css ya la corre debajo del header. */
@media (min-width: 1100px) {
  .proyecto__hero {
    box-sizing: border-box;
    padding-top: var(--nav-h);
  }

  .proyecto__hero img {
    object-position: 50% 20%;
  }
}

/* ─── Ver más: proporción de cada fila (generado) ───────────── */
/* --r define ancho (flex) Y alto (aspect-ratio) a la vez: si no
   coincide con la proporción real del archivo, la fila queda
   despareja. Solo se emparejan imágenes de la MISMA proporción;
   la que no tiene par va sola a ancho completo. */
.proyecto-more__row:nth-child(1) > :nth-child(1) { --r: 0.7728; }
.proyecto-more__row:nth-child(1) > :nth-child(2) { --r: 0.7726; }
.proyecto-more__row:nth-child(2) > :nth-child(1) { --r: 0.7728; }
.proyecto-more__row:nth-child(2) > :nth-child(2) { --r: 0.7728; }
.proyecto-more__row:nth-child(3) > :nth-child(1) { --r: 0.7728; }
.proyecto-more__row:nth-child(3) > :nth-child(2) { --r: 0.7728; }
/* ─── fin Ver más ─────────────────────────────────────────── */