/* Cover photographs retain their complete composition at every screen ratio. */
body.jalior-home .jv-hero[data-portada-web] {
  box-sizing: border-box;
  height: 100vh;
  height: 100svh;
  height: 100dvh;
  min-height: 0;
  max-height: none;
  background: #fff;
}

body.jalior-home .jv-hero[data-portada-web] > .jv-hero__image {
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: center;
  transform: none;
  animation: none;
  background: #fff;
}

body.jalior-home .jv-hero[data-portada-web] > .jv-hero__image {
  transition: opacity .7s ease;
}

body.jalior-home .jv-hero[data-portada-web][data-portada-esperando] > .jv-hero__image {
  opacity: 0;
}

body.jalior-home .jv-hero[data-portada-web][data-portada-esperando]:not([data-portada-guion]) > .jv-hero__image {
  animation: jv-portada-aparece .7s ease 3s forwards;
}

@keyframes jv-portada-aparece {
  to { opacity: 1; }
}

body.jalior-home .jv-hero[data-portada-web] h1 {
  text-shadow: 0 1px 18px rgba(255, 255, 255, .85);
}

body[data-portada-preview="true"] #ckAviso,
body[data-portada-preview="true"] #ckPanel {
  display: none !important;
}

@media (min-width: 701px) and (max-height: 600px) {
  body.jalior-home .jv-hero[data-portada-web] { padding-block: 100px 24px; }
  body.jalior-home .jv-hero[data-portada-web] .jv-hero__content { padding-bottom: 0; }
  body.jalior-home .jv-hero[data-portada-web] h1 { font-size: clamp(64px, 20vh, 116px); }
  body.jalior-home .jv-hero[data-portada-web] .jv-hero__actions { margin-top: 22px; }
}

@media (max-width: 700px) {
  body.jalior-home .jv-hero[data-portada-web] .jv-hero__content {
    bottom: max(24px, env(safe-area-inset-bottom));
  }
}