* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #eaf3f1, #ffffff);
}

body {
  overflow: hidden; /* 👈 elimina scroll en desktop */
}

main,
picture {
  display: block;
  width: 100%;
  height: 100%;
}

.landing-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain; /* 👈 CAMBIO CLAVE */
  background: #ffffff; /* 👈 rellena espacios */
}

/* 📱 MOBILE */
@media (max-width: 768px) {
  body {
    overflow-x: hidden;
    overflow-y: hidden;
  }

  main,
  picture {
    height: 100vh;
    height: 100dvh;
  }

  .landing-image {
    height: 100vh;
    height: 100dvh;
    object-fit: cover;
    object-position: top center;
  }
}