# Interfaz visible · versión 09

La navegación muestra ocho tarjetas con figuras: Planetas, Tierra y Luna, La Tierra,
La Luna, Desde la Luna, Montañas y cráteres, Caminar por la Luna y Mi cielo. Debajo
hay una fila compacta para comparar espacio y cielo, volver al espacio y abrir la
pantalla completa. El antiguo menú «Más vistas» ya no es necesario.

## Dónde editar

- `index.html`: tarjetas, controles y estructura de datos visibles.
- `css/tema-v09.css`: disposición, iconos nuevos, colores y adaptación al tamaño del
  visor. Se carga después de los estilos anteriores y no cambia los cálculos.
- `js/explorar.js`: selección de destinos y sincronización de las tarjetas.
- `js/luna-actual.js`: dibujo de la Luna para el instante compartido, integrado por
  la interfaz principal; no es una cámara en directo.

## Estructura e integración

`.observation-layout` contiene `#views-grid` y `aside#live-readings` dentro de
`#observatory-stage`. La columna derecha de 230 px siempre muestra fecha, hora,
zona horaria, las dos distancias, fase, porcentaje iluminado e imagen lunar. Los
IDs existentes de esos datos se conservan. `#guide-legend` y `#eclipse-reading`
también están en esa columna y aparecen cuando corresponde.

El nuevo `canvas#current-moon-canvas` tiene tamaño interno de 160 × 160 y
`role="img"`; `#current-moon-description` ofrece la descripción accesible. La
referencia de la imagen es la Tierra, con el norte lunar arriba. La ubicación del
observador sigue usándose para la hora y para «Mi cielo».

`#inspector-panel` se llama ahora «Ajustes de la escena» y empieza cerrado. Conserva
la escala, seguimiento lunar, exploración, terreno, suelo lunar, fotografía,
restablecimiento de cámara y capas de superficie.

Las tres casillas `.scene-overlays` están dentro del visor: `#orbit-toggle`,
`#guides-toggle` y `#constellations-toggle`. No hay copias de estos controles. La
casilla nueva no lleva `data-star`: la interfaz principal la sincroniza con las
opciones independientes de constelaciones y nombres del desplegable existente.

`SolarExplorer` usa `data-explore-view` para los siete destinos espaciales. La
selección corresponde exactamente a cada perspectiva. Planetas agrupa el sistema,
los planetas interiores y los destinos planetarios que no tienen tarjeta propia.
Al comparar, cambiar de destino mantiene el cielo al lado. Desde «Mi cielo», una
tarjeta espacial devuelve la experiencia al espacio. `#camera-views` es el único
ID retirado y ya no se consulta desde JavaScript.

## Pantallas estrechas e inmersión

En escritorio, la escena estira su altura para acompañar la columna de datos. A
menos de 901 px, los datos aparecen en una banda compacta debajo; al comparar, esa
adaptación ocurre antes para conservar espacio útil en ambas vistas. En móvil, las
ocho tarjetas ocupan dos filas y los datos usan dos columnas.

Las casillas tienen letras de 12 px en escritorio y 11 px en un visor estrecho,
con objetivos táctiles de 44 px. Una consulta del ancho del contenedor adapta el
overlay incluso al comparar en una pantalla grande. El mapa lunar empieza debajo
de las casillas y permanece plegado hasta que se abre.

En pantalla completa se ocultan las tarjetas y la columna de datos; se conservan
las casillas, la navegación de cámara, el mapa cuando corresponde y la barra
inmersiva existente. Todos los desplegables técnicos siguen cerrados inicialmente.