Hotel en la cantera

Crea una página web completa (un solo archivo HTML con CSS y JS incluidos) para un hotel boutique ficticio construido dentro de una cantera de piedra en [LUGAR]. OBJETIVO Un sitio editorial que transmita silencio, peso y frescura mineral. La emoción principal: ganas de bajar la voz. Quien lo vea debe pensar "este lugar existe y quiero dormir ahí", no "qué template tan elegante". ESCENARIO El hotel se llama [NOMBRE]. Tiene 9 habitaciones excavadas en la pared de una cantera activa hasta 1968. El agua de lluvia se filtra por la piedra y alimenta un estanque interior. Todo el hotel huele a [MATERIAL] húmedo. No hay televisiones; hay mantas de lana y una campana que anuncia la cena. DIRECCIÓN VISUAL - Composición vertical y pausada: secciones de viewport completo que se apilan como estratos de roca; cada sección un poco más oscura que la anterior, como si bajaras. - Paleta extraída de la piedra: arena claro (#E8E0D4), gris cantera (#8A8478), sombra profunda (#2B2925), y un solo acento de agua (#7FA6A0). Nada de dorados de "lujo". - Tipografía: una serif de alto contraste solo para el nombre del hotel y los números de habitación, cuerpo en una sans neutra. Titulares enormes, tracking apretado. - La silueta de la cantera domina el hero: dibújala con SVG en capas (3 planos de profundidad) en los colores de la paleta, con el nombre del hotel medio hundido detrás del plano frontal de roca. - Luz: usa gradientes sutiles de arriba-abajo en cada sección, como luz que entra por la boca de la cantera. CONTENIDO (todo en español, escríbelo tú, realista, sin lorem ipsum) - Nav mínima fija: nombre del hotel a la izquierda; "Habitaciones", "El lugar", "Reservar" a la derecha. - Hero: nombre del hotel + una línea: "Nueve habitaciones dentro de la piedra." - Sección "El lugar": dos párrafos cortos sobre la historia de la cantera y el silencio. - Sección "Habitaciones": 3 fichas (por ejemplo "Estrato I", "Estrato II", "La Bóveda") con m², qué se ve al despertar, y precio por noche en MXN ($4,200–$7,800). Cada ficha con su propia ilustración SVG simple del corte de la habitación en la roca. - Sección "La mesa": un párrafo sobre cocina de leña con maíz, quelites y cordero. - Bloque de reserva SIEMPRE visible: barra inferior fija con fechas (dos inputs date), personas (select 1–4) y botón "Reservar estancia". - Footer: dirección ficticia en [LUGAR], teléfono ficticio, y la línea "Construido con la piedra, no sobre ella." COMPORTAMIENTO - Scroll suave entre secciones desde la nav. - Al hacer clic en "Reservar estancia" con fechas elegidas, muestra una confirmación elegante inline (no alert): "Guardamos tu solicitud para [fechas]. Te escribimos hoy mismo." - Las fichas de habitación se elevan levemente al pasar el cursor. RESTRICCIONES - Responsive real: en móvil la barra de reserva se colapsa a un botón que abre el formulario. - Contraste AA en todo el texto. Sin imágenes externas: todo con SVG y CSS. Sin librerías. - El sitio debe funcionar abriendo el archivo directamente en el navegador. VARIABLES PARA PERSONALIZAR - [LUGAR]: región de la cantera. Ejemplo: Oaxaca. - [MATERIAL]: la piedra del lugar. Ejemplo: cantera verde. - [NOMBRE]: nombre del hotel. Ejemplo: Casa Estrato.