@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--black:#16191d;--dark:#24272c;--silver:#c3c7cd;--cream:#f5f5f3;--muted:#6e737b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--black);font-family:'DM Sans',Arial,sans-serif;background:#fff;padding-bottom:88px}a{text-decoration:none;color:inherit}button{cursor:pointer} .container{width:min(1180px,calc(100% - 48px));margin:auto}.top{background:#17191d;color:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #383b40}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{width:180px;height:68px;display:flex;align-items:center}.brand img{max-width:100%;max-height:100%;object-fit:contain;filter:brightness(0) invert(1)}nav{display:flex;gap:28px;font-size:13px;font-weight:700}nav a:hover{color:#d0d4db}.listen{border:1px solid #aaaeb5;padding:12px 18px;font-size:11px;letter-spacing:1px;font-weight:800;white-space:nowrap}.menu-toggle{display:none}.hero{background:linear-gradient(115deg,#17191d,#2a2d32);color:#fff;overflow:hidden}.hero-grid{min-height:570px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px}.eyebrow,.kicker{font-size:11px;letter-spacing:2px;font-weight:800}.eyebrow{color:#d6d8dc}.live-dot{display:inline-block;width:7px;height:7px;background:#d0d5dd;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #ffffff1a}.hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(42px,5vw,69px);line-height:1.09;letter-spacing:-3px;margin:24px 0}.hero h1 em{font-style:normal;color:#bfc3c9}.hero p{color:#c1c4ca;max-width:530px;line-height:1.85;font-size:16px}.hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.btn{display:inline-block;padding:15px 22px;font-size:12px;font-weight:800;letter-spacing:.3px}.primary{background:#f3f3f1;color:#16191d}.secondary{border:1px solid #94979d;color:inherit}.hero-footer{display:flex;gap:22px;flex-wrap:wrap;font-size:10px;font-weight:800;letter-spacing:1.7px;color:#9da2aa;margin-top:55px}.art{position:relative;min-height:440px;display:grid;place-items:center}.vinyl{width:min(420px,80vw);height:min(420px,80vw);border-radius:50%;background:repeating-radial-gradient(circle at center,#141619 0 3px,#24272b 4px 5px,#141619 6px 9px);box-shadow:35px 45px 70px #0009,0 0 0 2px #444;display:grid;place-items:center;transform:rotate(-15deg)}.vinyl-inner{width:145px;height:145px;border-radius:50%;background:linear-gradient(140deg,#e9eaeb,#848a93);display:grid;place-items:center;text-align:center;color:#16191d;font-family:Manrope;font-size:22px;line-height:1;font-weight:800;letter-spacing:-1px;border:8px solid #282b2e}.vinyl-inner b{font-size:39px}.art-tag{position:absolute;right:0;bottom:35px;background:#fff;color:#16191d;padding:16px 20px;font-size:10px;font-weight:800;letter-spacing:1px;box-shadow:0 10px 40px #0004}.art-tag span{margin-left:20px}.ticker{background:#e7e8e9;padding:15px 0;color:#46494e;text-align:center;font-size:11px;letter-spacing:1.5px;font-weight:800}.ticker span{margin:0 22px;color:#999}.section{padding-top:95px;padding-bottom:95px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px;gap:18px}.kicker{color:#777c83}.section h2,.music h2,.contact h2{font:800 clamp(32px,4vw,48px)/1.14 Manrope,Arial;letter-spacing:-1.7px;margin:12px 0 0}.small,.note{color:#868a90;font-size:12px}.cards{display:grid;gap:20px}.three{grid-template-columns:repeat(3,1fr)}.card{border:1px solid #e3e4e5;background:#fafafa;padding:30px;min-height:295px;display:flex;flex-direction:column}.card-number{font-size:11px;color:#888;font-weight:800;letter-spacing:1.2px}.card-icon{font-size:42px;margin:26px 0 8px;color:#454950}.card h3{font:800 21px Manrope;margin:0 0 10px}.card p{font-size:14px;line-height:1.7;color:#777c82;margin:0}.card-bottom{margin-top:auto;padding-top:18px;font-size:11px;font-weight:800}.note{margin-top:20px}.music{background:#f1f2f2;padding:80px 0}.genres{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.genres>div{border-top:2px solid #333;padding-top:20px}.genres span{font-size:12px;color:#878b90}.genres h3{font:800 29px Manrope;margin:20px 0 8px}.genres p{font-size:14px;color:#777}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about p{line-height:1.9;color:#646970;margin:0 0 16px}.contact{background:#23262b;color:#fff;padding:70px 0}.contact-grid{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact p{color:#b5b8bf;max-width:580px;line-height:1.7}.disabled{opacity:.6;cursor:default}footer{background:#17191d;color:#fff;border-top:1px solid #404247;padding:25px 0}.foot{display:flex;align-items:center;justify-content:space-between;gap:20px}.foot strong{font:800 19px Manrope}.foot small{display:block;color:#a4a7ac;margin-top:4px}.foot>span{color:#96999f;font-size:11px}.player{position:fixed;bottom:0;left:0;right:0;background:#111317;color:#fff;z-index:20;border-top:1px solid #45474b;box-shadow:0 -5px 30px #0003}.player-inner{height:88px;display:flex;align-items:center;gap:16px}.player-logo{height:50px;width:50px;background:linear-gradient(135deg,#e5e6e8,#747982);color:#16191d;font:800 20px Manrope;display:grid;place-items:center}.player-info{display:flex;flex-direction:column;gap:3px;flex:1}.on-air{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#b8bdc5}.player-info strong{font-size:14px}.player-info small{color:#878d97;font-size:11px}.player-controls{display:flex;align-items:center;gap:30px}.player-controls button{border:0;background:#f1f1f1;border-radius:50%;height:49px;width:49px;font-size:17px;color:#17191d}.volume{display:flex;align-items:center;gap:8px;color:#b3b6bd}.volume input{width:90px;accent-color:#bbb}.menu-toggle{color:#fff;background:none;border:0;font-size:25px}@media(max-width:950px){nav{gap:12px}.nav{gap:14px}.listen{padding:10px}.hero-grid{grid-template-columns:1fr 0.7fr}.art{min-height:350px}.vinyl{width:300px;height:300px}.hero-footer{margin-top:30px}}@media(max-width:720px){.container{width:min(100% - 32px,1180px)}.nav{height:74px}.brand{width:140px}.menu-toggle{display:block;margin-left:auto}.listen{font-size:10px;padding:10px}.nav nav{display:none;position:absolute;top:74px;left:0;right:0;background:#1b1d21;padding:20px;flex-direction:column}.nav nav.open{display:flex}.hero-grid{grid-template-columns:1fr;padding-top:55px;padding-bottom:40px}.hero h1{letter-spacing:-2px}.hero p{font-size:15px}.art{min-height:270px}.vinyl{width:240px;height:240px}.vinyl-inner{width:110px;height:110px;font-size:16px}.vinyl-inner b{font-size:29px}.art-tag{bottom:0}.ticker{font-size:9px;line-height:2}.ticker span{margin:0 5px}.section{padding-top:65px;padding-bottom:65px}.section-heading{align-items:start;flex-direction:column}.three,.genres,.about{grid-template-columns:1fr}.card{min-height:230px}.genres{gap:18px}.about{gap:24px}.contact-grid,.foot{align-items:start;flex-direction:column}.player-inner{height:76px}.player-logo{width:38px;height:38px;font-size:16px}.player-controls{gap:10px}.volume{display:none}.player-info strong{font-size:12px}.player-info small{font-size:10px}body{padding-bottom:76px}}/* Atualização v2 */
.breaking {background:#15171b;color:#fff;border-bottom:1px solid #363a40;overflow:hidden}
.breaking .container{display:flex;align-items:center;gap:0;min-height:43px}
.breaking-label{z-index:1;flex:none;background:#b92d35;color:white;padding:11px 15px;font-size:12px;font-weight:800;letter-spacing:.09em;white-space:nowrap}
.breaking-window{overflow:hidden;flex:1;min-width:0}
.breaking-track{display:flex;gap:52px;width:max-content;animation:news-scroll 150s linear infinite;white-space:nowrap;padding-left:24px;font-size:13px}
.breaking-track span:before{content:'◆';font-size:8px;color:#c8c8c8;margin-right:15px}
.breaking:hover .breaking-track{animation-play-state:paused}
@keyframes news-scroll{to{transform:translateX(-50%)}}
.social-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.social-links a{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border:1px solid #adb0b4;border-radius:8px;color:inherit;text-decoration:none;font-weight:700;font-size:13px}
.social-links a:hover{background:#222;color:white}
.social-links a[aria-disabled=true]{opacity:.65;cursor:default}
.social-symbol{display:inline-grid;place-items:center;border-radius:5px;background:#25282c;color:white;width:25px;height:25px;font-weight:800}
.presenter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.presenter-card{background:#f2f2f2;border:1px solid #e1e1e1;border-radius:13px;padding:26px}
.presenter-photo{height:130px;display:grid;place-items:center;font-size:52px;color:#a2a5a8;background:linear-gradient(140deg,#dedfe1,#f9f9f9);border-radius:9px;margin-bottom:17px}
.presenter-card h3{margin:0 0 8px}.presenter-card p{margin:0;color:#64676b}
@media(max-width:700px){.presenter-grid{grid-template-columns:1fr}.breaking-label{padding:12px 9px;font-size:10px}.breaking-track{font-size:12px}}

/* Studio Hits v3 */
.nav{height:110px;gap:16px}.brand{width:255px;height:91px;flex:none;background:#f7f7f7;border-radius:6px;padding:8px 12px;box-shadow:0 2px 16px #0005}.brand img{filter:none;max-width:100%;max-height:100%}.nav nav{gap:15px}.nav-right{display:flex;align-items:center;gap:15px;flex:none}.nav-social{display:flex;gap:9px;align-items:center}.nav-social a{display:grid;place-items:center;color:#eee;width:25px;height:29px}.nav-social svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.nav-social a:hover{color:#d5d8df}.social-pending{opacity:.65;cursor:help}.headphones-wrap{width:min(440px,100%);aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(circle,#5e626b55 0%,transparent 67%)}.headphones{width:100%;height:auto;filter:drop-shadow(0 20px 24px #0005)}.breaking-label{background:#b92d35}.player-logo{width:60px;height:60px;background:#f1f1f1;overflow:hidden;border-radius:5px;flex:none}.player-logo img{width:100%;height:100%;object-fit:contain}.player-logo img.has-cover{object-fit:cover}.track-artist{color:#c2c6cd;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-info{min-width:0}.player-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-inner{height:100px}body{padding-bottom:100px}
@media(max-width:1100px){.nav{gap:10px}.brand{width:200px}.nav nav{gap:10px;font-size:11px}.nav-right{gap:8px}.nav-social{gap:4px}}
@media(max-width:850px){.nav{height:90px}.brand{width:170px;height:73px}.menu-toggle{display:block;margin-left:auto}.nav nav{display:none;position:absolute;top:90px;left:0;right:0;background:#1b1d21;padding:20px;flex-direction:column;gap:20px}.nav nav.open{display:flex}.nav-right{gap:10px}}
@media(max-width:600px){.nav{height:80px;flex-wrap:wrap;gap:6px}.brand{width:130px;height:62px;padding:4px}.nav nav{top:80px}.nav-right{gap:6px}.nav-social{gap:1px}.nav-social a{width:22px}.nav-social svg{width:17px}.listen{font-size:9px;padding:9px 6px}.player-inner{height:88px}.player-logo{width:48px;height:48px}.on-air{font-size:9px}.track-artist{font-size:10px}body{padding-bottom:88px}.headphones-wrap{max-width:300px}}
@media(prefers-reduced-motion:reduce){.breaking-track{animation:none}}

/* Versão 3 preservada: ajustes pontuais */
.nav{gap:14px}.brand{width:180px;height:72px;flex:none;background:none;padding:0;box-shadow:none;border-radius:0}.brand img{width:100%;height:100%;object-fit:contain;filter:none}.nav nav{gap:15px}.nav-right{gap:16px;display:flex;align-items:center}.nav-social{gap:10px}.nav-social a{width:23px;height:28px}.hero-carousel{position:relative;width:100%;min-height:385px;border:1px solid #686c73;background:linear-gradient(140deg,#424851,#181b20 75%);box-shadow:0 30px 60px #0006;overflow:hidden;display:flex;align-items:center}.hero-slide{display:none;padding:44px 38px 70px}.hero-slide.active{display:block}.hero-slide:nth-child(2){background:radial-gradient(circle at 80% 20%,#6b7078,#24272c 60%)}.hero-slide:nth-child(3){background:linear-gradient(135deg,#313943,#141619)}.slide-kicker{font-size:11px;letter-spacing:2.4px;color:#d2d6dd;font-weight:800}.slide-title{font:800 clamp(28px,3.3vw,45px)/1.15 Manrope,Arial,sans-serif;margin:25px 0;letter-spacing:-1.5px}.slide-sub{color:#c8cbd1;font-size:13px}.carousel-controls{position:absolute;bottom:17px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between}.carousel-controls button{color:white;background:#ffffff1c;border:1px solid #ffffff55;width:34px;height:34px;font-size:25px}.carousel-controls span{font-size:11px;letter-spacing:2px}.platform-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.platform-links span{padding:13px 18px;border:1px solid #7a7d83;border-radius:7px;font-weight:800;font-size:13px}.contact-note{font-size:17px;color:#c9cbd0;font-style:italic}.social-pending{cursor:default}
@media(max-width:1100px){.brand{width:155px}.nav{gap:9px}.nav nav{gap:10px}.nav-right{gap:9px}.nav-social{gap:4px}}
@media(max-width:850px){.brand{width:155px;height:65px}.nav nav{display:none}.nav-social{gap:6px}}
@media(max-width:600px){.brand{width:112px;height:56px}.nav-social a{width:19px}.nav-social svg{width:16px}.hero-carousel{min-height:310px}.hero-slide{padding:28px 23px 70px}.slide-title{font-size:30px}.contact-note{display:none}}

/* Ajustes finais aprovados — layout 3 preservado */
.nav{align-items:center}.brand{width:150px;height:82px;display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-block:auto}.brand img{display:block;width:100%;height:100%;object-fit:contain}.nav-right{display:flex;align-items:center;gap:0}.nav-social{display:flex;align-items:center;justify-content:center;gap:12px;margin-inline:28px}.nav-social a{display:flex;align-items:center;justify-content:center;width:24px;height:30px}.nav-social svg{display:block}.listen{align-self:center}.hero-carousel{border-radius:18px;min-height:450px;background:linear-gradient(125deg,#20252b,#5d626b);box-shadow:0 24px 60px #0006}.hero-slide{width:100%;min-height:450px;padding:65px 55px 90px;background:linear-gradient(125deg,#20252b,#5d626b)}.hero-slide:nth-child(2){background:linear-gradient(125deg,#222a33,#626772)}.hero-slide:nth-child(3){background:linear-gradient(125deg,#21262d,#555c66)}.slide-kicker{font-size:13px;letter-spacing:3px}.slide-title{font-size:clamp(32px,3.5vw,52px);max-width:520px}.slide-sub{font-size:17px}.carousel-controls{left:50%;right:auto;transform:translateX(-50%);bottom:25px;gap:16px;justify-content:center}.carousel-controls button:not(.dot){width:43px;height:43px;border-radius:50%;font-size:26px}.carousel-dots{display:flex;align-items:center;gap:9px}.carousel-dots .dot{width:12px;height:12px;min-width:12px;padding:0;border-radius:99px;background:#c0c2c6;border:0;opacity:.75}.carousel-dots .dot.active{width:36px;background:white;opacity:1}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.contact-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.8fr);align-items:center;gap:55px}.contact-details{font-style:normal;color:#e4e6e9;justify-self:end;width:min(100%,350px)}.contact-details h3{font-size:19px;letter-spacing:1.5px;margin:0 0 20px;color:#fff}.contact-details div{display:flex;flex-direction:column;gap:4px;margin:0 0 14px;font-size:13px;line-height:1.5}.contact-details b{color:white}.contact-details span,.contact-details a{color:#c1c5cc}.contact-details a:hover{text-decoration:underline}.player-logo img:not(.has-cover){padding:4px;object-fit:contain}
@media(max-width:1100px){.brand{width:138px}.nav-social{margin-inline:14px;gap:8px}.nav{gap:9px}}
@media(max-width:850px){.nav{height:auto;min-height:90px}.brand{width:130px;height:72px}.nav-social{margin-inline:10px;gap:5px}.contact-grid{grid-template-columns:1fr 1fr;gap:25px}}
@media(max-width:650px){.nav{min-height:85px}.brand{width:108px;height:65px}.nav-right{margin-left:auto}.nav-social{margin-inline:6px;gap:1px}.nav-social a{width:20px}.listen{padding:9px 7px;font-size:9px}.hero-carousel,.hero-slide{min-height:330px}.hero-slide{padding:38px 25px 85px}.slide-title{font-size:30px}.slide-sub{font-size:14px}.contact-grid{grid-template-columns:1fr}.contact-details{justify-self:start}.contact{padding:55px 0}}
@media(max-width:410px){.brand{width:88px}.nav-social a{width:17px}.nav-social svg{width:15px}.listen{font-size:8px}}

/* Ajustes finais solicitados: cabeçalho e player, preservando o layout 3 */
@media (min-width: 1101px) {
  .nav { justify-content: flex-start; gap: 0; }
  .brand { width: 172px; height: 84px; margin: 0 24px; padding: 0; display: flex; align-items: center; justify-content: center; flex: 0 0 172px; }
  .brand img { display:block; width:100%; height:100%; object-fit:contain; }
  .nav nav { gap: 15px; flex: 0 0 auto; }
  .nav-right { gap: 0; margin-left: 0; display:flex; align-items:center; }
  .nav-social { margin: 0 24px; gap: 11px; display:flex; align-items:center; justify-content:center; }
  .nav-social a { height: 32px; width: 24px; display:flex; align-items:center; justify-content:center; }
  .listen { display:flex; align-items:center; justify-content:center; }
}
@media (min-width: 851px) and (max-width: 1100px) {
  .nav { gap: 0; justify-content: flex-start; }
  .brand { width: 140px; height: 75px; margin: 0 14px; flex:0 0 140px; display:flex; justify-content:center; align-items:center; }
  .nav nav { gap: 9px; font-size: 11px; }
  .nav-right { gap: 0; margin-left:0; }
  .nav-social { margin: 0 14px; gap: 6px; }
}
@media (max-width:850px) {
  .brand { display:flex; align-items:center; justify-content:center; margin-block:auto; }
  .nav-right,.nav-social { align-items:center; }
  .nav-social a { display:flex; align-items:center; justify-content:center; }
}
.player-logo { display:flex; align-items:center; justify-content:center; padding:0; }
.player-logo img:not(.has-cover) { display:block; width:100%; height:100%; object-fit:contain; object-position:center center; padding:4px; margin:auto; }

/* Revisão fiel ao cabeçalho de referência — mantém o layout 3 */
@media (min-width: 1101px) {
 .top .container.nav {width:min(1700px,calc(100% - 110px));max-width:none;height:164px;display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(360px,1fr);align-items:center;gap:24px;}
 .top .brand {width:270px;height:128px;max-width:100%;margin:0;justify-self:center;flex:none;}
 .top .brand img {width:100%;height:100%;object-fit:contain;}
 .top nav {display:flex;align-items:center;justify-content:center;gap:23px;font-size:16px;white-space:nowrap;}
 .top .nav-right {width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:0;margin:0;}
 .top .nav-social {display:flex;align-items:center;justify-content:center;gap:21px;margin:0;min-height:50px;}
 .top .nav-social a {width:30px;height:40px;display:grid;place-items:center;}
 .top .nav-social svg {width:23px;height:23px;}
 .top .listen {justify-self:end;display:flex;align-items:center;justify-content:center;min-height:60px;padding:0 24px;font-size:13px;}
}
@media (min-width:1101px) and (max-width:1500px) {
 .top .container.nav {width:calc(100% - 50px);grid-template-columns:minmax(165px,.7fr) auto minmax(270px,.95fr);gap:15px;height:128px;}
 .top .brand {width:190px;height:100px;}
 .top nav {gap:13px;font-size:13px;}
 .top .nav-social {gap:12px;}
 .top .listen {min-height:49px;padding:0 14px;font-size:11px;}
}
@media (max-width:1100px) {
 .top .brand {background:transparent;box-shadow:none;padding:0;}
 .top .nav {align-items:center;}
 .top .nav-social {align-items:center;}
}
.player-logo {display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f1f1f1;}
.player-logo img:not(.has-cover) {display:block;width:100%;height:100%;object-fit:contain;object-position:center;padding:3px;margin:auto;}

/* Ajustes pontuais: cidade no cabeçalho e banner widescreen */
.listener-city{display:flex;align-items:center;justify-content:center;text-align:center;min-width:145px;max-width:210px;letter-spacing:0;font-size:11px;line-height:1.25;white-space:normal;flex-shrink:0}
.nav-right{flex-shrink:0}
.hero-banner{padding-top:22px;padding-bottom:22px;max-width:1000px}
.hero-banner .hero-carousel{aspect-ratio:16/9;width:100%;height:auto;min-height:0!important;display:block}
.hero-banner .hero-slide{position:absolute;inset:0;width:100%;height:100%;min-height:0!important;padding:clamp(25px,5vw,65px) clamp(25px,5vw,65px) 85px;background-size:contain;background-repeat:no-repeat;background-position:center}
.hero-banner .hero-slide.active{display:flex;flex-direction:column;justify-content:center}
.hero-banner .carousel-controls{z-index:2}
@media(max-width:950px){.listener-city{min-width:100px;max-width:140px;padding:9px 7px;font-size:10px}.nav-social{margin-inline:8px}}
@media(max-width:650px){.listener-city{min-width:85px;max-width:110px;font-size:9px;padding:8px 4px}.hero-banner{padding-top:12px;padding-bottom:12px}.hero-banner .hero-slide{padding:16px 18px 50px}.hero-banner .slide-title{font-size:clamp(17px,5vw,28px);margin:10px 0}.hero-banner .slide-kicker{font-size:9px}.hero-banner .slide-sub{font-size:11px}.hero-banner .carousel-controls{bottom:8px}.hero-banner .carousel-controls button:not(.dot){width:27px;height:27px;font-size:17px}}

/* Ajuste aprovado: notícias visíveis somente na área do carrossel; banner inteiro acima do player */
.home-feature{position:relative;isolation:isolate}
.home-feature .breaking{position:sticky;top:var(--studio-header-height,128px);z-index:9}
.home-feature .hero-banner{width:min(1000px,calc(100% - 32px));max-width:none;padding:12px 0 16px;margin:auto}
.home-feature .hero-carousel{width:min(100%,calc((100dvh - var(--studio-header-height,128px) - var(--studio-news-height,56px) - var(--studio-player-height,100px) - 32px)*16/9));max-width:100%;margin-inline:auto;aspect-ratio:16/9;min-height:0}
@media(max-width:650px){.home-feature .hero-banner{padding:10px 0 14px}.home-feature .hero-carousel{width:100%}}

/* ÚNICA ALTERAÇÃO: acabamento degradê discreto nas laterais do carrossel.
   A proporção 16:9, dimensões, controles, notícias e player não são alterados. */
.home-feature .hero{
  background:linear-gradient(90deg, #171a20 0%, #252a33 17%, #303641 32%, #303641 68%, #252a33 83%, #171a20 100%);
}

/* Ajuste exclusivo: carrossel panorâmico, aproveitando as laterais sem aumentar a altura. */
@media (min-width:651px){
 .home-feature .hero-banner{width:min(1180px,calc(100% - 32px));max-width:none;}
 .home-feature .hero-carousel{aspect-ratio:2.1/1;width:min(100%,calc((100dvh - var(--studio-header-height,128px) - var(--studio-news-height,56px) - var(--studio-player-height,100px) - 32px)*2.1));max-width:100%;height:auto;}
}

/* Ajuste pontual: ampliar apenas a largura do carrossel em telas maiores,
   preservando a altura máxima disponível entre notícias e player. */
@media (min-width:651px){
  .home-feature .hero-banner{width:calc(100% - 32px);max-width:none;}
  .home-feature .hero-carousel{
    aspect-ratio:2.6 / 1;
    width:min(100%,max(0px,calc((100dvh - var(--studio-header-height,128px) - var(--studio-news-height,56px) - var(--studio-player-height,100px) - 32px)*2.6)));
    height:auto;
  }
}

/* Setas do carrossel: aparecem somente com mouse, teclado ou toque. */
.home-feature .carousel-controls #slide-prev,
.home-feature .carousel-controls #slide-next{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.home-feature .hero-carousel:hover .carousel-controls #slide-prev,
.home-feature .hero-carousel:hover .carousel-controls #slide-next,
.home-feature .hero-carousel:focus-within .carousel-controls #slide-prev,
.home-feature .hero-carousel:focus-within .carousel-controls #slide-next{opacity:1;visibility:visible;pointer-events:auto}
@media(hover:none){.home-feature .carousel-controls #slide-prev,.home-feature .carousel-controls #slide-next{opacity:1;visibility:visible;pointer-events:auto}}

/* Acabamento final: ocultar indicadores junto às setas até interação. */
.home-feature .carousel-controls .carousel-dots{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s ease, visibility .2s ease;
}
.home-feature .hero-carousel:hover .carousel-controls .carousel-dots,
.home-feature .hero-carousel:focus-within .carousel-controls .carousel-dots{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
@media (hover:none){
  .home-feature .carousel-controls .carousel-dots{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
}

/* Notícias RSS: preserva dimensões, animação e posição do letreiro aprovado. */
.breaking-track .studio-news-link{color:inherit;text-decoration:none;white-space:nowrap;display:inline-block}
.breaking-track .studio-news-link:hover{text-decoration:underline}
.breaking-track.news-loaded:hover{animation-play-state:paused}

/* Logotipo institucional no rodapé — única alteração visual */
.footer-grupo{display:flex;align-items:center;min-height:54px}.footer-grupo img{display:block;width:auto;max-width:180px;max-height:64px;object-fit:contain}@media(max-width:720px){.footer-grupo img{max-width:160px;max-height:58px}}

/* Studio Hits V3 — carrossel de ponta a ponta, sem alterar o restante do layout.
   A altura respeita o espaço entre Últimas Notícias e o player fixo. */
.home-feature .hero-banner,
.home-feature .hero-banner.container {
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}
.home-feature .hero-carousel {
  width:100%;
  max-width:none;
  margin:0;
  border-left:0;
  border-right:0;
  border-radius:0;
  aspect-ratio:auto;
  height:max(180px,calc(100dvh - var(--studio-header-height,128px) - var(--studio-news-height,56px) - var(--studio-player-height,100px)));
  min-height:0;
}
.home-feature .hero-slide {background-position:center;background-size:contain;}
@media(max-width:650px){
  .home-feature .hero-carousel {height:clamp(200px,42dvh,400px);}
}

/* Banners oficiais: uma única imagem, sem duplicação, recorte ou distorção.
   A altura acompanha a proporção real dos arquivos recebidos. */
.home-feature .hero-carousel {
  aspect-ratio:1600 / 604 !important;
  height:auto !important;
  min-height:0 !important;
  display:block;
  position:relative;
  background:#07162a;
}
.home-feature .hero-slide,
.home-feature .hero-slide:nth-child(2),
.home-feature .hero-slide:nth-child(3) {
  position:absolute;inset:0; width:100%;height:100%;
  padding:0 !important;min-height:0 !important;
  background:none !important;overflow:hidden;
}
.home-feature .hero-slide.active {display:block !important;}
.home-feature .hero-slide img {
  display:block;width:100%;height:100%;object-fit:contain;object-position:center;
}
.home-feature .carousel-controls {z-index:3;}

/* Ajuste F11: carrossel inteiro na janela normal, sem recortar ou deformar.
   Em janelas baixas, reduz a largura e centraliza o banner. */
.home-feature .hero-banner,
.home-feature .hero-banner.container {
  background:#07162a;
  width:100%;
}
.home-feature .hero-carousel {
  --banner-ratio: 2.64900662;
  width:min(100%, calc(max(160px, 100dvh - var(--studio-header-height,128px) - var(--studio-news-height,56px) - var(--studio-player-height,100px) - 8px) * var(--banner-ratio))) !important;
  height:auto !important;
  aspect-ratio:1600 / 604 !important;
  margin-inline:auto !important;
}
.home-feature .hero-slide img {object-fit:contain !important;}
@media (max-width:650px) {
 .home-feature .hero-carousel {width:100% !important; height:auto !important; aspect-ratio:1600 / 604 !important;}
}

/* Acabamento lateral discreto: apenas um degradê sobre a própria imagem.
   Não duplica, não amplia e não altera o enquadramento dos banners. */
.home-feature .hero-slide::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,
    #07162a 0%,
    rgba(7,22,42,.70) 2.5%,
    rgba(7,22,42,0) 8%,
    rgba(7,22,42,0) 92%,
    rgba(7,22,42,.70) 97.5%,
    #07162a 100%);
}

/* Studio Hits V3: fundo dinâmico preto e branco sincronizado ao banner. */
.home-feature .hero-banner {position:relative;isolation:isolate;overflow:hidden;}
.home-feature .hero-backdrops {position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#07162a;}
.home-feature .hero-backdrop {position:absolute;inset:-28px;background-size:cover;background-position:center;filter:grayscale(1) blur(22px) brightness(.48);opacity:0;transition:opacity .8s ease;}
.home-feature .hero-backdrop.active {opacity:1;}
.home-feature .hero-backdrops::after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,22,42,.32),transparent 32%,transparent 68%,rgba(7,22,42,.32));}
.home-feature .hero-carousel {z-index:1;}
/* Remover qualquer moldura adicional do link do Instagram no cabeçalho. */
.top .nav-social a.instagram-link,.top .nav-social a.instagram-link:hover {border:0!important;outline-offset:3px;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;}
@media(prefers-reduced-motion:reduce){.home-feature .hero-backdrop{transition:none;}}

/* Player aprovado: somente titulo e artista visiveis; mensagens de estado acessiveis */
.player-info #track-title{font-size:18px;line-height:1.3;font-weight:700}
.player-info .track-artist{font-size:16px;line-height:1.3}
.visually-hidden{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}
@media(max-width:600px){.player-info #track-title{font-size:15px}.player-info .track-artist{font-size:13px}}

/* Seção Locutores: fotos aprovadas, sem mudanças no restante do site */
#locutores .presenter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#locutores .presenter-card{padding:12px 12px 22px;text-align:center;min-width:0}
#locutores .presenter-photo{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:9px;margin:0 0 16px;background:#102a4c}
#locutores .presenter-card h3{font-size:clamp(17px,1.45vw,21px);line-height:1.3;margin:0 0 7px}
#locutores .presenter-card p{font-size:14px;line-height:1.45}
@media(max-width:850px){#locutores .presenter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){#locutores .presenter-grid{gap:10px}#locutores .presenter-card{padding:8px 8px 15px}#locutores .presenter-card h3{font-size:15px}#locutores .presenter-card p{font-size:12px}}

/* Seção Promoções aprovada: conteúdo institucional, sem campanhas ativas */
.promotions .promotions-card{max-width:860px;margin:0 auto;padding:clamp(30px,5vw,58px);border-radius:20px;text-align:center;color:#f7f9fc;background:radial-gradient(ellipse at 50% 10%,#234b78 0%,#102a4c 48%,#0b1930 100%);box-shadow:0 18px 45px #0b193024}
.promotions .promotions-icon{display:inline-block;font-size:34px;line-height:1;margin-bottom:12px}
.promotions .promotions-card h3{font:800 clamp(24px,3vw,34px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-.8px;margin:8px 0 22px}
.promotions .promotions-card p{font-size:clamp(14px,1.4vw,16px);line-height:1.75;color:#e3e9f2;margin:0 auto 14px;max-width:680px}
.promotions .promotions-note{display:block;margin-top:26px;font-size:12px;letter-spacing:.7px;color:#d4e2f2;font-weight:700}
@media(max-width:650px){.promotions .promotions-card{border-radius:14px;padding:30px 22px}}


/* Refinamento de espaçamentos aprovado - seções Locutores, Promoções e Rádio */
#locutores{padding-bottom:48px}
#locutores .presenter-card{padding-bottom:12px}
#musica.promotions{padding-top:54px;padding-bottom:70px}
#musica.promotions .section-heading{margin-bottom:26px}
#radio.about{padding-top:74px;padding-bottom:74px;align-items:center;gap:clamp(30px,5vw,70px)}
#radio.about>div:first-child{align-self:center}
#radio.about>div:last-child{align-self:center}
#radio.about p:last-child{margin-bottom:0}
@media(max-width:720px){
 #locutores{padding-bottom:32px}
 #musica.promotions{padding-top:42px;padding-bottom:52px}
 #musica.promotions .section-heading{margin-bottom:22px}
 #radio.about{padding-top:54px;padding-bottom:54px;gap:24px}
}

/* Correção pontual: espaço excessivo entre Programação e Locutores.
   O padding inferior da primeira seção se somava ao superior da segunda. */
#programacao.section { padding-bottom: 30px; }
#locutores.section { padding-top: 30px; }
#programacao .note { margin-bottom: 0; }
@media (max-width: 720px) {
  #programacao.section { padding-bottom: 24px; }
  #locutores.section { padding-top: 24px; }
}

/* Ajuste final barra notícias - versão 3 */
.breaking .breaking-track{animation-name:news-scroll!important;animation-duration:240s!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important}
.breaking:hover .breaking-track{animation-play-state:paused!important}

/* Mobile: esconder controles do banner, inclusive em navegadores com hover simulado. */
@media (max-width: 650px) {
  .home-feature .hero-carousel .carousel-controls {display:none !important;}
  .home-feature .hero-carousel {touch-action:pan-y;}
}

/* Studio Hits: cabeçalho mobile - ícones maiores e cidade em uma linha. */
@media (max-width: 650px) {
  .top .container.nav { height:auto; min-height:90px; display:flex; flex-wrap:wrap; align-content:center; row-gap:4px; padding-top:6px; padding-bottom:8px; }
  .top .brand { margin-right:auto; }
  .top .nav-right { order:3; flex:0 0 100%; width:100%; margin:0; display:flex; justify-content:space-between; align-items:center; gap:8px; min-width:0; }
  .top .nav-social { margin:0; display:flex; flex:0 0 auto; gap:clamp(7px,2.5vw,14px); }
  .top .nav-social a { width:30px; height:34px; min-width:30px; }
  .top .nav-social svg { width:23px; height:23px; }
  .top .listener-city { white-space:nowrap; flex:0 0 auto; width:auto; min-width:0; max-width:none; padding:8px 9px; font-size:clamp(9px,2.6vw,11px); line-height:1.2; }
}
@media (max-width: 360px) {
  .top .nav-social { gap:5px; }
  .top .nav-social a { width:27px; min-width:27px; }
  .top .nav-social svg { width:21px; height:21px; }
  .top .listener-city { padding:7px 5px; font-size:9px; }
}

/* Studio Hits FM - refinamentos de leitura mobile (17/10/2026) */
@media (max-width: 650px) {
  /* Mantém dimensões do texto; melhora contraste das descrições. */
  .about p, #radio.about p { color: #3f454d; }
  .small, .note, .card p, .genres p, .presenter-card p { color: #515760; }
  /* Selo vermelho menor, sem modificar a faixa de manchetes. */
  .breaking .breaking-label { font-size: 9px; letter-spacing: .035em; padding: 10px 7px; }
  .breaking .breaking-track { font-size: 12px; }
}