/* Yahu · Entrar: la página entera es la escena (prototipo navegable, Entrar.dc.html). La
   ficha de vidrio, los anillos, el Horizonte del vuelo y sus fases son de Horizonte:
   entrar.css del design system. Aquí sólo va el lienzo de la página: el negro del otro lado,
   la barra de 56 px con su velo, y la ficha al centro de lo que queda.

   La página se recorre como cualquier otra (el teclado del iPhone puede subirla para
   enseñar el campo): sólo el fondo se queda fijo. */
.yh-app--entrar { background: var(--yh-cielo-base); }
.yh-app--entrar .yh-app-barra {
  z-index: 8;
  height: calc(56px + env(safe-area-inset-top, 0px));
  background: var(--yh-velo);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  box-shadow: inset 0 -1px 0 var(--yh-filete);
}
.yh-app--entrar .yh-app-barra .yh-logo-firma { margin-right: 0; }
.yh-entrar-franjas { width: 28px; margin-right: auto; }
.yh-app--entrar .yh-app-contenido { max-width: none; padding: 0; }
.yh-app--entrar .yh-entrar {
  min-height: calc(100dvh - 56px - env(safe-area-inset-top, 0px));
  padding: var(--yh-esp-6) var(--yh-esp-5) calc(var(--yh-esp-6) + env(safe-area-inset-bottom, 0px));
}
/* El foco nunca queda debajo de la barra de 56 px. */
.yh-app-raiz:has(.yh-app--entrar) { scroll-padding-top: calc(56px + env(safe-area-inset-top, 0px) + var(--yh-esp-2)); }