/* 24.13.1 — Home refinada e vitrine P5 inspirada na linguagem visual da Maxx FM. */
:root{
  --mt-home-width:1120px;
  --mt-editorial-font:'NRK Sans','Reddit Sans','Plus Jakarta Sans',sans-serif;
  --mt-round-card:22px;
  --mt-round-control:14px;
}

.p5-releases{display:none;max-width:var(--mt-home-width);margin:22px auto 4px;padding:0 18px;font-family:var(--mt-editorial-font)}
.p5-releases.is-visible{display:block}
.p5-releases-shell{position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(255,91,54,.38);border-radius:28px;background:#050505;box-shadow:0 28px 66px -40px rgba(255,91,54,.52);transform:translateZ(0)}
.p5-releases-marquee{overflow:hidden;contain:layout paint;background:#ff5b36;color:#1b0a05;border-bottom:1px solid rgba(36,17,9,.18)}
.p5-releases-marquee.is-bottom{border-top:1px solid rgba(36,17,9,.18);border-bottom:0}
.p5-releases-marquee-track{display:flex;width:max-content;will-change:transform;backface-visibility:hidden;transform:translate3d(0,0,0);animation:p5Marquee 36s linear infinite}
.p5-releases-marquee.is-bottom .p5-releases-marquee-track{animation-direction:reverse;animation-duration:42s}
.p5-releases-marquee-group{display:flex;align-items:center;flex:0 0 auto;padding:13px 0}
.p5-releases-marquee-word{display:flex;align-items:center;gap:32px;padding-right:32px;font-size:15px;font-weight:950;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap}
.p5-releases-marquee-word:nth-child(even){font-weight:600;font-style:italic}
.p5-releases-marquee-word::after{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
.p5-releases-head{display:flex;align-items:center;justify-content:center;min-height:78px;padding:20px 82px 8px}
.p5-releases-logo{display:block;width:auto;height:42px;max-width:165px;margin:0;object-fit:contain;object-position:center}
.p5-releases-title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.p5-releases-actions{position:absolute;inset:46px 0 46px;z-index:4;pointer-events:none}
.p5-releases-arrow{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,100,57,.5);border-radius:50%;background:#141414;color:#ff6439;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.05);transition:transform .2s cubic-bezier(.22,1,.36,1),background-color .16s ease,border-color .16s ease,color .16s ease}
.p5-releases-arrow:hover{transform:translateY(-1px);background:#ff5b36;border-color:#ff5b36;color:#050505}
.p5-releases-arrow:disabled{opacity:.32;cursor:default;transform:none}
.p5-releases-arrow svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.2}
.p5-releases-arrow:first-child,.p5-releases-arrow:last-child{position:absolute;top:50%;pointer-events:auto;transform:translateY(-50%)}
.p5-releases-arrow:first-child{left:20px}
.p5-releases-arrow:last-child{right:20px}
.p5-releases-arrow:first-child:hover,.p5-releases-arrow:last-child:hover{transform:translateY(calc(-50% - 1px))}
.p5-releases-rail{display:grid;grid-auto-flow:column;grid-auto-columns:218px;gap:24px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:82px;scroll-behavior:smooth;padding:20px 82px 34px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.p5-releases-rail::-webkit-scrollbar{display:none}
.p5-release{min-width:0;padding:0 0 12px;border:0;border-radius:0;background:transparent;scroll-snap-align:start;color:#fff;text-align:center;text-decoration:none;transform:translateZ(0);transition:transform .22s cubic-bezier(.22,1,.36,1),filter .22s ease}
.p5-release:hover{transform:translate3d(0,-5px,0);filter:drop-shadow(0 18px 18px rgba(255,91,54,.2))}
.p5-release:focus-visible{outline:3px solid #ff764f;outline-offset:3px}
.p5-release-art{position:relative;aspect-ratio:1;overflow:visible;border-radius:8px;background:linear-gradient(145deg,#ffd4bf,#ff8d66);box-shadow:0 18px 32px -22px rgba(0,0,0,.92)}
.p5-release-art img{width:100%;height:100%;display:block;object-fit:cover;backface-visibility:hidden;transition:transform .34s cubic-bezier(.22,1,.36,1)}
.p5-release-art img{border-radius:8px}
.p5-release:hover .p5-release-art img{transform:scale(1.025)}
.p5-release-type{position:absolute;z-index:2;left:50%;top:0;min-width:82px;padding:7px 15px;border-radius:999px;background:#101010;color:#ff6a40;font-size:9px;font-weight:950;letter-spacing:.12em;box-shadow:0 7px 16px rgba(0,0,0,.32);transform:translate(-50%,-50%)}
.p5-release-copy{padding:16px 5px 0}
.p5-release-copy strong,.p5-release-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p5-release-copy strong{color:#fff;font-size:16px;font-weight:900;line-height:1.2}
.p5-release-copy span{margin-top:5px;color:#ff8b69;font-size:13px;font-weight:650}
.p5-releases-loading{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(158px,1fr);gap:14px;padding:0 24px 24px;overflow:hidden}
.p5-release-skeleton{aspect-ratio:.78;border-radius:20px;background:linear-gradient(100deg,#101010 20%,rgba(255,100,57,.2) 42%,#101010 64%);background-size:220% 100%;animation:p5Shimmer 1.35s ease-in-out infinite}
.p5-releases-error{padding:0 24px 22px;color:#ffb19a;font-size:13px}
@keyframes p5Shimmer{to{background-position:-220% 0}}
@keyframes p5Marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

@media(min-width:900px){
  .hero-content{max-width:980px!important}
  .hero{padding:24px 18px 28px!important}
  .hero-panel{padding:15px!important;border-radius:22px!important}
  .hero-main{grid-template-columns:228px minmax(0,1fr)!important;gap:28px!important;min-height:228px!important}
  .hero-visual{width:228px!important;max-width:228px!important}
  .hero-station{font-size:clamp(28px,3vw,40px)!important}
  .hero-editorial-question{font-size:14px!important;margin-bottom:10px!important}
  .hero-sub{margin-bottom:13px!important}
  .hero .nowplaying{min-height:66px!important;margin-bottom:11px!important}
  .hero-detail-row{margin-top:9px!important;padding-top:9px!important}
  .hero .source-row{margin-top:9px!important;padding:8px!important}
  .toolbar,main{max-width:var(--mt-home-width)!important}
  .toolbar{margin-top:20px!important}
  main{padding-bottom:32px!important}
  .grid:not(.list-view):not(.large-view):not(.brand-view){grid-template-columns:repeat(auto-fill,minmax(196px,1fr))!important;gap:14px!important}
  .grid:not(.list-view):not(.large-view):not(.brand-view) .card{border-radius:var(--mt-round-card)!important}
  .grid:not(.list-view):not(.large-view):not(.brand-view) .card-body{padding:12px!important}
  .grid.large-view{gap:10px!important}
  .large-view .card{grid-template-columns:118px 1fr!important}
  .large-view .card-body{padding:12px 14px!important}
  .large-view .card-brand-logo-lg{height:36px!important}
  .list-view .card{padding:12px 3px!important;gap:12px!important}
  .list-view .card-hero{width:52px!important;height:52px!important}
  .grid.brand-view{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:15px!important}
  .grid.brand-view .card.brand-tile{border-radius:var(--mt-round-card)!important}
  .brand-tile-affiliate{min-height:38px!important;flex-basis:38px!important;font-size:17px!important}
}

.circle-btn,.language-trigger,.layout-toggle{border-radius:50%!important}
.toolbar-top .rg-open-btn{border-radius:999px!important;padding:11px 16px!important;font-size:13px!important}
.search{border-radius:16px!important}

/* A Home usa uma mesma família de cantos para não alternar entre blocos
   muito quadrados e botões arredondados. */
.hero-panel,#main .card,#main .grid.brand-view .card.brand-tile,#main .large-view .card{border-radius:var(--mt-round-card)!important}
#main .card{box-shadow:0 14px 32px -24px rgba(0,0,0,.62)!important}
#main .card:hover{box-shadow:0 20px 42px -26px rgba(0,0,0,.72)!important}
.large-view .card-hero{border-radius:0!important}
.grid.list-view{gap:9px!important;border-top:0!important}
#main .list-view .card{padding:12px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:var(--card)!important}
#main .list-view .card:last-child{border-bottom:1px solid var(--line)!important}
#main .list-view .card:hover{border-color:#3a4d70!important;background:var(--card)!important;transform:translateY(-1px)!important}
.list-view .card-hero{border-radius:13px!important}
.card-network-row.rg-nrk-channel-head{margin:10px;border-radius:17px!important;background:color-mix(in srgb,var(--card-2) 88%,transparent)!important}
.card-network-trigger.rg-nrk-affiliate{height:34px!important;min-height:34px!important;padding:7px 11px!important;border-radius:999px!important}
.card-network-menu{border-radius:16px!important;padding:8px!important}
.card-network-choice{margin-bottom:6px!important;border-radius:11px!important;transition:background-color .16s ease,transform .16s ease!important}
.card-network-choice:hover{transform:translateX(2px)}
.card-pill,.card-src-pill,.tab,.rg-open-btn,.toolbar-top .rv-tv-button,.hero .community-login{border-radius:999px!important}
.toolbar-top .rv-tv-button{padding:11px 16px!important;min-height:42px}
.hero .community-login{padding-inline:16px!important}
.card-dots,.card-play,.layout-toggle{border-radius:50%!important}
.search-row .search,.hero .source-row{border-radius:18px!important}
.p5-releases-arrow:focus-visible,.rg-open-btn:focus-visible,.layout-toggle:focus-visible,.card-pill:focus-visible,.card-dots:focus-visible{outline:3px solid var(--mint);outline-offset:3px}

html.light .p5-releases-shell{background:#050505;box-shadow:0 22px 52px -36px rgba(149,42,10,.48)}
html.light .p5-release-type{background:rgba(255,255,255,.9);color:#7e260b}

@media(max-width:699px){
  .p5-releases{margin-top:15px;padding:0 12px}
  .p5-releases-shell{border-radius:22px}
  .p5-releases-head{justify-content:space-between;min-height:70px;padding:16px}
  .p5-releases-logo{height:34px;margin:0}
  .p5-releases-actions{position:static;display:flex;gap:8px;pointer-events:auto}
  .p5-releases-arrow{width:38px;height:38px}
  .p5-releases-arrow:first-child,.p5-releases-arrow:last-child{position:static;transform:none}
  .p5-releases-arrow:first-child:hover,.p5-releases-arrow:last-child:hover{transform:translateY(-1px)}
  .p5-releases-rail,.p5-releases-loading{grid-auto-columns:158px;gap:16px;padding:18px 16px 22px;scroll-padding-inline:16px}
  .p5-release-art,.p5-release-art img{border-radius:7px}
  .p5-release-copy strong{font-size:14px}
  .p5-release-copy span{font-size:12px}
  .p5-releases-marquee-group{padding:10px 0}
  .p5-releases-marquee-word{gap:26px;padding-right:26px;font-size:12px}
  .list-view .card{padding:10px!important;border-radius:14px!important}
  .card-network-row.rg-nrk-channel-head{margin:8px;border-radius:15px!important}
}
@media(prefers-reduced-motion:reduce){.p5-releases-rail{scroll-behavior:auto}.p5-release,.p5-release-art img,.p5-releases-arrow,.card-network-choice{transition:none}.p5-release-skeleton{animation:none}.p5-releases-marquee-track{animation:none;transform:none}}