/* main container */ .gallery-container max-width: 1440px; margin: 0 auto; padding: 2rem 2rem 4rem;
.close-modal:hover background: #ac6f48; transform: scale(1.05);
/* footer */ .footer margin-top: 4rem; text-align: center; font-size: 0.75rem; color: #ab8a6e; border-top: 1px solid #e9dfd6; padding-top: 2rem; letter-spacing: 0.3px;
/* card style */ .fashion-card background: white; border-radius: 24px; overflow: hidden; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03), 0 2px 6px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; cursor: pointer; opacity: 1; transform: scale(1); mujeres chilenas desnudas fotos
function renderGallery() const filteredItems = activeFilter === "all" ? galleryItems : galleryItems.filter(item => item.styleTag === activeFilter); if (filteredItems.length === 0) galleryGrid.innerHTML = `<div class="no-results">✨ No hay imágenes en esta categoría actualmente. ¡Explora otros estilos! ✨</div>`; return;
.modal-caption h3 font-size: 1.3rem; font-weight: 500; margin-bottom: 0.25rem;
filterButtons.forEach(btn => btn.addEventListener("click", () => const filterValue = btn.getAttribute("data-filter"); setActiveFilter(filterValue); ); ); /* main container */
.card-style-tag font-size: 0.7rem; font-weight: 500; text-transform: uppercase; color: #bc7a4a; letter-spacing: 1px; margin-bottom: 0.5rem;
/* lightbox modal */ .modal display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.92); z-index: 1000; justify-content: center; align-items: center; backdrop-filter: blur(8px); transition: opacity 0.2s;
.hero h1 font-family: 'Playfair Display', serif; font-size: 3.5rem; font-weight: 600; letter-spacing: -0.01em; background: linear-gradient(135deg, #b45f3b, #9c3e2c, #5e2a1c); background-clip: text; -webkit-background-clip: text; color: transparent; margin-bottom: 0.75rem; ✨</div>`; return;
<script> // ----- GALLERY DATA: Mujeres Chilenas - fashion & style gallery (fotografías conceptuales / editoriales) // Cada entrada representa una "foto" con atributos de estilo, región y descripción. // Las imágenes son de alta calidad desde fuentes Unsplash + Pexels (dominio público o creative commons con atribución implícita para maqueta) // Además, se refuerza el concepto de identidad chilena mediante nombres, descripciones y localizaciones. const galleryItems = [ id: 1, title: "Vestigios del desierto", photographer: "Isidora Paz, Calama", styleTag: "indigena", category: "Raíces / Textilería Mapuche", description: "Chamanto de crin de caballo y diseños geométricos inspirados en la cultura diaguita.", imageUrl: "https://images.pexels.com/photos/2905084/pexels-photo-2905084.jpeg?auto=compress&cs=tinysrgb&w=800&h=1000&fit=crop", altText: "Mujer chilena con textilería tradicional" , id: 2, title: "Alero andino", photographer: "Javiera Lagos, Santiago", styleTag: "contemporaneo", category: "Contemporáneo", description: "Lana merino y alpaca, silueta oversize, tonos tierra y grisáceos.", imageUrl: "https://images.pexels.com/photos/5143359/pexels-photo-5143359.jpeg?auto=compress&cs=tinysrgb&w=800&h=1000&fit=crop", altText: "Mujer chilena moda contemporánea lana" , id: 3, title: "Atardecer en Valpo", photographer: "Camila Rojas, Valparaíso", styleTag: "urbano", category: "Urbano & Street", description: "Jeans desgastados, chaqueta oversized y accesorios de arte callejero, mirada libre.", imageUrl: "https://images.pexels.com/photos/3834372/pexels-photo-3834372.jpeg?auto=compress&cs=tinysrgb&w=800&h=1000&fit=crop", altText: "Street style Valparaíso mujer chilena" , id: 4, title: "Tejido de luna", photographer: "Millaray Huenchullán, Temuco", styleTag: "indigena", category: "Raíces / Textilería Mapuche", description: "Prendas tradicionales con iconografía mapuche: kultrun y espíritu de la tierra.", imageUrl: "https://images.pexels.com/photos/2990355/pexels-photo-2990355.jpeg?auto=compress&cs=tinysrgb&w=800&h=1000&fit=crop", altText: "Moda mapuche mujer chilena" , id: 5, title: "Elegancia sureña", photographer: "Francisca Montes, Puerto Varas", styleTag: "elegante", category: "Alta Moda & Elegancia", description: "Vestido de gala con bordados de arrayán, inspiración en los bosques del sur.", imageUrl: "https://images.pexels.com/photos/1267358/pexels-photo-1267358.jpeg?auto=compress&cs=tinysrgb&w=800&h=1000&fit=crop", altText: "Mujer chilena vestido elegante" , id: 6, title: "Bohemia del Puerto", photographer: "Antonia Sepúlveda, Valparaíso", styleTag: "boho", category: "Boho / Artesanal", description: "Tejido crochet, faldas largas, maxi collares de conchas y chaquiras.", imageUrl: "https://images.pexels.com/photos/4025533/pexels-photo-4025533.jpeg?auto=compress&cs=tinysrgb&w=800&h=1000&fit=crop", altText: "Estilo boho chileno artesanal" , id: 7, title: "Caleuche nocturno", photographer: "Daniela Huenuman, Chiloé", styleTag: "contemporaneo", category: "Contemporáneo", description: "Capas de lana, mitos del sur, estética oscura pero luminosa.", imageUrl: "https://images.pexels.com/photos/4959811/pexels-photo-4959811.jpeg?auto=compress&cs=tinysrgb&w=800&h=1000&fit=crop", altText: "Moda contemporánea chilena" , id: 8, title: "Rostro de tierra roja", photographer: "Pascala Apablasa, San Pedro de Atacama", styleTag: "indigena", category: "Raíces / Textilería Mapuche", description: "Tejido ancestral, tintes naturales de cochinilla y añil, fuerza femenina.", imageUrl: "https://images.pexels.com/photos/3060898/pexels-photo-3060898.jpeg?auto=compress&cs=tinysrgb&w=800&h=1000&fit=crop", altText: "Textilería atacameña mujer" , id: 9, title: "Andes urbanos", photographer: "Catalina Amenábar, Providencia", styleTag: "urbano", category: "Urbano & Street", description: "Gorros de lana, poleras gráficas y tenis, cultura joven santiaguina.", imageUrl: "https://images.pexels.com/photos/5317688/pexels-photo-5317688.jpeg?auto=compress&cs=tinysrgb&w=800&h=1000&fit=crop", altText: "Streetwear Chile urbano" , id: 10, title: "Gala del desierto florido", photographer: "Rocío Olivares, Copiapó", styleTag: "elegante", category: "Alta Moda & Elegancia", description: "Alta costura con siluetas de añañucas y flores endémicas del desierto florido.", imageUrl: "https://images.pexels.com/photos/6284811/pexels-photo-6284811.jpeg?auto=compress&cs=tinysrgb&w=800&h=1000&fit=crop", altText: "Mujer chilena elegante desierto" , id: 11, title: "Espíritu libre de Pucón", photographer: "Trinidad Fuentes, Pucón", styleTag: "boho", category: "Boho / Artesanal", description: "Vestido de fibras naturales, sombrero de paja toquilla, mirada volcánica.", imageUrl: "https://images.pexels.com/photos/3094857/pexels-photo-3094857.jpeg?auto=compress&cs=tinysrgb&w=800&h=1000&fit=crop", altText: "Moda boho chilena naturaleza" , id: 12, title: "Cerro y asfalto", photographer: "Josefa Vicuña, Bellavista", styleTag: "contemporaneo", category: "Contemporáneo", description: "Estilismo con prendas de segunda mano + diseño local, chaqueta de mezclilla pintada a mano.", imageUrl: "https://images.pexels.com/photos/3302561/pexels-photo-3302561.jpeg?auto=compress&cs=tinysrgb&w=800&h=1000&fit=crop", altText: "Fashion chileno sostenible" ];
.card-img width: 100%; aspect-ratio: 4 / 5; object-fit: cover; display: block; transition: transform 0.5s ease; background-color: #f0ebe4;
<div class="gallery-grid" id="galleryGrid"></div> <div class="footer"> ✦ Inspirado en la moda, el arte textil y la identidad de las mujeres chilenas ✦ </div> </div>
// render grid based on active filter let activeFilter = "all";
/* header / hero section */ .hero text-align: center; margin-bottom: 3.5rem; padding: 2rem 0 1rem; border-bottom: 1px solid #e5dfd7;