Mujeres Chilenas Desnudas Fotos Review
.hero .chilean-note margin-top: 1rem; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 2px; font-weight: 500; color: #bc8f6b;
.filter-btn:hover background: #efe3d8; border-color: #c9ad96; mujeres chilenas desnudas fotos
body background: #faf7f2; font-family: 'Inter', sans-serif; color: #1f1a15; scroll-behavior: smooth; .hero .chilean-note margin-top: 1rem
<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> .filter-btn:hover background: #efe3d8
.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;
/* subtle animation for filtered items */ .fashion-card transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
galleryGrid.innerHTML = filteredItems.map(item => ` <div class="fashion-card" data-id="$item.id" data-category="$item.styleTag"> <img class="card-img" src="$item.imageUrl" alt="$ item.title" loading="lazy"> <div class="card-info"> <div class="card-style-tag">$item.category</div> <div class="card-title">$item.title</div> <div class="card-desc">$item.description.substring(0, 80)$item.description.length > 80 ? '…' : ''</div> </div> </div> `).join('');
