/* ================================================================== ARCHIVO PRODITAE — guía completa del archivo ------------------------------------------------------------------ ⚠️ POR QUÉ ESTA GUÍA ESTÁ ACÁ Y NO EN EL index.html: Bootstrap Studio edita tu CSS y tu JS como texto plano, así que los comentarios ahí sobreviven bien. Pero edita el HTML a través de su editor visual (trabaja con el DOM, no con el texto), y los comentarios HTML () se pierden cada vez que guardás ahí — ya pasó varias veces con la guía que vivía arriba de todo en index.html. Por eso, a partir de ahora, la documentación importante vive ACÁ (en el CSS) y en script.js, no en el HTML. Si necesitás anotar algo para vos misma, mejor un comentario acá o en el JS que uno en el HTML — es el que realmente va a seguir estando la próxima vez que abrís el proyecto. CARPETAS QUE HACEN FALTA AL LADO DE index.html: fonts/ → 5 archivos .woff2 (EB Garamond + Space Mono, locales) assets/ → favicon, botón 88×31, bootstrap (lo agregó Bootstrap Studio solo, no lo usa nada de tu diseño, es peso muerto pero no vale la pena pelearse con la herramienta por sacarlo) assets/img/ → tus fotos del hero y de la galería sfx/ → 5 archivos de audio (lista completa más abajo) fotos/ → fotos de la Galería (ver PHOTOS en script.js) ORDEN DE LAS CAJAS Y CÓMO FUNCIONA EL GRID DE 3 COLUMNAS: El layout usa CSS Grid: cada 3
seguidas dentro de
forman una fila, y esa fila se estira a la altura de la caja más alta de las tres (así es como se resolvió que quedaran "escalonadas"). El mismo truco de grid se repite ADENTRO del footer con la clase ".footer-trio", para el trío Oráculo/ Ofrendas/Velas. El orden actual: Dentro de
: Fila 1: Sobre mí · Trabajemos · Mis redes Fila 2: ¿Invitame algo? (donaciones) · Botón de sitio · [vacío] Ancho completo: Galería (tiene grid-column:1/-1, por eso ocupa las 3 columnas en vez de una sola) Dentro de