.banner-banner{display:flex;align-items:flex-start;justify-content:space-between;background:linear-gradient(135deg,#8e2de2,#4a00e0 50%,#6a82fb);position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.1);min-height:10vw;width:100%;color:#fff}.banner-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(142,45,226,.9),rgba(74,0,224,.9) 50%,rgba(106,130,251,.9));z-index:1}.banner-content{position:relative;z-index:2;flex:1 1;padding:2vw;height:15vw;display:flex;flex-direction:column;justify-content:space-between}.banner-title{font-size:1.8vw;font-weight:700;margin:0 0 1vw;text-shadow:0 2px 4px rgba(0,0,0,.2);line-height:1.2}.banner-subtitle{font-size:1vw;margin:0 0 1vw;opacity:.95;font-weight:400;line-height:1.3}.banner-ctaButton{background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.3);color:#fff;padding:1vw;border-radius:0 100px 100px 0;font-size:1.1vw;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,.1);width:25%;display:flex;align-items:center;justify-content:space-between}.banner-ctaButton:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.banner-coinsContainer{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;overflow:visible;margin:0}.banner-coinsImage{width:20vw;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transform:translateX(15%) translateY(25%)}@media (max-width:500px){.banner-banner{height:40vw}.banner-content{margin-right:0;margin-bottom:20px;padding:4vw;height:40vw;position:relative}.banner-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:5vw;margin-bottom:2vw}.banner-subtitle{font-size:3.5vw;margin-bottom:15px}.banner-ctaButton{font-size:3vw;width:80%;padding:2vw}.banner-coinsContainer{z-index:1}.banner-coinsImage{width:38vw;transform:translateX(10%) translateY(55%)}}.audio-blog-view-recomendations{display:grid;grid-template-columns:1fr;grid-gap:2vw;gap:2vw}.audio-blog-featured-header{font-size:1.1vw;margin-top:2%;margin-bottom:1%;color:#000}@media (min-width:768px){.audio-blog-view-recomendations{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.audio-blog-view-recomendations{grid-template-columns:repeat(3,1fr)}}.audio-blog-view-item{position:relative;overflow:hidden;border-radius:1vw;background-color:#fff;border:1px solid #f0f0f0;box-shadow:0 4px 6px rgba(0,0,0,.05);transition:all .3s ease;display:flex;flex-direction:column}.audio-blog-view-item:hover{box-shadow:0 6px 12px rgba(0,0,0,.1)}.audio-blog-view-item-image{position:relative;height:12rem;background-size:cover;background-position:50%;border-top-left-radius:1vw;border-top-right-radius:1vw;overflow:hidden}.audio-blog-view-item:hover .audio-blog-view-item-image{filter:brightness(.9)}.audio-blog-view-item-duration{position:absolute;bottom:.5vw;right:.5vw;background-color:#000;color:#fff;padding:.3vw .5vw;font-weight:400;font-size:.87vw;border-radius:4px}.play-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3vw;height:3vw;border-radius:50%;background:hsla(0,0%,100%,.85);box-shadow:0 4px 6px rgba(0,0,0,.15)}.audio-overlay{position:absolute;bottom:0;left:0;right:0;padding:.5vw;background:rgba(0,0,0,.4);color:#fff;font-size:.75vw;border-bottom-left-radius:1vw;border-bottom-right-radius:1vw}.audio-meta{display:flex;flex-direction:column;gap:.5vw;justify-content:flex-start;padding:1vw 0 0 1.5vw}.author-avatar{width:2.5vw;height:2.5vw;border-radius:50%;background:#ddd;object-fit:cover;border:2px solid #f0f0f0}.author-info h4{font-size:1vw;font-weight:600;margin:0;color:#101223}.publish-date{font-size:.75vw;color:#999}.audio-blog-view-item-content{padding:1vw 1.5vw 1.5vw;flex:1 1;display:flex;flex-direction:column;justify-content:space-between}.audio-blog-view-item-name{font-size:1.125vw;font-weight:600;margin:0 0 .5vw;color:#101223;transition:color .3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.audio-blog-view-item:hover .audio-blog-view-item-name{color:#8b5cf6}.audio-blog-view-item-description{font-size:.875vw;color:#101223;opacity:.7;margin:0 0 1vw;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.audio-stats{display:flex;justify-content:space-between;font-size:.75vw;color:#101223;opacity:.8;align-items:center;text-decoration:none}.loading{background:linear-gradient(90deg,#f0f0f0 25%,#e4e4e4 37%,#f0f0f0 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:8px}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4vw;height:4vw;border-radius:50%;background:hsla(0,0%,100%,.9);color:#000;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.15);border:none;cursor:pointer}.play-btn:hover{background:#fff}.play-btn .icon{width:1.5vw;height:1.5vw}.progress-bar{width:100%;height:3px;background-color:hsla(0,0%,100%,.3);border-radius:2px;margin-bottom:5px;overflow:hidden}.progress-fill{height:100%;background-color:#fff;transition:width .1s linear}.listen-count{font-family:Roboto,Arial,sans-serif;font-size:.87vw;line-height:2rem;font-weight:400;white-space:nowrap;text-overflow:ellipsis}@media (max-width:500px){.audio-blog-view-recomendations{grid-template-columns:repeat(1,1fr)}.audio-blog-featured-header{font-size:4.5vw;margin-top:3%;margin-bottom:2%;color:#000}.audio-meta{padding:4vw 0 0 5.5vw}.audio-blog-view-item-content{padding:2vw 5.5vw;gap:3vw}.audio-blog-view-item-name{font-size:4vw}.audio-blog-view-item-description{font-size:3.25vw}.publish-date{font-size:2.75vw;color:#999}.listen-count{font-size:2.75vw;line-height:2rem}.audio-blog-view-item-duration{bottom:1.5vw;right:1.5vw;padding:1.3vw 1.5vw;font-size:2.87vw}}