body.home-page{background-color:#f1f5f9;background-image:radial-gradient(circle at 50% -10%,#ffffff 0%,#f1f5f9 70%);color:#1e293b;font-family:'Inter','Inter Fallback',sans-serif;margin:0;padding:0;overflow-x:hidden}body.home-page header{background-color:#0a0f1e !important;box-shadow:0 4px 30px rgba(0,0,0,0.5) !important}body.home-page .nav-menu{background-color:#ffffff !important;backdrop-filter:none !important;border-bottom:1px solid #e2e8f0}body.home-page .nav-link{color:#333333 !important}body.home-page .nav-link:hover{color:#6366f1 !important;background:rgba(99,102,241,0.1) !important}.home-page{--primary:#6366f1;--bg-card:#ffffff;--text-muted:#64748b;--grad-premium:linear-gradient(135deg,#6366f1 0%,#a855f7 100%)}.home-page .container-premium{max-width:1150px;margin:0 auto;padding:0 20px}.home-page .hero-wrapper{padding:40px 20px 10px;text-align:center}.home-page .hero-title{font-size:2.5rem;font-weight:900;margin-bottom:5px;text-transform:uppercase;letter-spacing:-1px;color:#1e293b;line-height:1.2}.home-page .hero-subtitle{color:#64748b;font-size:1.2rem;font-weight:500}@supports (content-visibility:auto){.home-page .split-content,.home-page .editorial-contexts-home,.home-page .news-portal-container,.home-page .regions-container,.home-page .home-slim-podcast-block{content-visibility:auto;contain-intrinsic-size:1px 900px}}.home-page .featured-games-home{padding:4px 0 8px;min-height:280px;contain:layout}.home-page .featured-games-shell{border:1px solid rgba(15,23,42,0.08);border-radius:24px;background:radial-gradient(circle at top right,rgba(0,198,255,0.16),transparent 24%),linear-gradient(180deg,#0f172a 0%,#111827 100%);box-shadow:0 24px 48px rgba(15,23,42,0.14);padding:18px;overflow:visible}.home-page .featured-games-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px}.home-page .featured-games-copy{min-width:0;display:flex;align-items:center}.home-page .featured-games-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,0.14);background:rgba(255,255,255,0.08);color:#dbeafe;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0.08em}.home-page .featured-games-head h2{margin:14px 0 8px;color:#ffffff;font-size:1.95rem;line-height:1.05;letter-spacing:-0.04em;font-weight:900}.home-page .featured-games-head p{margin:0;color:#cbd5e1;font-size:14px;line-height:1.6;max-width:720px}.home-page .featured-games-head-actions{flex:0 0 auto;display:flex;align-items:center;gap:12px}.home-page .featured-games-link{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#ffffff;background:linear-gradient(90deg,#00c6ff 0%,#0072ff 100%);border-radius:14px;padding:10px 13px;font-size:11px;font-weight:800;letter-spacing:0.03em;box-shadow:0 14px 26px rgba(0,114,255,0.26);transition:transform .2s ease,box-shadow .2s ease}.home-page .featured-games-link:hover{transform:translateY(-2px);box-shadow:0 18px 32px rgba(0,114,255,0.32)}.home-page .featured-games-nav-desktop{display:none;align-items:center;gap:8px}.home-page .featured-games-nav-btn,.home-page .featured-games-side-btn{width:40px;height:40px;border:1px solid rgba(255,255,255,0.22);border-radius:999px;background:linear-gradient(180deg,rgba(22,163,255,0.96) 0%,rgba(0,114,255,0.96) 100%);color:#ffffff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 16px 30px rgba(0,114,255,0.28);transition:transform .2s ease,opacity .2s ease}.home-page .featured-games-nav-btn:hover,.home-page .featured-games-side-btn:hover{transform:translateY(-1px);background:linear-gradient(180deg,rgba(56,189,248,1) 0%,rgba(29,78,216,1) 100%);border-color:rgba(255,255,255,0.36);box-shadow:0 20px 34px rgba(0,114,255,0.34)}.home-page .featured-games-nav-btn:disabled,.home-page .featured-games-side-btn:disabled{opacity:0.35;cursor:default;transform:none;box-shadow:none}.home-page .featured-games-arrow{display:inline-flex;align-items:center;justify-content:center;font-size:28px;line-height:1;font-weight:900;transform:translateY(-1px)}.home-page .featured-games-carousel{position:relative;padding-inline:66px;overflow:hidden}.home-page .featured-games-track{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 0 4px}.home-page .featured-games-track::-webkit-scrollbar{display:none}.home-page .featured-games-side-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:3}.home-page .featured-games-side-btn:hover{transform:translateY(calc(-50% - 1px))}.home-page .featured-games-side-btn.prev{left:10px}.home-page .featured-games-side-btn.next{right:10px}.home-page .featured-game-card{flex:0 0 calc((100% - 28px) / 3);min-width:0;display:block;text-decoration:none;scroll-snap-align:start;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);border:1px solid #dbe7f5;border-radius:18px;padding:10px;box-shadow:0 12px 24px rgba(15,23,42,0.08);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.home-page .featured-game-card:hover{transform:translateY(-4px);border-color:#93c5fd;box-shadow:0 20px 36px rgba(15,23,42,0.14)}.home-page .featured-game-top,.home-page .featured-game-footer{display:flex;align-items:center;justify-content:space-between;gap:6px}.home-page .featured-game-top-left{min-width:0;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.home-page .featured-game-competition{min-width:0;display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#eef4ff;color:#1d4ed8;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:0.08em}.home-page .featured-game-coverage{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:8px;font-weight:800;letter-spacing:0.04em;text-transform:uppercase}.home-page .featured-game-badges{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.home-page .featured-game-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;border:1px solid transparent}.home-page .featured-game-badge.live{background:#fee2e2;color:#b91c1c;border-color:#fecaca}.home-page .featured-game-badge.classic{background:#fef3c7;color:#92400e;border-color:#fcd34d}.home-page .featured-game-matchup{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center;margin:6px 0 4px}.home-page .featured-team{display:grid;justify-items:center;gap:6px;min-width:0;text-align:center}.home-page .featured-team img{width:38px;height:38px;object-fit:contain;background:#ffffff;border:1px solid #e2e8f0;border-radius:14px;padding:4px;box-shadow:0 6px 12px rgba(15,23,42,0.07)}.home-page .featured-team span{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.2;color:#0f172a;font-weight:800}.home-page .featured-game-center{display:grid;justify-items:center;gap:2px;min-width:66px}.home-page .featured-game-main{font-size:0.98rem;line-height:1;color:#0f172a;font-weight:900;letter-spacing:-0.05em}.home-page .featured-game-sub{color:#64748b;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;text-align:center}.home-page .featured-game-listen{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:24px;padding:5px 9px;border-radius:999px;background:linear-gradient(90deg,#0ea5e9 0%,#2563eb 100%);color:#ffffff;font-size:9px;font-weight:800;letter-spacing:0.03em;box-shadow:0 10px 18px rgba(37,99,235,0.22);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.home-page .featured-game-listen:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 14px 22px rgba(37,99,235,0.28)}.home-page .featured-game-footer{margin-top:3px;padding-top:6px;border-top:1px solid #e5edf7;flex-wrap:nowrap}.home-page .featured-game-cta{display:inline-flex;align-items:center;gap:6px;color:#0f172a;font-size:9px;font-weight:800;flex:0 0 auto;margin-left:auto}.home-page .featured-game-venue{min-width:0;flex:1 1 auto;display:inline-flex;align-items:center;gap:5px;color:#475569;font-size:9px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home-page .featured-game-venue i{color:#0072ff;flex:0 0 auto}.home-page .filters-container{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:30px 0 40px}.home-page .filter-pill{background:#ffffff;border:1px solid #e2e8f0;color:#475569;padding:10px 22px;border-radius:14px;text-decoration:none;font-size:13px;font-weight:700;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),opacity 0.3s cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px rgba(0,0,0,0.02)}.home-page .filter-pill i{font-size:14px;opacity:0.7}.home-page .filter-pill:hover{transform:translateY(-3px);border-color:#6366f1;color:#6366f1;box-shadow:0 10px 20px rgba(99,102,241,0.1)}.home-page .filter-pill.active{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);color:white !important;border:none;box-shadow:0 10px 25px rgba(99,102,241,0.4)}.home-page .filter-pill.active i{opacity:1}.live-games-bar{background:#ffffff;padding:8px 0;border-bottom:1px solid #e2e8f0;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.live-games-bar .container-premium{display:flex;align-items:center;justify-content:center;gap:8px}.game-pill{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;padding:5px 12px;border-radius:50px;margin:0 2px;text-decoration:none;color:#475569;font-size:11px;font-weight:800;border:1px solid #e2e8f0;transition:0.2s}.game-pill img{width:16px;height:16px;object-fit:contain}.game-pill .sc-casa,.game-pill .sc-fora{color:#1e293b !important;font-weight:900}.game-pill:hover,.game-pill.active{background:#6366f1;border-color:#6366f1;color:#fff}.game-pill:hover .sc-casa,.game-pill.active .sc-casa,.game-pill:hover .sc-fora,.game-pill.active .sc-fora{color:#fff !important}.game-pill .game-time{color:#ef4444;font-size:9px;margin-left:4px;font-weight:800}.home-page .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.home-page .section-title{font-size:1.2rem;font-weight:800;color:#1e293b;display:flex;align-items:center;gap:10px}.home-page .section-link{color:var(--primary);text-decoration:none;font-size:13px;font-weight:700}.home-page .cover-flow-section{position:relative;padding:20px 0 60px;overflow:hidden;perspective:1200px;max-width:1000px;margin:0 auto}.home-page .cover-flow-track{display:flex;padding:40px 0;padding-left:calc(50% - 85px);padding-right:calc(50% - 85px);margin:0;width:100%;box-sizing:border-box;overflow-x:auto;scroll-snap-type:x mandatory;transform-style:preserve-3d;align-items:center;scrollbar-width:none;gap:0}.home-page .cover-flow-track::-webkit-scrollbar{display:none}.home-page .cover-item{flex:0 0 150px;position:relative;margin:0 10px;transition:0.5s cubic-bezier(0.4,0,0.2,1);transform-style:preserve-3d;transform:scale(0.8);opacity:0.4;cursor:pointer;scroll-snap-align:center;z-index:1}.home-page .cover-item.active{transform:scale(1.3) translateZ(100px);opacity:1;z-index:100 !important}.home-page .cover-art{width:100%;aspect-ratio:1/1;border-radius:15px;background:#fff;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 10px 30px rgba(0,0,0,0.08)}.home-page .cover-img{width:100%;height:100%;object-fit:cover}.home-page .cover-info{margin-top:15px;text-align:center;opacity:0;transition:0.3s;width:150px;pointer-events:none}.home-page .cover-item.active .cover-info{opacity:1}.home-page .cover-title{font-size:13px;font-weight:800;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:140px;display:block;margin:0 auto}.match-status-panel{background:#ffffff;border-radius:15px;padding:12px 20px;margin-bottom:20px;display:none;animation:slideDown 0.4s ease;border:1px solid #e2e8f0;max-width:400px;margin-left:auto;margin-right:auto;box-shadow:0 10px 25px rgba(0,0,0,0.05)}.match-status-content{display:flex;justify-content:center;align-items:center;gap:15px}.m-team{display:flex;align-items:center;gap:10px;flex:1}.m-team.m-home{justify-content:flex-end;text-align:right}.m-team.m-away{justify-content:flex-start;text-align:left}.m-team img{width:26px;height:26px;object-fit:contain}.m-team span{font-size:13px;font-weight:800;color:#1e293b;text-transform:uppercase}.m-score-box{text-align:center;min-width:90px;background:#f8fafc;border:1px solid #e2e8f0;padding:5px 10px;border-radius:10px}.m-score-nums{font-size:22px;font-weight:900;color:#1e293b;letter-spacing:2px}.m-time{font-size:10px;color:#ef4444;font-weight:800;text-transform:uppercase;margin-top:4px}.home-page .split-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px;margin-bottom:120px}.home-page .radios-grid-mini,.home-page .countries-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;width:100%}.home-page .card-common{background:none;border:none;text-align:center;text-decoration:none;display:flex;flex-direction:column;align-items:center;transition:0.3s;cursor:pointer;width:100%}.home-page .card-common:hover{transform:translateY(-5px)}.home-page .img-grid{width:85px;height:85px;object-fit:cover;border-radius:16px;background:#ffffff;border:1px solid #e2e8f0;box-shadow:0 8px 20px rgba(0,0,0,0.05);margin-bottom:8px}.home-page .title-common{font-size:11px;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:85px;display:block;margin:0 auto}.home-page .fixed-player{position:fixed;bottom:0;left:0;right:0;width:100%;height:90px;background:#0f172a;display:none;align-items:center;justify-content:space-between;padding:0 30px;z-index:9999;border-top:1px solid rgba(255,255,255,0.1);overflow:visible;box-sizing:border-box}.home-page .fp-left{display:flex;align-items:center;gap:15px;width:30%;flex-shrink:0}.home-page .fp-thumb{width:60px;height:60px;object-fit:cover;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.3)}.home-page .fp-texts{min-width:0;flex:1}.home-page .fp-texts h4{font-size:13px;margin:0;color:#fff;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.home-page .fp-texts p{font-size:10px;color:#818cf8;font-weight:800;margin:2px 0 0;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.home-page .fp-center{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;transform:translateX(-50%)}.home-page .play-btn-main{width:60px;height:60px;border-radius:50%;background:#ffffff;color:#0f172a;border:none;font-size:26px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:0.3s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 5px 20px rgba(99,102,241,0.3)}.home-page .play-btn-main:hover{transform:scale(1.1);background:#6366f1;color:#fff}.home-page .fp-right{display:flex;align-items:center;gap:20px;width:30%;justify-content:flex-end;flex-shrink:0}.home-page .fp-right{display:flex;align-items:center;gap:12px;width:30%;justify-content:flex-end}.home-page .mute-btn{color:#fff;font-size:18px;background:none;border:none;cursor:pointer;transition:0.2s;opacity:0.8}.home-page .mute-btn:hover{opacity:1;transform:scale(1.1)}.home-page .ctrl-btn{color:#94a3b8;font-size:20px;background:none;border:none;cursor:pointer;transition:0.2s;display:flex;align-items:center;justify-content:center}.home-page .ctrl-btn:hover{color:#fff;transform:scale(1.1)}.home-page .close-player-btn{color:#ef4444 !important;font-size:24px;opacity:0.8}.home-page .close-player-btn:hover{opacity:1;transform:rotate(90deg)}@media (min-width:769px){.home-page .fixed-player{bottom:16px;left:50%;right:auto;transform:translateX(-50%);width:min(760px,calc(100vw - 40px));max-width:760px;height:auto;min-height:74px;padding:12px 18px;border:1px solid rgba(255,255,255,0.1);border-radius:18px;box-shadow:0 8px 32px rgba(2,6,23,0.5);gap:14px}.home-page .fixed-player>button[onclick="closePlayer()"]{position:static !important;order:4;width:32px !important;height:32px !important;flex:0 0 32px;padding:0 !important;border-radius:999px !important;font-size:0 !important;line-height:1 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;background:transparent !important;color:#ef4444 !important}.home-page .fixed-player>button[onclick="closePlayer()"]::after{content:"×";font-size:24px;line-height:1;font-weight:700}.home-page .fp-left{flex:1 1 auto;width:auto;gap:12px;min-width:0}.home-page .fp-thumb{width:46px;height:46px;border-radius:10px;flex:0 0 46px}.home-page .fp-texts h4{max-width:260px;font-size:13px}.home-page .fp-texts p{max-width:260px}.home-page .fp-center{position:static;left:auto;transform:none;flex:0 0 auto}.home-page .play-btn-main{width:46px;height:46px;font-size:18px;background:#6366f1;color:#ffffff;box-shadow:0 4px 14px rgba(99,102,241,0.4)}.home-page .play-btn-main:hover{transform:scale(1.05);background:#4f46e5;color:#ffffff}.home-page .fp-right{flex:0 0 auto;width:auto;gap:10px;padding-right:0 !important}.home-page #fixedPlayer #vol-slider{width:70px !important}}.news-side-item{display:flex;gap:12px;text-decoration:none;align-items:center;transition:0.2s}.news-side-item:hover{opacity:0.8}.news-side-img{width:65px;height:65px;border-radius:8px;object-fit:cover;flex-shrink:0}.news-side-title{font-size:13px;font-weight:700;color:#1e293b;line-height:1.3;margin:0;transition:0.2s}.news-side-item:hover .news-side-title{color:#6366f1}.news-filters{display:flex;gap:8px;flex-wrap:wrap}.news-filter-pill{font-size:10px;font-weight:700;color:#64748b;background:#fff;border:1px solid #e2e8f0;padding:4px 12px;border-radius:50px;text-transform:uppercase;transition:0.2s;text-decoration:none}.news-filter-pill:hover,.news-filter-pill.active{background:#6366f1;color:#fff;border-color:#6366f1}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}@keyframes slideDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.states-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;margin-bottom:25px}.state-pill-mini{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff;border:1px solid #e2e8f0;padding:4px 2px;border-radius:8px;text-decoration:none;color:#1e293b;transition:0.2s;min-height:45px}.state-pill-mini:hover{background:#6366f1;border-color:#6366f1;color:#fff;transform:translateY(-2px)}.state-pill-mini .sigla{font-size:10px;font-weight:900;color:#ffffff;line-height:1}.state-pill-mini span:not(.sigla){font-size:8px;font-weight:700;text-align:center;line-height:1;display:block;margin-top:2px}.countries-flex-grid{display:flex;flex-wrap:wrap;gap:10px}.country-pill{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0;flex:0 0 auto;background:linear-gradient(180deg,#ffffff,#f8fafc);border:1px solid #dbe4f0;padding:10px 12px;border-radius:999px;text-decoration:none;color:#0f172a;transition:transform 0.25s ease,opacity 0.25s ease;box-shadow:0 8px 18px rgba(15,23,42,0.04)}.country-pill:hover{border-color:#6366f1;color:#4338ca !important;transform:translateY(-3px);box-shadow:0 16px 28px rgba(99,102,241,0.12)}.country-pill img{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid #e2e8f0;box-shadow:0 4px 10px rgba(15,23,42,0.08);flex-shrink:0;transition:0.2s}.country-pill:hover img{border-color:#6366f1;transform:scale(1.04)}.country-pill span{font-size:12px;font-weight:800;text-align:left;line-height:1.2;white-space:nowrap}@media (max-width:1000px){.states-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:700px){.states-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:450px){.states-grid{grid-template-columns:repeat(3,1fr)}}.news-portal-container{display:grid;grid-template-columns:2.5fr 1fr;gap:28px;margin-bottom:80px}.news-main-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}.news-card-mini{background:#fff;border-radius:14px;text-decoration:none;display:flex;flex-direction:column;transition:transform 0.4s cubic-bezier(0.165,0.84,0.44,1),opacity 0.4s cubic-bezier(0.165,0.84,0.44,1);overflow:hidden;border:1px solid #f1f5f9;box-shadow:0 4px 6px rgba(0,0,0,0.02);align-self:start}.news-card-mini:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.08);border-color:#e2e8f0}.news-img-wrapper{width:100%;aspect-ratio:16 / 9;overflow:hidden;position:relative}.news-mini-img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.news-card-mini:hover .news-mini-img{transform:scale(1.1)}.news-badge{position:absolute;top:15px;left:15px;background:rgba(99,102,241,0.9);color:#fff;font-size:9px;font-weight:800;padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:1px;z-index:2;backdrop-filter:blur(4px)}.news-mini-content{padding:12px 13px 13px;display:flex;flex-direction:column}.news-mini-title{font-size:13px;font-weight:800;color:#1e293b;line-height:1.35;margin:0;display:block;overflow:visible;min-height:0}.news-card-mini:hover .news-mini-title{color:#6366f1}.news-sidebar{display:flex;flex-direction:column;gap:20px;border-left:1px solid #e2e8f0;padding-left:30px}.news-side-item{display:flex;gap:15px;text-decoration:none;align-items:center;padding:10px;border-radius:12px;transition:opacity 0.2s ease}.news-side-item:hover{background:#f8fafc}.news-side-img{width:75px;height:75px;border-radius:10px;object-fit:cover;flex-shrink:0;box-shadow:0 4px 10px rgba(0,0,0,0.05)}.news-side-title{font-size:13px;font-weight:700;color:#334155;line-height:1.3;margin:0}.news-side-item:hover .news-side-title{color:#6366f1}.mural-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:80px;align-items:stretch}.mural-card{background:#ffffff;border-radius:15px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 4px 10px rgba(0,0,0,0.02);display:flex;flex-direction:column;transition:0.3s;height:100%;min-height:200px}.mural-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.05)}.mural-user-info{display:flex;align-items:center;gap:12px;margin-bottom:15px}.mural-avatar{width:35px;height:35px;background:#f1f5f9;color:#6366f1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.mural-user-text{line-height:1.2;overflow:hidden}.mural-user-name{display:block;font-size:14px;font-weight:800;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mural-user-loc{font-size:11px;color:#64748b;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mural-comment{font-size:14px;color:#475569;line-height:1.5;font-style:italic;position:relative;padding-left:12px;border-left:3px solid #e2e8f0;margin-bottom:15px;flex-grow:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.mural-radio-tag{display:inline-flex;align-items:center;gap:8px;background:#eef2ff;color:#6366f1;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:800;text-decoration:none;transition:0.2s;border:1px solid transparent;width:fit-content;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:auto}.mural-radio-tag:hover{background:#6366f1;color:#fff;border-color:#6366f1}@media (max-width:900px){.mural-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.mural-grid{grid-template-columns:1fr}}@media (max-width:1000px){.news-portal-container{grid-template-columns:1fr}.news-sidebar{border-left:none;padding-left:0;margin-top:30px}.news-main-grid{grid-template-columns:repeat(2,1fr)}.home-page .featured-games-head{flex-direction:column;align-items:flex-start}.home-page .featured-games-head-actions{width:100%;justify-content:space-between}.home-page .featured-games-carousel{padding-inline:58px}.home-page .featured-game-card{flex-basis:calc((100% - 14px) / 2)}}@media (max-width:600px){.news-main-grid{grid-template-columns:1fr}}@media (max-width:768px){.home-page .hero-title{font-size:2rem}.home-page .split-content{grid-template-columns:1fr}.home-page .radios-grid-mini,.home-page .countries-grid{grid-template-columns:repeat(2,1fr)}.home-page .featured-games-shell{border-radius:22px;padding:16px}.home-page .featured-games-head-actions{flex-direction:column;align-items:stretch}.home-page .featured-games-link{width:100%;justify-content:center}.home-page .featured-games-nav-desktop{width:100%;justify-content:center}.home-page .featured-games-nav-desktop{display:flex}.home-page .featured-games-side-btn{display:none}.home-page .featured-games-carousel{padding-inline:0}.home-page .featured-games-track{gap:10px}.home-page .featured-game-card{flex-basis:80%;padding:11px}.home-page .featured-game-matchup{grid-template-columns:1fr;gap:12px}.home-page .featured-team{grid-template-columns:56px minmax(0,1fr);justify-items:start;text-align:left;align-items:center}.home-page .featured-team img{width:50px;height:50px}.home-page .featured-team span{font-size:13px}.home-page .featured-game-center{order:-1;min-width:0}.home-page .featured-game-main{font-size:1.2rem}.home-page .featured-game-top{align-items:center;flex-direction:row;flex-wrap:wrap;gap:4px}.home-page .featured-game-footer{align-items:center;flex-direction:row}.home-page .featured-game-venue{white-space:nowrap}}
/* ===== Mobile skin unificado ===== */
@font-face { font-family: 'Inter Fallback'; src: local('Arial'); ascent-override: 90.49%; descent-override: 22.56%; line-gap-override: 0%; size-adjust: 107.06%; } @media screen and (max-width: 768px) { :root { --app-bg: #f6f8fc; --app-surface: #ffffff; --app-text: #223142; --app-muted: #98a4b3; --app-blue: #005da8; --app-purple: #6e46b8; --app-purple-soft: #f1edf8; --app-border: #e9eef5; --app-shadow: 0 10px 26px rgba(28, 43, 65, 0.08); } html, body { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; background: var(--app-bg) !important; } body { color: var(--app-text) !important; font-family: "Inter", "Inter Fallback", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important; padding-bottom: calc(156px + env(safe-area-inset-bottom, 0px)) !important; } header, .header-main-bar, .main-nav-bar, .site-footer-modern, body > footer, .sidebar, .home-slim-news-shell, .live-bar-paises-gen, .online-counter, .header-actions { display: none !important; } .main-container, .news-container, .container, .content, main.content { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 14px 24px !important; box-sizing: border-box !important; background: transparent !important; box-shadow: none !important; border: 0 !important; display: block !important; } .home-hero, .hero-section, .page-header, .page-header-box, .section-header { background: transparent !important; box-shadow: none !important; border: 0 !important; padding: 20px 6px 10px !important; margin: 0 !important; } .hero-wrapper { display: block !important; padding: 28px 20px 6px !important; margin: 0 !important; text-align: left !important; background: transparent !important; } .hero-wrapper::before { content: "Ouvi Rádios"; display: block; color: #475569; font-size: 16px; line-height: 1.1; font-weight: 500; margin: 0 0 7px; } .hero-title { color: var(--app-text) !important; font-size: 22px !important; line-height: 1.25 !important; font-weight: 850 !important; letter-spacing: 0 !important; margin: 0 !important; } .hero-subtitle, .hero-seo-copy, .hero-keyword-links { display: none !important; } .section-header h1, .page-header h1, .page-header-box h1 { color: var(--app-text) !important; font-size: 28px !important; line-height: 1.05 !important; font-weight: 900 !important; margin: 0 !important; } .portal-subtitle, .page-header p, .page-header-box p { color: var(--app-muted) !important; font-size: 14px !important; margin-top: 6px !important; } .app-search-bar { display: flex !important; align-items: center !important; gap: 12px !important; width: calc(100% - 10px) !important; min-height: 68px !important; margin: 12px 5px 18px !important; padding: 0 18px !important; background: var(--app-surface) !important; border: 1px solid var(--app-border) !important; border-radius: 15px !important; box-shadow: var(--app-shadow) !important; box-sizing: border-box !important; position: relative !important; z-index: 50 !important; } .app-search-bar i { color: var(--app-purple) !important; font-size: 20px !important; } .app-search-bar input, .app-search-bar .app-search-input { flex: 1 !important; min-width: 0 !important; border: 0 !important; outline: 0 !important; background: transparent !important; color: var(--app-text) !important; font-size: 16px !important; font-weight: 700 !important; position: relative !important; z-index: 51 !important; pointer-events: auto !important; } .app-search-bar input::placeholder { color: #a3abb7 !important; } .quick-links, .app-nav-chips, .home-slim-filters-shell .home-slim-select-row, .home-slim-country-bar, .portal-categories { display: flex !important; gap: 12px !important; overflow-x: auto !important; padding: 4px 6px 12px !important; margin: 0 -2px 20px !important; scrollbar-width: none !important; } .quick-links::-webkit-scrollbar, .app-nav-chips::-webkit-scrollbar, .home-slim-country-bar::-webkit-scrollbar, .portal-categories::-webkit-scrollbar { display: none !important; } .quick-links a, .app-nav-chip, .home-slim-category-pill, .home-slim-country-pill, .portal-category-link, .news-filter-pill { flex: 0 0 auto !important; min-height: 48px !important; display: inline-flex !important; align-items: center !important; gap: 9px !important; padding: 0 16px !important; border: 1px solid var(--app-border) !important; border-radius: 12px !important; background: var(--app-surface) !important; color: #30394a !important; text-decoration: none !important; font-size: 14px !important; font-weight: 850 !important; box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05) !important; } .app-nav-chip i, .quick-links i { color: var(--app-purple) !important; font-size: 16px !important; } .home-slim-category-pill.active, .home-slim-country-pill.active, .news-filter-pill.active { color: var(--app-blue) !important; background: #e9f4ff !important; border-color: #d7ecff !important; } .home-slim-mobile-filters, .home-slim-select-row { display: none !important; } .home-slim-content, .home-slim-main-column { display: block !important; width: 100% !important; } .home-slim-radio-grid, .radio-grid { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: 31% !important; grid-template-columns: none !important; gap: 16px !important; overflow-x: auto !important; padding: 4px 6px 22px !important; margin: 0 -6px 18px !important; scrollbar-width: none !important; } .home-slim-radio-grid::-webkit-scrollbar, .radio-grid::-webkit-scrollbar { display: none !important; } .home-slim-radio-card, .radio-card { min-width: 0 !important; display: block !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; text-decoration: none !important; color: var(--app-text) !important; } .home-slim-radio-card img, .radio-card img { width: 100% !important; max-width: none !important; aspect-ratio: 1 / 1 !important; height: auto !important; border-radius: 16px !important; object-fit: cover !important; background: var(--app-surface) !important; border: 1px solid var(--app-border) !important; box-shadow: 0 7px 18px rgba(15, 23, 42, 0.06) !important; margin: 0 0 9px !important; } .home-slim-radio-name, .radio-card h3 { color: var(--app-text) !important; font-size: 15px !important; line-height: 1.15 !important; font-weight: 850 !important; margin: 0 0 4px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .home-slim-radio-meta, .radio-card p { color: var(--app-muted) !important; font-size: 13px !important; line-height: 1.15 !important; font-weight: 600 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .home-slim-radio-pill, .radio-card .views { display: none !important; } .section-title, .home-slim-news-head h3, .secao h2, .secao-title { color: var(--app-text) !important; font-size: 25px !important; line-height: 1.1 !important; font-weight: 900 !important; border: 0 !important; margin: 18px 6px 4px !important; padding: 0 !important; } .section-title + p, .section-subtitle, .home-slim-news-head p { color: var(--app-muted) !important; font-size: 14px !important; font-weight: 600 !important; margin: 0 6px 14px !important; } .radio-list-container, #favorites-content { display: flex !important; flex-direction: column !important; gap: 14px !important; padding: 10px 0 24px !important; } .radio-list-item, .news-card, .news-card-mini, .country-card, .estado-card, .home-slim-category-card, .home-slim-side-category-card, .home-slim-side-state-card, .game-card, .match-card, .fixture-card { background: var(--app-surface) !important; border: 1px solid var(--app-border) !important; border-radius: 15px !important; box-shadow: var(--app-shadow) !important; color: var(--app-text) !important; text-decoration: none !important; } .radio-list-item { min-height: 84px !important; padding: 12px !important; gap: 14px !important; transform: none !important; } .radio-list-img, .radio-list-item img { width: 60px !important; height: 60px !important; border-radius: 10px !important; object-fit: cover !important; flex: 0 0 60px !important; margin: 0 !important; } .radio-list-title { color: var(--app-text) !important; font-size: 18px !important; font-weight: 850 !important; } .radio-list-meta, .radio-list-genres, .list-genre-tag { color: var(--app-muted) !important; font-size: 13px !important; background: transparent !important; border: 0 !important; padding: 0 !important; } .radio-list-views { display: flex !important; min-width: 0 !important; } .views-badge { display: none !important; } .views-badge::before { content: none !important; display: none !important; } .news-grid, .posts-grid { display: flex !important; flex-direction: column !important; gap: 12px !important; } .hero-news, .news-card, .news-card-mini { display: grid !important; grid-template-columns: 78px minmax(0, 1fr) 20px !important; gap: 12px !important; min-height: 96px !important; padding: 12px !important; overflow: hidden !important; } .hero-news::after, .news-card::after, .news-card-mini::after { content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #344255; align-self: center; justify-self: end; } .hero-news img, .hero-img, .news-card img, .news-card-mini img { width: 78px !important; height: 78px !important; border-radius: 9px !important; object-fit: cover !important; grid-row: 1 / 2 !important; } .hero-content, .news-card-content, .news-card-mini > div { min-width: 0 !important; } .hero-content h2, .news-card h3, .news-card-mini h3 { color: var(--app-text) !important; font-size: 16px !important; line-height: 1.18 !important; font-weight: 800 !important; margin: 0 0 3px !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } .hero-content p, .news-card p, .news-card-mini p { color: #4d5968 !important; font-size: 13px !important; line-height: 1.2 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } #fixedPlayer.or-global-player { bottom: calc(70px + env(safe-area-inset-bottom, 0px)) !important; left: 0 !important; right: 0 !important; width: 100% !important; max-width: 100% !important; transform: none !important; border-radius: 14px 14px 0 0 !important; z-index: 1000000 !important; } #fixedPlayer, .fixed-player { position: fixed !important; left: 50% !important; right: auto !important; bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important; transform: translateX(-50%) !important; width: calc(100vw - 28px) !important; max-width: 520px !important; min-height: 72px !important; padding: 10px 12px !important; background: #ffffff !important; border: 1px solid var(--app-border) !important; border-radius: 18px !important; box-shadow: 0 10px 26px rgba(28, 43, 65, 0.16) !important; z-index: 999998 !important; align-items: center !important; gap: 10px !important; box-sizing: border-box !important; } body.home-page #fixedPlayer, body.home-page .fixed-player { background: #ffffff !important; height: auto !important; color: #0f172a !important; bottom: calc(70px + env(safe-area-inset-bottom, 0px)) !important; left: 0 !important; right: 0 !important; width: 100% !important; max-width: none !important; border-radius: 14px 14px 0 0 !important; transform: none !important; z-index: 1000002 !important; box-shadow: 0 -4px 14px rgba(28, 43, 65, 0.10) !important; border-top: none !important; } #fixedPlayer[style*="display: flex"], #fixedPlayer.is-visible, .fixed-player[style*="display: flex"] { display: flex !important; } #fixedPlayer * { color: inherit !important; text-shadow: none !important; } #fixedPlayer > button[onclick*="closePlayer"] { display: none !important; } #fixedPlayer .fp-left { display: flex !important; align-items: center !important; flex: 1 1 auto !important; min-width: 0 !important; gap: 10px !important; order: 1 !important; padding: 0 !important; } #fixedPlayer #fp-img, #fixedPlayer .fp-thumb { width: 56px !important; height: 56px !important; border-radius: 12px !important; border: 0 !important; object-fit: cover !important; flex: 0 0 56px !important; } #fixedPlayer .fp-texts { padding-left: 0 !important; min-width: 0 !important; } #fixedPlayer #fp-live-badge, #fixedPlayer #fp-genre, #fixedPlayer #fp-song-area, #fixedPlayer .fp-right, #fixedPlayer .fp-podcast-drawer, #fixedPlayer #muteBtn, #fixedPlayer #vol-slider { display: none !important; } #fixedPlayer.or-global-player .fp-right { order: 3 !important; flex: 0 0 auto !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 6px !important; padding: 0 !important; } #fixedPlayer.or-global-player .fp-action-btn, #fixedPlayer.or-global-player #muteBtn, #fixedPlayer.or-global-player #btnMute, #fixedPlayer.or-global-player #btnClosePlayer { width: 38px !important; height: 38px !important; border-radius: 999px !important; border: 1px solid #e2e8f0 !important; background: #fff !important; color: #475569 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; font-size: 14px !important; cursor: pointer !important; flex-shrink: 0 !important; } #fixedPlayer.or-global-player #btnClosePlayer { color: #ef4444 !important; } #fixedPlayer.or-global-player .fp-vote-btn, #fixedPlayer.or-global-player #fpShareBtn, #fixedPlayer.or-global-player #vol-slider, #fixedPlayer.or-global-player #volSlider, #fixedPlayer.or-global-player .fp-podcast-drawer { display: none !important; } #fixedPlayer.or-global-player .vol-control-wrapper { display: flex !important; width: auto !important; min-width: 0 !important; gap: 0 !important; padding: 0 !important; position: static !important; z-index: auto !important; } #fixedPlayer.or-global-player #fp-song-area { display: flex !important; align-items: center !important; gap: 6px !important; max-width: calc(100vw - 94px) !important; color: #2563eb !important; font-size: 11px !important; font-weight: 900 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #fixedPlayer.or-global-player #fp-song-area.is-empty { display: none !important; } #fixedPlayer.or-global-player #fp-live-badge { display: inline-flex !important; align-items: center !important; background: #fee2e2 !important; color: #ef4444 !important; font-size: 9px !important; font-weight: 900 !important; padding: 3px 7px !important; border-radius: 999px !important; animation: none !important; text-transform: uppercase !important; white-space: nowrap !important; } #fixedPlayer.or-global-player #fp-genre { display: inline-flex !important; align-items: center !important; background: transparent !important; color: #2563eb !important; font-size: 9px !important; font-weight: 900 !important; padding: 0 !important; border-radius: 0 !important; gap: 4px !important; text-transform: none !important; max-width: min(200px, 32vw) !important; overflow: hidden !important; } #fixedPlayer #fp-title { color: var(--app-text) !important; font-size: 16px !important; font-weight: 850 !important; line-height: 1.15 !important; margin: 0 0 5px !important; } #fixedPlayer #fp-location, #fixedPlayer #fp-nowplaying, #fixedPlayer #fp-artist { color: var(--app-muted) !important; font-size: 13px !important; font-weight: 650 !important; margin: 0 !important; } #fixedPlayer .fp-center { order: 2 !important; flex: 0 0 auto !important; margin: 0 !important; position: static !important; transform: none !important; } #fixedPlayer .play-btn-main { width: 52px !important; height: 52px !important; border-radius: 999px !important; background: var(--app-purple) !important; color: #ffffff !important; border: 0 !important; box-shadow: none !important; font-size: 18px !important; } .app-bottom-nav { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; transform: none !important; width: 100% !important; max-width: none !important; min-height: calc(70px + env(safe-area-inset-bottom, 0px)) !important; padding: 7px 6px calc(7px + env(safe-area-inset-bottom, 0px)) !important; background: #ffffff !important; border-top: 1px solid var(--app-border) !important; border-radius: 0 !important; box-shadow: 0 -10px 24px rgba(28, 43, 65, 0.08) !important; z-index: 1000001 !important; display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; align-items: center !important; gap: 0 !important; box-sizing: border-box !important; } body { padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important; } body:has(#fixedPlayer[style*="display: flex"]), body:has(#fixedPlayer.or-global-player) { padding-bottom: calc(180px + env(safe-area-inset-bottom, 0px)) !important; } .app-nav-item { width: 100% !important; min-width: 0 !important; height: 56px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 4px !important; color: #8a949d !important; text-decoration: none !important; font-size: 11px !important; font-weight: 750 !important; } .app-nav-item i { width: 44px !important; height: 30px !important; border-radius: 999px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 20px !important; margin: 0 !important; color: inherit !important; } .app-nav-item span { font-size: 11px !important; line-height: 1 !important; font-weight: 750 !important; white-space: nowrap !important; } .app-nav-item.active { color: var(--app-blue) !important; } .app-nav-item.active i { background: #dceefb !important; color: var(--app-blue) !important; } .player-header { background: #ffffff !important; border-radius: 18px !important; padding: 16px !important; box-shadow: var(--app-shadow) !important; border: 1px solid var(--app-border) !important; } .app-player-expanded { position: fixed !important; inset: 0 !important; z-index: 1000002 !important; display: none !important; align-items: stretch !important; justify-content: center !important; background: rgba(0, 0, 0, 0.86) !important; backdrop-filter: blur(16px); color: #ffffff !important; padding: calc(34px + env(safe-area-inset-top, 0px)) 28px calc(30px + env(safe-area-inset-bottom, 0px)) !important; box-sizing: border-box !important; } .app-player-expanded.is-open { display: flex !important; visibility: visible !important; height: auto !important; overflow: auto !important; } .app-player-expanded__inner { width: 100%; max-width: 430px; min-height: 100%; display: grid; grid-template-rows: auto 1fr auto; } .app-player-expanded__top { display: flex; align-items: center; justify-content: space-between; gap: 16px; } .app-player-expanded__close, .app-player-expanded__more { width: 44px; height: 44px; border: 0; border-radius: 999px; background: transparent; color: #ffffff; font-size: 22px; } .app-player-expanded__label { text-align: center; min-width: 0; flex: 1; } .app-player-expanded__kicker { display: block; font-size: 11px; line-height: 1; color: rgba(255, 255, 255, 0.62); font-weight: 900; letter-spacing: 0.18em; } .app-player-expanded__now { display: block; margin-top: 4px; font-size: 16px; line-height: 1.15; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .app-player-expanded__main { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; min-height: 0; } .app-player-expanded__logo { width: min(68vw, 330px); aspect-ratio: 1 / 1; border-radius: 28px; object-fit: cover; background: #ffffff; box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45); margin-bottom: 34px; } .app-player-expanded__title { margin: 0 0 14px; max-width: 360px; color: #ffffff; font-size: 27px; line-height: 1.22; font-weight: 900; text-transform: uppercase; } .app-player-expanded__place { color: rgba(255, 255, 255, 0.68); font-size: 17px; font-weight: 600; } .app-player-expanded__controls { display: grid; grid-template-columns: 64px 92px 64px; align-items: center; justify-content: center; gap: 26px; margin-bottom: 34px; } .app-player-expanded__side, .app-player-expanded__play { border: 0; color: #ffffff; background: transparent; } .app-player-expanded__side { opacity: 0.45; font-size: 28px; } .app-player-expanded__play { width: 82px; height: 82px; border-radius: 999px; background: #ffffff; color: #0f172a; font-size: 34px; display: inline-flex; align-items: center; justify-content: center; } .app-player-expanded__actions { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; justify-items: center; color: #ffffff; font-size: 28px; padding-bottom: 8px; } } @media (max-width: 768px) { body.home-page #fixedPlayer.or-global-player { position: fixed !important; left: 0 !important; right: 0 !important; bottom: calc(70px + env(safe-area-inset-bottom, 0px)) !important; width: 100% !important; max-width: none !important; min-height: 78px !important; height: auto !important; padding: 10px 12px !important; border-radius: 14px 14px 0 0 !important; transform: none !important; background: radial-gradient(circle at 12% 18%, rgba(37, 99, 235, 0.10) 0, rgba(37, 99, 235, 0) 30%), radial-gradient(circle at 82% 12%, rgba(20, 184, 166, 0.12) 0, rgba(20, 184, 166, 0) 30%), #ffffff !important; color: #0f172a !important; border: 1px solid #e7edf5 !important; border-bottom: 0 !important; box-shadow: 0 -10px 26px rgba(28, 43, 65, 0.12) !important; z-index: 1000000 !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; box-sizing: border-box !important; } body.home-page #fixedPlayer.or-global-player .fp-left { order: 1 !important; flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; align-items: center !important; gap: 10px !important; padding: 0 !important; } body.home-page #fixedPlayer.or-global-player #fp-img, body.home-page #fixedPlayer.or-global-player .fp-thumb { width: 48px !important; height: 48px !important; flex: 0 0 48px !important; border-radius: 12px !important; border: 1px solid #e5e7eb !important; object-fit: cover !important; box-shadow: 0 8px 18px rgba(15, 23, 42, 0.10) !important; } body.home-page #fixedPlayer.or-global-player .fp-texts { padding-left: 0 !important; min-width: 0 !important; flex: 1 1 auto !important; color: #0f172a !important; } body.home-page #fixedPlayer.or-global-player #fp-live-badge, body.home-page #fixedPlayer.or-global-player #fp-genre, body.home-page #fixedPlayer.or-global-player .fp-podcast-drawer, body.home-page #fixedPlayer.or-global-player #fpShareBtn, body.home-page #fixedPlayer.or-global-player .fp-vote-btn, body.home-page #fixedPlayer.or-global-player #vol-slider, body.home-page #fixedPlayer.or-global-player #volSlider { display: none !important; } body.home-page #fixedPlayer.or-global-player #fp-title { color: #0f172a !important; font-size: 13px !important; line-height: 1.15 !important; font-weight: 900 !important; margin: 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } body.home-page #fixedPlayer.or-global-player #fp-location, body.home-page #fixedPlayer.or-global-player #fp-nowplaying, body.home-page #fixedPlayer.or-global-player #fp-artist { color: #64748b !important; font-size: 10px !important; line-height: 1.2 !important; font-weight: 750 !important; margin: 2px 0 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } body.home-page #fixedPlayer.or-global-player .fp-live-wave { display: inline-flex !important; margin-top: 3px !important; } body.home-page #fixedPlayer.or-global-player .fp-center { order: 2 !important; flex: 0 0 auto !important; position: static !important; left: auto !important; top: auto !important; transform: none !important; margin: 0 !important; } body.home-page #fixedPlayer.or-global-player .play-btn-main { width: 44px !important; height: 44px !important; border-radius: 999px !important; border: 0 !important; background: linear-gradient(135deg, #2563eb, #14b8a6) !important; color: #ffffff !important; box-shadow: 0 12px 24px rgba(37, 99, 235, 0.22) !important; } body.home-page #fixedPlayer.or-global-player .fp-right { order: 3 !important; flex: 0 0 auto !important; display: flex !important; align-items: center !important; gap: 6px !important; padding: 0 !important; } body.home-page #fixedPlayer.or-global-player .fp-action-btn, body.home-page #fixedPlayer.or-global-player #muteBtn, body.home-page #fixedPlayer.or-global-player #btnMute, body.home-page #fixedPlayer.or-global-player #btnClosePlayer { width: 34px !important; height: 34px !important; border-radius: 999px !important; border: 1px solid #e2e8f0 !important; background: #ffffff !important; color: #475569 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; font-size: 13px !important; flex-shrink: 0 !important; } body.home-page #fixedPlayer.or-global-player #btnClosePlayer { color: #ef4444 !important; } body.home-page #fixedPlayer.or-global-player .vol-control-wrapper { display: flex !important; width: auto !important; min-width: 0 !important; gap: 0 !important; padding: 0 !important; position: static !important; } }