.slide-container{position:relative;max-width:800px;margin:0 auto}.banner-slides-container{position:relative;width:100%;height:clamp(200px,50vw,400px);overflow:hidden;margin-bottom:clamp(12px,3vw,20px);margin-top:0;z-index:1}.banner-track{display:flex;width:300%;height:100%;transition:transform .5s ease-in-out}.banner-slide{width:33.333%;height:100%;flex-shrink:0}.banner-slide img{width:100%;height:100%;object-fit:contain}.slide-indicators{display:flex;justify-content:center;gap:10px;margin-top:-10px}.indicator{height:12px;border-radius:999px;background-color:#E1E3E8;border:none;cursor:pointer;transition:width .6s ease,background-color .6s ease;padding:0;width:12px}.indicator.active,.indicator:hover{background-color:#5F6675}.indicator.active{width:44px}.thumb-wrapper{margin-top:16px;margin-bottom:16px}.thumb-viewport{position:relative;overflow:visible;max-width:min(400px,100%);margin-left:auto;margin-right:auto}.thumb-track-container{overflow:hidden;width:100%}.thumb-slider-track{display:flex;width:100%;transition:transform .6s ease;opacity:1}.thumb-slider-track.fade-out{opacity:0;transition:transform .6s ease,opacity 0s ease-out}.thumb-slider-track.fade-in{opacity:0;transition:transform .9s ease,opacity .9s ease-in;animation:fadeInAnimation .9s ease-in forwards}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}.thumb-slide-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-md);gap:var(--space-md);width:100%;padding-left:calc(var(--space-md) / 2);padding-right:calc(var(--space-md) / 2)}.thumb-card{position:relative;width:100%;aspect-ratio:4/5;border-radius:var(--radius-md);border-width:2.5px;border-style:solid;border-color:var(--color-secondary);overflow:hidden;background-color:#FFFFFF;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.thumb-card.selected{border-color:var(--color-accent)}.thumb-card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.thumb-card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:48px;font-weight:700;color:#FFFFFF;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.thumb-progress-wrapper{margin-top:16px;display:flex;justify-content:center;gap:10px}.thumb-progress-dot{height:12px;border-radius:999px;background-color:#D1D5DB;border:none;cursor:pointer;transition:width .6s ease,background-color .6s ease;padding:0;width:12px}.thumb-progress-dot.active{width:44px;background-color:#6B7280}.thumb-progress-dot:not(.active){background-color:#E5E7EB}.thumb-arrow{position:absolute;top:50%;transform:translateY(-50%);width:auto;height:auto;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;z-index:10;padding:0;flex-shrink:0}.thumb-arrow:hover:not(.disabled){opacity:.8}.thumb-arrow.disabled{opacity:.3}.thumb-arrow-left{left:-25px}.thumb-arrow-right{right:-25px}.thumb-arrow svg{width:18px;height:48px;fill:#FFFFFF;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.photo-slider-wrapper{margin:var(--space-lg) auto;max-width:min(400px,100%)}.photo-slider-viewport{overflow:hidden;width:100%}.photo-grid{display:flex;width:100%;transition:transform .6s ease}.photo-slide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-md);gap:var(--space-md);padding-left:calc(var(--space-md) / 2);padding-right:calc(var(--space-md) / 2)}.photo-progress-wrapper{margin-top:var(--space-md);display:flex;justify-content:center;gap:10px}.photo-progress-dot{height:12px;border-radius:999px;background-color:#E5E7EB;border:none;cursor:pointer;transition:width .6s ease,background-color .6s ease;padding:0;width:12px}.photo-progress-dot.active{width:44px;background-color:#6B7280}@media (max-width:480px){.banner-slides-container{height:clamp(180px,45vw,250px);margin-top:0}}@media (prefers-reduced-motion:reduce){.banner-track,.photo-grid,.thumb-slider-track{transition:none}}.music-selection{padding:0}.loading-musicas{text-align:center;padding:40px;color:#666;font-style:italic}.musicas-slider-wrapper{margin:var(--space-lg) auto;max-width:min(400px,100%)}.musicas-slider-viewport{overflow:hidden;width:100%}.musicas-grid{display:flex;width:100%;transition:transform .6s ease}.musica-slide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-md);gap:var(--space-md);padding:0}.musicas-progress-wrapper{margin-top:16px;display:flex;justify-content:center;gap:10px}.musicas-progress-dot{height:12px;border-radius:999px;background-color:#E5E7EB;border:none;cursor:pointer;transition:width .6s ease,background-color .6s ease;padding:0;width:12px}.musicas-progress-dot.active{width:44px;background-color:#6B7280}.musica-item{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4/5;border-radius:var(--radius-md);border:2.5px solid var(--color-secondary);background-color:#ffffff;transition:all var(--transition-base);overflow:hidden;cursor:pointer}.musica-item.empty{visibility:hidden}.musica-item.selected{border-color:var(--color-accent)}.musica-name{position:relative;padding:0 var(--space-sm);font-weight:700;color:var(--color-primary);font-size:clamp(2rem,5vw,40px);text-transform:uppercase;letter-spacing:.08em;text-align:center;line-height:1.1;word-break:break-word;background:none}.no-musicas{text-align:center;padding:40px;color:#6b7280;font-style:italic}