/* WEB NEW R4.2 — Lago Martel: fotografía real, sin alterar el diseño base R4.1. */
#lago .story-visual picture {
  display: block;
  width: 100%;
  height: 100%;
}
#lago .story-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
/* Lectura editorial: sombra al inicio, en los bordes y hacia la base;
   conservar iluminadas las embarcaciones y los reflejos centrales. */
#lago .story-overlay {
  background:
    linear-gradient(180deg, rgba(5, 10, 11, .37) 0%, rgba(5, 10, 11, .10) 35%, rgba(5, 10, 11, .09) 56%, rgba(5, 10, 11, .55) 100%),
    linear-gradient(90deg, rgba(6, 12, 13, .52) 0%, rgba(6, 12, 13, .14) 42%, rgba(6, 12, 13, .06) 65%, rgba(6, 12, 13, .36) 100%);
}
#lago .story-block {
  text-shadow: 0 2px 22px rgba(0, 0, 0, .32);
}
@media (max-width: 680px) {
  /* Encuadre central para mostrar una barca y el lago en pantallas verticales. */
  #lago .story-visual img { object-position: 52% center; }
  #lago .story-overlay {
    background:
      linear-gradient(180deg, rgba(5, 10, 11, .52) 0%, rgba(5, 10, 11, .16) 38%, rgba(5, 10, 11, .22) 58%, rgba(5, 10, 11, .74) 100%),
      linear-gradient(90deg, rgba(5, 10, 11, .28), rgba(5, 10, 11, .04) 60%, rgba(5, 10, 11, .28));
  }
}