.card-style-tag font-size: 0.7rem; font-weight: 500; text-transform: uppercase; color: #bc7a4a; letter-spacing: 1px; margin-bottom: 0.5rem;
.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;
filterButtons.forEach(btn => btn.addEventListener("click", () => const filterValue = btn.getAttribute("data-filter"); setActiveFilter(filterValue); ); ); mujeres chilenas desnudas fotos
body background: #faf7f2; font-family: 'Inter', sans-serif; color: #1f1a15; scroll-behavior: smooth;
/* main container */ .gallery-container max-width: 1440px; margin: 0 auto; padding: 2rem 2rem 4rem; .card-style-tag font-size: 0.7rem
.hero .subhead font-size: 1.1rem; font-weight: 400; color: #6f4e3a; max-width: 600px; margin: 0 auto; line-height: 1.4; letter-spacing: 0.2px;
// initial render renderGallery(); </script> </body> </html> .hero h1 font-family: 'Playfair Display'
.modal.active display: flex; animation: fadeIn 0.2s ease;
.filter-btn:hover background: #efe3d8; border-color: #c9ad96;
<div class="filter-bar" id="filterBar"> <button class="filter-btn active" data-filter="all">Todas</button> <button class="filter-btn" data-filter="contemporaneo">Contemporáneo</button> <button class="filter-btn" data-filter="boho">Boho / Artesanal</button> <button class="filter-btn" data-filter="urbano">Urbano & Street</button> <button class="filter-btn" data-filter="elegante">Alta Moda & Elegancia</button> <button class="filter-btn" data-filter="indigena">Raíces / Textilería Mapuche</button> </div>