Cartelera de un cine secreto

Crea una página web completa (un solo archivo HTML con CSS y JS incluidos) para la cartelera nocturna de un cine clandestino ficticio en [CIUDAD]. OBJETIVO Una cartelera que se sienta como encontrar un secreto: tres funciones por noche y nada más. Quien la vea debe pensar "quiero estar ahí hoy mismo", con la mezcla exacta de curiosidad y complicidad de un lugar que no se anuncia. La emoción principal: pertenecer a algo que casi nadie conoce. ESCENARIO La sala se llama Cinema Penumbra (puedes renombrarla, pero que suene a contraseña). Opera desde 1971 en un sótano de [CIUDAD] que fue bodega de una distribuidora de películas quebrada. Proyecta en 16 mm, huele a [ATMÓSFERA], caben 30 personas y la dirección exacta jamás se publica: llega junto con el folio del boleto. La programación de hoy es un ciclo de [GÉNERO]. La lógica del secreto rige todo el sitio: sin dirección visible, sin redes sociales, sin fotos de la sala; sólo la cartelera, las reglas de la casa y el boleto. DIRECCIÓN VISUAL - Paleta estricta: negro cálido #14100D de fondo, ámbar de proyector #E8A33D para horarios y acentos, blanco humo #F2EEE6 para el texto, rojo cortina #8C2B2B en dosis mínimas (una línea, un sello). Ningún otro color; nada de neón de póster. - Composición: una franja central vertical tipo tira de fotogramas de 16 mm, con perforaciones laterales dibujadas en CSS o SVG (nunca imágenes externas). Cada función de la noche es un fotograma de la tira. - Tipografía del sistema: condensed bold en MAYÚSCULAS para el nombre de la sala y los títulos de película (HelveticaNeue-CondensedBold con Arial Narrow de respaldo); Georgia en itálicas para sinopsis y reglas. Horarios grandes con números tabulares. - Grano y parpadeo de proyector: sutiles, con CSS puro (una capa de ruido y un parpadeo casi imperceptible en la luz ámbar). Deben desactivarse con prefers-reduced-motion. CONTENIDO (escríbelo todo tú, en español, realista; cero lorem ipsum) - Marquesina: nombre de la sala, la línea "Sesión clandestina · Hoy", la ciudad a medias ("[CIUDAD] · Sótano por confirmar"), el ciclo de la noche y el lema "Tres funciones. Treinta lugares. Una sola noche." - Las tres funciones de hoy, cada una con título ficticio, año inventado coherente con [GÉNERO], una sinopsis de UNA línea que dé ganas, horario (19:30 / 21:15 / 23:00) y lugares libres. Ejemplos del tono si el ciclo fuera ciencia ficción mexicana de los 70: "LA VISITANTE DE ZACATENCO (1974) — Una ingeniera del turno de noche intercepta una señal que sólo se repite cuando ella duerme." / "EL ÚLTIMO TRANSBORDO (1971) — El metro de medianoche se detiene en una estación que no aparece en ningún plano de la ciudad." / "PLANETA CANTERA (1977) — De una cantera abandonada del sur brota una luz que envejece a quien se atreve a mirarla dos veces." - Reglas de la casa (4, breves y con carácter): la dirección llega con tu folio; se entra antes de la tercera campana; pantallas apagadas cuando arranca el proyector; lo que se proyecta aquí, aquí se queda. - Pie: "Proyectamos en 16 mm desde 1971. No nos busques: ya te encontramos." COMPORTAMIENTO - Cada fotograma tiene un botón "Elegir función". Al pulsarlo se despliega inline un mini mapa de asientos: 5 filas (A–E) por 6 lugares, con algunos ya ocupados y una barra de "Pantalla" arriba. - Al elegir UN asiento libre se genera el boleto inline (nunca con alert): folio tipo "NOCHE-042" (número aleatorio de 3 cifras), película, horario y asiento, más la nota "La dirección llega a tu correo con este folio." - Sólo puede haber una función abierta y un asiento elegido a la vez; cambiar de función reinicia la selección anterior. RESTRICCIONES - Un solo archivo, sin librerías, sin fuentes ni imágenes externas: tipografías del sistema, CSS y SVG inline. - Contraste AA real en todo el texto; el rojo cortina nunca como texto sobre el negro, sólo como fondo o adorno. - Responsive: perfecto a 390 px sin scroll horizontal; la tira se adelgaza pero nunca pierde las perforaciones. - Cero errores de consola. FORMATO DE ENTREGA Un único archivo HTML listo para guardar como cine.html y abrir directamente en el navegador, sin dependencias ni pasos de build. VARIABLES PARA PERSONALIZAR - [CIUDAD]: dónde vive la sala. Ejemplo: CDMX. - [GÉNERO]: el ciclo de esta noche; de él salen los tres títulos ficticios. Ejemplo: ciencia ficción mexicana de los 70. - [ATMÓSFERA]: a qué huele la sala; tiñe el copy. Ejemplo: humo y terciopelo.