:root{--blue:#082b91;--blue2:#061f69;--orange:#ff9f00;--orange2:#ff6a00;--red:#ef1010;--yellow:#ffd500;--text:#071936;--muted:#6b7280;--bg:#fff}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{max-width:1420px;margin:auto;padding:0 28px}.topbar{height:74px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e6e6e6;background:#fff;position:sticky;top:0;z-index:50}.brand img{height:64px;object-fit:contain}.menu-btn,.search-btn{position:absolute;border:0;background:transparent;font-weight:900;color:var(--blue2);cursor:pointer}.menu-btn{left:10%;font-size:30px}.menu-btn span{font-size:14px;margin-left:8px}.search-btn{right:10%;font-size:14px;text-transform:uppercase}.side-menu{position:fixed;left:-320px;top:0;width:300px;height:100vh;background:var(--blue2);color:#fff;z-index:100;padding:25px;transition:.25s;box-shadow:0 0 30px #0005}.side-menu.open{left:0}.side-menu a{display:block;padding:13px 0;border-bottom:1px solid #ffffff26;font-weight:800}.close-menu{background:var(--orange);color:#fff;border:0;border-radius:5px;padding:10px 15px;font-weight:900;margin-bottom:15px}.search-box{display:none;background:#f5f7fb;border-bottom:1px solid #ddd;padding:18px;text-align:center}.search-box.open{display:block}.search-box input{width:min(700px,90%);padding:14px;border:2px solid var(--blue);border-radius:7px}.nav-main{background:var(--blue);min-height:38px;display:flex;align-items:center;justify-content:center;gap:36px;color:#fff;text-transform:uppercase;font-size:13px;font-weight:900;flex-wrap:wrap}.ticker{height:32px;background:var(--orange2);color:#fff;display:flex;align-items:center;font-weight:900;overflow:hidden}.ticker strong{background:#fff;color:var(--orange2);margin-left:10%;padding:7px 18px}.ticker span{white-space:nowrap;animation:ticker 24s linear infinite}@keyframes ticker{from{transform:translateX(80vw)}to{transform:translateX(-100%)}}.hero{background:linear-gradient(135deg,var(--orange),var(--yellow));padding:32px 0;border-bottom:5px solid var(--blue)}.hero-inner{display:grid;grid-template-columns:210px 1fr auto;gap:28px;align-items:center}.hero-logo img{filter:drop-shadow(0 8px 12px #0004)}.hero-call{background:var(--blue);color:#fff;border-radius:12px;padding:24px 34px;border-left:10px solid var(--red);box-shadow:0 10px 20px #0002}.hero-call h1{font-size:38px;line-height:1.05;margin:0;text-transform:uppercase}.hero-call p{margin:10px 0 0;font-weight:700}.listen-btn{border:2px solid #fff;background:var(--red);color:#fff;border-radius:8px;padding:16px 22px;text-transform:uppercase;font-weight:900;cursor:pointer}.container{max-width:1420px;margin:0 auto;padding:48px 28px}.section-title{display:grid;grid-template-columns:1fr auto;align-items:center;background:linear-gradient(to right,var(--orange) 0 88%,var(--blue) 88%);color:#fff;min-height:34px;border-radius:5px 5px 0 0}.section-title h2{font-size:20px;margin:0 14px;text-transform:uppercase}.section-title a,.admin-link{background:var(--blue);padding:9px 34px;text-transform:uppercase;font-size:13px;font-weight:900}.featured-grid{display:grid;grid-template-columns:1.25fr 1fr 360px;gap:38px;margin-top:26px}.mini-card{display:grid;grid-template-columns:150px 1fr;gap:18px;margin-bottom:22px}.mini-card img,.card img,.big-card img{width:100%;object-fit:cover;border-radius:7px}.mini-card img{height:105px}.mini-card span,.big-card span{color:var(--orange2);text-transform:uppercase;font-size:13px;font-weight:900}.mini-card h3,.big-card h3,.card h3{font-size:22px;line-height:1.04;margin:9px 0 0;font-weight:900}.big-card img{height:250px}.ad-box{min-height:300px;border:2px dashed var(--blue);border-radius:8px;background:#f7f7f7;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--blue);font-weight:900;padding:15px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:55px 0}.card img{height:220px}.video-area{background:#252525;color:#fff;margin:40px calc(50% - 50vw);padding:48px 12%;display:grid;grid-template-columns:2fr 1fr;gap:36px}.video-box{height:330px;background:#080808;border:1px solid #444;display:flex;align-items:center;justify-content:center;font-weight:900}.video-area aside{border-left:1px solid #555;padding-left:30px}.simple-title{border-top:1px solid #ddd;margin-bottom:25px}.simple-title:before{content:'';display:block;width:90px;height:7px;background:var(--orange2)}.simple-title h2{font-size:28px;margin:12px 0}.footer{background:var(--blue);color:#fff;text-align:center;padding:55px 20px;margin-top:30px}.footer img{width:260px;margin:0 auto 18px;filter:drop-shadow(0 4px 12px #0007)}.admin-body{background:#f3f5fb}.admin-panel{max-width:1180px;margin:30px auto;padding:0 20px}.admin-card{background:#fff;border-radius:10px;padding:22px;margin-bottom:18px;box-shadow:0 4px 15px #0001}.admin-card h2{margin-top:0}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.admin-card input,.admin-card textarea,.admin-card select{width:100%;padding:12px;border:1px solid #ccd3e0;border-radius:7px;margin:6px 0 12px}.admin-card button,.admin-top a{background:var(--blue);color:#fff;border:0;border-radius:7px;padding:12px 18px;font-weight:900;cursor:pointer}.admin-top{background:var(--blue2);color:#fff;padding:18px}.admin-top a{background:var(--orange2);display:inline-block;margin-left:10px}.table{width:100%;border-collapse:collapse}.table td,.table th{border-bottom:1px solid #eee;padding:10px;text-align:left}.ok{padding:12px;background:#e6ffed;border:1px solid #8ad49b;border-radius:7px}.err{padding:12px;background:#ffecec;border:1px solid #e59a9a;border-radius:7px}@media(max-width:950px){.menu-btn,.search-btn{position:static}.topbar{justify-content:space-around}.nav-main{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding:0 12px}.hero-inner,.featured-grid,.video-area,.cards,.admin-grid{grid-template-columns:1fr}.hero-call h1{font-size:29px}.ticker strong{margin-left:0}.container{padding:28px 15px}.card img{height:180px}}

/* CORREÇÃO 02 - blocos no padrão pedido */
.portal-section{margin-bottom:60px}.section-title{background:linear-gradient(to right,var(--orange) 0 calc(100% - 150px),#741981 calc(100% - 150px));border-radius:4px 4px 0 0;overflow:hidden}.section-title h2 b{color:#741981;margin-left:8px}.section-title a{background:#741981;color:#fff;min-width:150px;text-align:center;display:block}.fofocas-grid{grid-template-columns:1.15fr .95fr 340px;gap:42px;align-items:start}.mini-list{display:flex;flex-direction:column;gap:22px}.mini-card{margin:0;color:var(--text)}.mini-card img{height:100px;object-fit:cover}.mini-card h3{font-size:20px}.big-card{color:var(--text);display:block;max-width:100%;overflow:hidden}.big-card img{height:230px;object-fit:cover;object-position:center;border-radius:6px;background:#f4f6fa}.big-card h3{font-size:23px}.ad-clean{min-height:280px;border:0;background:#e8fbff;border-radius:0;color:var(--blue);box-shadow:none}.ad-clean div{display:flex;flex-direction:column;gap:14px}.ad-clean strong{font-size:28px}.ad-clean small{font-size:16px;color:#5c6b7f}.video-light{background:#fff;color:var(--text);margin:45px 0;padding:0;display:grid;grid-template-columns:2fr 1fr;gap:36px;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.video-light .video-box{height:360px;background:#f4f6fa;border:1px solid #dce3ee;color:var(--blue);border-radius:8px;overflow:hidden}.video-light aside{border-left:1px solid #e5e7eb;padding-left:28px}.video-light aside a{display:block;padding:15px 0;border-bottom:1px solid #e5e7eb;font-weight:900;color:var(--text)}.page-list .section-title,.article-page .section-title{margin-bottom:25px}.list-grid{display:grid;gap:18px}.list-card{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center;border-bottom:1px solid #eee;padding-bottom:18px}.list-card img{width:220px;height:125px;object-fit:cover;border-radius:8px}.list-card span,.article-cat{color:var(--orange2);font-weight:900;text-transform:uppercase}.list-card h3{font-size:25px;margin:6px 0}.list-card p{color:var(--muted);font-weight:700}.article-page{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:45px}.article-main h1{font-size:44px;line-height:1.05;margin:10px 0}.article-resume{font-size:20px;color:#4b5563;font-weight:700}.article-img{width:100%;max-height:520px;object-fit:cover;border-radius:10px;margin:25px 0}.article-content{font-size:19px;line-height:1.65}.share-box{margin-top:28px;padding:15px;background:#f4f6fa;border-radius:8px}.share-box a,.related a{font-weight:900;color:var(--blue);margin-right:12px}.related{border-left:1px solid #e5e7eb;padding-left:25px}.related a{display:block;margin:15px 0;color:var(--text)}
@media(max-width:950px){.fofocas-grid,.video-light,.article-page,.list-card{grid-template-columns:1fr}.section-title{grid-template-columns:1fr auto}.mini-card{grid-template-columns:125px 1fr}.ad-clean{min-height:190px}.list-card img{width:100%;height:190px}.article-main h1{font-size:32px}}


/* ATUALIZAÇÃO 03 - cabeçalho rádio ao vivo no modelo da referência */
.hero-radio{background:linear-gradient(90deg,var(--orange) 0%,var(--yellow) 100%);padding:34px 0;border-top:5px solid var(--orange2);border-bottom:5px solid var(--blue)}
.hero-radio .hero-inner{grid-template-columns:230px minmax(0,1fr) 230px;align-items:center;gap:30px}
.hero-radio .hero-logo{display:flex;justify-content:center;align-items:center;min-height:100px}
.hero-radio .hero-logo img{width:220px;max-height:118px;object-fit:contain;filter:drop-shadow(0 8px 16px #0003)}
.hero-radio .hero-call{background:var(--blue);border-left:10px solid var(--red);border-radius:10px;padding:24px 34px;color:#fff;box-shadow:none}
.hero-radio .hero-call h1{font-size:36px;line-height:1.08;margin:0;font-weight:900;letter-spacing:.4px}
.hero-radio .hero-call p{font-size:17px;line-height:1.35;margin:10px 0 0;font-weight:800}
.hero-radio .listen-btn{width:170px;min-height:62px;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--red);border:2px solid #fff;border-radius:8px;color:#fff;text-transform:uppercase;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 8px 18px #0002}
.hero-radio .listen-btn:hover{transform:translateY(-1px)}
.radio-player{position:fixed;left:50%;bottom:18px;transform:translateX(-50%) translateY(130%);width:min(720px,calc(100% - 24px));background:var(--blue);color:#fff;border:3px solid var(--orange);border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:14px;z-index:200;box-shadow:0 12px 32px #0005;transition:.25s}
.radio-player.open{transform:translateX(-50%) translateY(0)}
.radio-player .radio-play{width:46px;height:46px;border-radius:50%;border:2px solid #fff;background:var(--red);color:#fff;font-weight:900;cursor:pointer}
.radio-player strong{display:block;font-size:18px;text-transform:uppercase}.radio-player span{display:block;font-size:13px;color:#ffeaa1;font-weight:800}.radio-player audio{display:none}.radio-close{margin-left:auto;background:transparent;border:0;color:#fff;font-size:28px;line-height:1;cursor:pointer}
@media(max-width:950px){.hero-radio .hero-inner{grid-template-columns:1fr;text-align:center}.hero-radio .hero-logo img{width:210px}.hero-radio .hero-call h1{font-size:28px}.hero-radio .listen-btn{margin:auto;width:210px}}


/* Botão Ouça Agora + redes sociais abaixo */
.hero-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.hero-actions .listen-btn{width:210px;min-height:64px}
.hero-socials{display:flex;align-items:center;justify-content:center;gap:14px}
.hero-socials a{width:36px;height:36px;border-radius:50%;background:#76208a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;line-height:1;box-shadow:0 4px 12px #0002}
.hero-socials a:hover{transform:translateY(-2px);filter:brightness(1.08)}
@media(max-width:950px){.hero-actions{margin:auto}.hero-socials a{width:34px;height:34px}}

/* ATUALIZAÇÃO 05 - menu lateral no modelo solicitado */
.menu-overlay{position:fixed;inset:0;background:rgba(3,7,18,.72);z-index:95;opacity:0;pointer-events:none;transition:.22s}
.menu-overlay.open{opacity:1;pointer-events:auto}
.side-menu{position:fixed;left:-330px;top:0;width:300px;max-width:86vw;height:100vh;background:#fff;color:var(--text);z-index:100;padding:0;transition:.25s;box-shadow:12px 0 30px #0003;display:flex;flex-direction:column}
.side-menu.open{left:0}.side-nav{padding:22px 22px 120px;overflow-y:auto;height:100%;scrollbar-width:thin}.side-menu a,.side-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 0;border:0;background:transparent;color:var(--text);font-size:15px;line-height:1.15;text-align:left;text-transform:uppercase;font-weight:900;font-family:Arial,Helvetica,sans-serif;cursor:pointer}.side-menu a{border-bottom:0}.side-toggle span{font-size:24px;color:var(--blue);line-height:1;font-weight:400}.side-group.open .side-toggle span{transform:rotate(180deg)}.side-group.open .side-toggle span::before{content:'−'}.side-group.open .side-toggle span{font-size:0}.side-group.open .side-toggle span::before{font-size:24px}.side-submenu{display:none;padding:2px 0 7px 0}.side-group.open .side-submenu{display:block}.side-submenu a{padding:7px 0 7px 8px;text-transform:none;font-size:15px;font-weight:900;color:#11254a}.side-socials{position:absolute;left:0;right:0;bottom:18px;display:grid;grid-template-columns:repeat(3,34px);justify-content:center;gap:14px 15px;background:#fff;padding-top:16px}.side-socials a{width:34px;height:34px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;background:#76208a;color:#fff;font-size:18px;text-transform:none}.menu-btn{display:flex;align-items:center;gap:10px;left:10%;font-size:14px;text-transform:uppercase}.menu-btn b{font-size:14px}.menu-icon{width:31px;height:24px;position:relative;display:inline-block}.menu-icon:before,.menu-icon:after{content:'';position:absolute;left:0;width:31px;height:3px;background:var(--orange2);transition:.22s}.menu-icon:before{top:2px}.menu-icon:after{bottom:2px}.menu-open .menu-icon:before{top:10px;transform:rotate(45deg)}.menu-open .menu-icon:after{bottom:11px;transform:rotate(-45deg)}
body.no-scroll{overflow:hidden}
@media(max-width:950px){.menu-btn{position:static}.side-menu{width:300px}.side-nav{padding-bottom:125px}}


/* CORREÇÃO FINAL - menu azul superior igual ao modelo e ticker sem sobreposição */
:root{--topbar-height:86px;--mainnav-height:32px;}
.topbar{height:var(--topbar-height);min-height:var(--topbar-height);position:sticky;top:0;z-index:80;background:#fff;}
.brand img{height:72px;max-width:230px;object-fit:contain;}
.menu-btn{left:10%;border:2px solid #111;border-radius:4px;background:#fff;padding:6px 10px;}
.menu-btn b{font-size:16px;color:var(--blue2);}
.search-btn{right:10%;font-size:16px;color:var(--blue2);}
.nav-main{height:var(--mainnav-height);min-height:var(--mainnav-height);background:var(--blue);display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:nowrap;overflow:hidden;white-space:nowrap;padding:0 10px;position:relative;z-index:70;}
.nav-main a{height:var(--mainnav-height);display:flex;align-items:center;justify-content:center;padding:0 20px;color:#fff;font-size:14px;line-height:1;text-transform:uppercase;font-weight:900;letter-spacing:.1px;}
.nav-main a:hover{background:rgba(255,255,255,.12);}
.ticker{height:32px;background:var(--orange2);color:#fff;display:grid;grid-template-columns:minmax(10px,10vw) 112px minmax(0,1fr);align-items:center;overflow:hidden;font-weight:900;position:relative;z-index:20;}
.ticker strong{grid-column:2;background:#fff;color:var(--orange2);height:32px;margin:0;padding:0 18px;display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1;z-index:2;}
.ticker span{grid-column:3;display:block;min-width:0;white-space:nowrap;overflow:hidden;padding-left:18px;animation:ticker-fixed 26s linear infinite;will-change:transform;}
@keyframes ticker-fixed{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
.menu-overlay{top:calc(var(--topbar-height) + var(--mainnav-height));z-index:95;}
.side-menu{top:calc(var(--topbar-height) + var(--mainnav-height));height:calc(100vh - var(--topbar-height) - var(--mainnav-height));z-index:100;}
.side-nav{padding-top:28px;}
@media(max-width:1100px){.nav-main a{padding:0 13px;font-size:13px}.menu-btn{left:24px}.search-btn{right:24px}}
@media(max-width:950px){:root{--topbar-height:76px;--mainnav-height:34px}.topbar{justify-content:space-between;padding:0 12px}.brand img{height:62px}.menu-btn,.search-btn{position:static}.nav-main{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding:0 4px}.nav-main a{flex:0 0 auto;padding:0 14px}.ticker{grid-template-columns:0 96px minmax(0,1fr)}.ticker strong{font-size:15px}.ticker span{padding-left:12px}.menu-overlay,.side-menu{top:calc(var(--topbar-height) + var(--mainnav-height));}.side-menu{height:calc(100vh - var(--topbar-height) - var(--mainnav-height));}}


/* CORREÇÃO - ticker AGORA não passa por trás do selo */
.ticker{
  display:grid !important;
  grid-template-columns:minmax(0,10vw) 112px minmax(0,1fr) !important;
  align-items:center !important;
  overflow:hidden !important;
  isolation:isolate;
}
.ticker strong{
  grid-column:2 !important;
  position:relative !important;
  z-index:3 !important;
  background:#fff !important;
  color:var(--orange2) !important;
}
.ticker span{
  grid-column:3 !important;
  position:relative !important;
  display:block !important;
  min-width:0 !important;
  height:32px !important;
  line-height:32px !important;
  overflow:hidden !important;
  padding-left:18px !important;
  animation:none !important;
  white-space:nowrap !important;
  z-index:1 !important;
}
.ticker span em{
  display:inline-block;
  font-style:normal;
  white-space:nowrap;
  padding-left:100%;
  animation:ticker-text-safe 28s linear infinite;
  will-change:transform;
}
@keyframes ticker-text-safe{
  from{transform:translateX(0)}
  to{transform:translateX(-100%)}
}
@media(max-width:950px){
  .ticker{grid-template-columns:0 96px minmax(0,1fr) !important;}
  .ticker span{padding-left:12px !important;}
}

/* Correção final bloco de vídeos - fundo branco e play menor */
.video-admin-block,
.video-area.video-light{
  background:#fff !important;
  color:var(--text) !important;
  margin:45px 0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,2fr) 420px !important;
  gap:34px !important;
  border-top:1px solid #e5e7eb !important;
  border-bottom:1px solid #e5e7eb !important;
}
.video-main-col{min-width:0;}
.video-main-player,
.video-light .video-box{
  width:100% !important;
  height:420px !important;
  background:#f4f6fa !important;
  border:1px solid #dce3ee !important;
  border-radius:8px !important;
  overflow:hidden !important;
  color:var(--blue) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
.video-main-player img,
.video-light .video-box img,
.video-main-player iframe,
.video-main-player video{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border:0 !important;
}
.video-cat{
  display:block;
  margin:22px 0 8px;
  color:var(--orange2);
  font-weight:900;
  text-transform:uppercase;
  font-size:14px;
}
.video-admin-block h2{font-size:31px;line-height:1.1;margin:0 0 12px;color:var(--text);}
.video-admin-block p{font-size:16px;line-height:1.45;margin:0 0 20px;color:var(--text);}
.video-related-panel,
.video-light aside{
  background:#fff !important;
  border-left:1px solid #e5e7eb !important;
  padding:20px 0 16px 28px !important;
  color:var(--text) !important;
  max-height:560px;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:#c5c5c5 #fff;
}
.video-related-panel::-webkit-scrollbar{width:7px;}
.video-related-panel::-webkit-scrollbar-track{background:#fff;}
.video-related-panel::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:8px;}
.video-related-panel h3{
  margin:0 0 16px;
  font-size:24px;
  font-weight:900;
  color:var(--text);
}
.video-related-list{display:flex;flex-direction:column;}
.video-related-item,
.video-light aside a.video-related-item{
  display:grid !important;
  grid-template-columns:190px 1fr !important;
  gap:18px !important;
  align-items:center !important;
  padding:20px 0 !important;
  border-bottom:1px solid #e5e7eb !important;
  color:var(--text) !important;
  font-weight:900 !important;
}
.video-thumb-wrap{
  display:grid;
  grid-template-columns:1fr 42px;
  width:190px;
  height:98px;
  background:#eef2f7;
  overflow:hidden;
}
.video-thumb-wrap img{
  width:100%;
  height:98px;
  object-fit:cover;
}
.video-thumb-wrap b{
  background:var(--orange2);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  line-height:1;
}
.video-related-item strong{
  font-size:20px;
  line-height:1.12;
  display:block;
}
.video-related-item:hover strong{color:var(--blue);}

@media(max-width:1050px){
  .video-admin-block,
  .video-area.video-light{grid-template-columns:1fr !important;}
  .video-related-panel,
  .video-light aside{border-left:0 !important;padding-left:0 !important;max-height:none;overflow:visible;}
}
@media(max-width:620px){
  .video-main-player,.video-light .video-box{height:260px !important;}
  .video-related-item,.video-light aside a.video-related-item{grid-template-columns:135px 1fr !important;gap:12px !important;}
  .video-thumb-wrap{grid-template-columns:1fr 34px;width:135px;height:74px;}
  .video-thumb-wrap img{height:74px;}
  .video-related-item strong{font-size:16px;}
}


/* Bloco Curiosidades - estilo portal, editável pelo Admin via posts da categoria Curiosidades */
.curiosity-section{
  margin-top:60px !important;
  margin-bottom:70px !important;
}
.curiosity-title{
  border-top:1px solid #d9dee8;
  margin-bottom:26px;
}
.curiosity-title span{
  display:block;
  width:90px;
  height:7px;
  background:var(--orange2);
}
.curiosity-title h2{
  font-size:28px;
  line-height:1;
  margin:12px 0 0;
  font-weight:900;
  color:var(--text);
}
.curiosity-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:32px;
}
.curiosity-card{
  display:block;
  color:var(--text);
}
.curiosity-card img{
  width:100%;
  height:220px;
  object-fit:cover;
  border-radius:7px;
  background:#edf1f7;
}
.curiosity-card h3{
  margin:14px 0 0;
  font-size:18px;
  line-height:1.2;
  font-weight:900;
}
.curiosity-card:hover h3{color:var(--blue);}

/* Ajuste final dos vídeos relacionados: thumb proporcional, play menor e texto até 4 linhas */
.video-related-item,
.video-light aside a.video-related-item{
  grid-template-columns:188px minmax(0,1fr) !important;
  gap:14px !important;
  min-height:116px !important;
  align-items:center !important;
}
.video-thumb-wrap{
  grid-template-columns:1fr 36px !important;
  width:188px !important;
  height:88px !important;
  align-items:end !important;
}
.video-thumb-wrap img{
  height:88px !important;
  object-fit:cover !important;
}
.video-thumb-wrap b{
  width:36px !important;
  height:48px !important;
  align-self:end !important;
  font-size:16px !important;
}
.video-related-item strong{
  font-size:17px !important;
  line-height:1.14 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
@media(max-width:950px){
  .curiosity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
  .curiosity-card img{height:190px;}
}
@media(max-width:620px){
  .curiosity-grid{grid-template-columns:1fr;}
  .curiosity-card img{height:210px;}
  .video-related-item,.video-light aside a.video-related-item{grid-template-columns:150px minmax(0,1fr) !important;}
  .video-thumb-wrap{width:150px !important;height:78px !important;grid-template-columns:1fr 32px !important;}
  .video-thumb-wrap img{height:78px !important;}
  .video-thumb-wrap b{width:32px !important;height:42px !important;}
}

/* Admin profissional - login e primeiro acesso */
.admin-login-body{min-height:100vh;margin:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#052983,#0738a8 55%,#ff9c00);font-family:Arial,Helvetica,sans-serif;color:#001a42}.login-box{width:min(430px,92vw);background:#fff;border-radius:22px;padding:34px;box-shadow:0 20px 60px rgba(0,0,0,.28);text-align:left}.login-box img{display:block;max-width:210px;max-height:95px;object-fit:contain;margin:0 auto 18px}.login-box h1{margin:0 0 8px;font-size:28px;color:#002b88}.login-box p{margin:0 0 20px;color:#56606f;font-weight:700}.login-box label{display:block;margin:14px 0 6px;font-weight:800;color:#001a42}.login-box input{width:100%;box-sizing:border-box;border:1px solid #cfd8e5;border-radius:10px;padding:13px 14px;font-size:16px}.login-box button{width:100%;margin-top:18px;border:0;border-radius:12px;background:#ff6500;color:#fff;font-weight:900;font-size:17px;padding:14px;cursor:pointer}.login-box button:hover{filter:brightness(.95)}.err{background:#ffeaea;border:1px solid #ff9b9b;color:#8a0000;border-radius:10px;padding:12px;margin:12px 0;font-weight:800}.ok{background:#e8fff0;border:1px solid #81d99c;color:#065f26;border-radius:10px;padding:12px;margin:12px 0;font-weight:800}.admin-top span{color:#fff;opacity:.9;margin-left:auto;margin-right:14px;font-weight:800}

/* Painel Admin organizado por módulos - Rádio Metro Mix */
.rmm-admin-body{margin:0;background:#f4f6fb;color:#061b40;font-family:Arial,Helvetica,sans-serif;display:flex;min-height:100vh}.rmm-admin-sidebar{width:280px;background:linear-gradient(180deg,#082b91,#061f69);color:#fff;position:fixed;left:0;top:0;bottom:0;padding:22px 18px;overflow:auto;box-shadow:6px 0 22px rgba(0,0,0,.18);z-index:5}.rmm-admin-brand{text-align:center;margin-bottom:22px}.rmm-admin-brand img{max-width:180px;max-height:80px;object-fit:contain;margin:0 auto 10px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}.rmm-admin-brand strong{display:block;font-size:18px}.rmm-admin-sidebar nav{display:grid;gap:7px}.rmm-admin-sidebar nav a{display:block;color:#fff;padding:12px 14px;border-radius:12px;font-weight:900;text-decoration:none;border:1px solid rgba(255,255,255,.08)}.rmm-admin-sidebar nav a:hover,.rmm-admin-sidebar nav a.active{background:#ff6800;color:#fff}.rmm-admin-main{margin-left:280px;width:calc(100% - 280px)}.rmm-admin-header{background:#fff;border-bottom:1px solid #dfe5ef;padding:22px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:4}.rmm-admin-header h1{margin:0;font-size:30px;color:#061f69}.rmm-admin-header p{margin:5px 0 0;color:#64748b;font-weight:700}.rmm-admin-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.rmm-admin-actions span{font-weight:900}.rmm-admin-actions a,.rmm-btn{border:0;border-radius:12px;background:#ff6800;color:#fff;font-weight:900;padding:12px 18px;text-decoration:none;cursor:pointer;display:inline-block}.rmm-admin-content{max-width:1280px;margin:0 auto;padding:26px}.rmm-admin-card{background:#fff;border-radius:18px;padding:24px;margin-bottom:22px;box-shadow:0 8px 28px rgba(8,43,145,.08);border:1px solid #e3e9f4}.rmm-admin-card h2{margin:0 0 8px;color:#061f69;font-size:25px}.rmm-help{margin:0 0 20px;color:#61708a;font-weight:700}.rmm-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.rmm-admin-card label{display:block;font-weight:900;margin-bottom:12px;color:#061b40}.rmm-admin-card input,.rmm-admin-card textarea,.rmm-admin-card select{width:100%;box-sizing:border-box;border:1px solid #ccd7e8;border-radius:12px;padding:13px 14px;margin-top:7px;font-size:15px;background:#fff}.rmm-admin-card textarea{min-height:115px;resize:vertical}.rmm-check{display:flex!important;align-items:center;gap:10px}.rmm-check input{width:auto!important;margin:0!important}.rmm-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:22px}.rmm-metrics article{background:#fff;border-radius:18px;padding:20px;border-left:7px solid #ff6800;box-shadow:0 8px 28px rgba(8,43,145,.08)}.rmm-metrics span{display:block;color:#667085;font-weight:900;text-transform:uppercase;font-size:12px}.rmm-metrics strong{display:block;font-size:36px;color:#082b91;margin:8px 0}.rmm-metrics small{color:#64748b;font-weight:700}.rmm-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rmm-module-grid a{display:block;background:#f0f5ff;border:1px solid #d7e3ff;border-radius:14px;padding:18px;font-weight:900;color:#082b91;text-decoration:none}.rmm-module-grid a:hover{background:#ff6800;color:#fff}.rmm-table{width:100%;border-collapse:collapse;background:#fff}.rmm-table th{background:#f4f7fc;color:#061f69;text-align:left}.rmm-table td,.rmm-table th{border-bottom:1px solid #e6ebf3;padding:12px;font-weight:700}.rmm-table td{color:#0b1d3f}.rmm-admin-body .ok{background:#e9fff0;border:1px solid #83d69c;color:#075f2a;border-radius:12px;padding:13px 16px;margin-bottom:18px;font-weight:900}.rmm-admin-body .err{background:#fff0f0;border:1px solid #f0a0a0;color:#8a0000;border-radius:12px;padding:13px 16px;margin-bottom:18px;font-weight:900}@media(max-width:980px){.rmm-admin-sidebar{position:static;width:100%;height:auto}.rmm-admin-body{display:block}.rmm-admin-main{margin-left:0;width:100%}.rmm-admin-header{position:static;display:block}.rmm-admin-actions{margin-top:15px;flex-wrap:wrap}.rmm-metrics,.rmm-form-grid,.rmm-module-grid{grid-template-columns:1fr}.rmm-admin-content{padding:16px}}
.rmm-subtitle{margin:22px 0 8px;color:#061f69;font-size:22px;font-weight:900}.rmm-admin-preview-note{background:#f0f5ff;border:1px solid #d7e3ff;color:#082b91;border-radius:12px;padding:12px 14px;margin:10px 0 20px;font-weight:700}.rmm-video-related-editor{display:grid;gap:14px;margin-bottom:18px}.rmm-video-row{display:grid;grid-template-columns:90px 1.4fr 1.2fr 1.2fr;gap:12px;align-items:end;background:#f8fbff;border:1px solid #dfe8f7;border-radius:14px;padding:14px}.rmm-video-row strong{color:#ff6800;font-weight:900;padding-bottom:14px}.rmm-video-row label{margin-bottom:0!important}.rmm-video-row input{margin-top:6px!important}@media(max-width:1100px){.rmm-video-row{grid-template-columns:1fr}.rmm-video-row strong{padding-bottom:0}}

/* Admin CRUD actions */
.rmm-actions-cell{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-width:220px}
.rmm-inline-form{display:inline;margin:0}
.rmm-small-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:#0b2d91;color:#fff;font-weight:800;font-size:12px;line-height:1;padding:9px 11px;text-decoration:none;cursor:pointer;white-space:nowrap}
.rmm-small-btn:hover{filter:brightness(1.08)}
.rmm-small-btn.danger{background:#d71920}
.rmm-status{display:inline-flex;align-items:center;border-radius:999px;font-size:12px;font-weight:900;padding:6px 10px;white-space:nowrap}
.rmm-status.on{background:#e7f8ed;color:#087a2d}
.rmm-status.off{background:#fff1f1;color:#c01818}
.rmm-form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}
.rmm-btn.secondary{background:#fff;color:#0b2d91;border:2px solid #0b2d91;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}

/* Atualização - páginas de categoria/notícias com 12 por página */
.category-topbar{min-height:88px;position:relative;justify-content:center}.category-topbar .brand img{max-height:62px}.category-search{position:absolute;right:11%;top:50%;transform:translateY(-50%)}.category-search input{border:2px solid #e5e7eb;border-radius:8px;padding:10px 13px;font-weight:800;color:var(--blue);min-width:190px}.category-nav-main{position:sticky;top:0;z-index:20}.category-page{padding-top:46px}.category-heading{border-top:1px solid #d8dee9;margin-bottom:28px}.category-heading span{display:block;width:100px;height:7px;background:var(--orange2);margin-bottom:14px}.category-heading h1{font-size:42px;line-height:1;margin:0;text-transform:uppercase;color:var(--blue);font-weight:900;letter-spacing:.02em}.category-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:46px;align-items:start}.category-main-list{min-width:0}.category-news-row{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:center;padding:24px 0;border-bottom:1px dashed #cfd6e3;color:var(--text)}.category-news-row img{width:260px;height:155px;object-fit:cover;border-radius:7px;background:#eef2f7}.category-news-row span,.side-list-box a span{display:block;color:var(--blue);font-size:13px;text-transform:uppercase;font-weight:900;margin-bottom:7px}.category-news-row h2{font-size:34px;line-height:1.05;margin:0;color:var(--text);font-weight:900;letter-spacing:-.02em}.category-news-row p{font-size:15px;line-height:1.35;color:#4b5b74;font-weight:700;margin:10px 0 0}.category-sidebar{position:sticky;top:62px}.side-list-box{border-top:1px dashed #cfd6e3;margin-bottom:34px;padding-top:14px}.side-list-box h2{text-transform:uppercase;color:var(--blue);font-size:24px;line-height:1;margin:0 0 18px;text-align:center;font-weight:900}.side-list-box h2 b{color:var(--orange2)}.side-list-box a{display:block;color:var(--text);font-size:16px;line-height:1.18;font-weight:850;padding:13px 0 15px;border-bottom:1px dashed #cfd6e3}.side-list-box a:before{content:'○';color:var(--orange2);font-weight:900;margin-right:8px}.categories-box{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.categories-box h2{grid-column:1/-1}.categories-box a{font-size:14px;padding:10px 0}.pagination{display:flex;align-items:center;gap:9px;margin:30px 0 40px}.pagination a,.pagination span{min-width:33px;height:33px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;font-weight:900;color:var(--blue);background:#fff}.pagination a{background:var(--blue);color:#fff}.pagination a.active{background:var(--orange2);color:#fff}.pagination a.next{width:auto;padding:0 18px}.empty-state{padding:30px;border-radius:10px;background:#f4f7fb;color:var(--blue);font-weight:900}.nav-main a[href*="PR"],.nav-main a[href*="SP"],.nav-main a[href*="Loterias"],.nav-main a[href*="Podcasts"]{display:none!important}
@media(max-width:980px){.category-layout{grid-template-columns:1fr}.category-sidebar{position:static}.category-news-row{grid-template-columns:1fr}.category-news-row img{width:100%;height:210px}.category-news-row h2{font-size:27px}.category-search{position:static;transform:none;margin:10px auto 0}.category-topbar{flex-direction:column;padding:18px 0}.category-heading h1{font-size:32px}}


/* Atualização: logo principal do banner amarelo */
.hero-radio .hero-logo{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:150px;
}
.hero-radio .hero-logo img{
  width:min(390px,100%);
  max-height:190px;
  object-fit:contain;
  border-radius:0;
  filter:drop-shadow(0 14px 24px rgba(0,0,0,.30));
  animation:rmmHeroLogoPulse 4.5s ease-in-out infinite;
}
@keyframes rmmHeroLogoPulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.025)}
}
@media(max-width:950px){
  .hero-radio .hero-logo img{width:min(330px,92vw);max-height:170px}
}

/* Páginas internas de menu/categorias */
.category-heading{border-top:none;margin:0 0 34px;padding-top:0;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:28px;align-items:center}.category-ribbon{height:70px;background:var(--blue);display:flex;align-items:center;padding:0 28px;border-radius:4px 0 0 4px;position:relative;overflow:visible}.category-ribbon:after{content:"";position:absolute;right:-34px;top:0;width:70px;height:70px;background:#fff;border-radius:50%}.category-ribbon i{position:absolute;right:-62px;top:14px;width:42px;height:42px;border-radius:50%;background:var(--orange2);z-index:2}.category-heading.category-heading-green .category-ribbon i{background:#15ad15}.category-heading.category-heading-purple .category-ribbon{background:#9b147f}.category-heading.category-heading-purple .category-ribbon i{background:#ff4b2f}.category-heading h1{font-size:54px;line-height:1;margin:0;text-transform:uppercase;color:#fff;font-weight:950;letter-spacing:.01em;position:relative;z-index:3}.category-heading p{margin:0;color:var(--text);font-weight:850;font-size:17px;line-height:1.25}.category-page{padding-top:42px}.category-main-list .category-news-row:first-child{padding-top:8px}.category-main-list .category-news-row:nth-child(n+5){grid-template-columns:230px minmax(0,1fr)}.category-main-list .category-news-row:nth-child(n+5) img{width:230px;height:140px}.category-main-list .category-news-row:nth-child(n+5) h2{font-size:30px}.category-news-row h2{max-width:740px}.category-sidebar .ad-clean{min-height:280px;margin-top:24px}.nav-main a[href*="Loterias"],.nav-main a[href*="Metro%20Mix%20FM"],.nav-main a[href*="Metro Mix FM"],.nav-main a[href*="Podcasts"],.nav-main a[href*="cat=PR"],.nav-main a[href*="cat=SP"]{display:none!important}
@media(max-width:980px){.category-heading{grid-template-columns:1fr}.category-ribbon{height:56px}.category-ribbon:after{width:56px;height:56px;right:-28px}.category-ribbon i{width:34px;height:34px;right:-50px;top:11px}.category-heading h1{font-size:34px}.category-heading p{font-size:15px}.category-main-list .category-news-row:nth-child(n+5){grid-template-columns:1fr}.category-main-list .category-news-row:nth-child(n+5) img{width:100%;height:210px}}

/* RMM Footer profissional + newsletter - versão limpa */
.site-footer{
  background:linear-gradient(135deg,#061f69 0%,#082b91 62%,#0a318f 100%);
  color:#fff;
  text-align:left;
  padding:48px 20px 32px;
  margin-top:55px;
  border-top:6px solid var(--orange2);
}
.footer-main{
  max-width:1240px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.45fr .85fr .8fr;
  gap:34px;
  align-items:start;
}
.site-footer h3{
  margin:4px 0 12px;
  font-size:22px;
  text-transform:uppercase;
  color:#fff;
  letter-spacing:.2px;
}
.site-footer p{line-height:1.5;margin:0 0 14px;color:#eef3ff}.site-footer a{color:#fff;text-decoration:none;font-weight:900}.site-footer a:hover{color:#ffd35a}
.footer-kicker{display:inline-block;color:#ffcf2e;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}
.clean-newsletter{
  background:#ffffff10;
  border:1px solid #ffffff24;
  border-radius:16px;
  padding:24px;
  box-shadow:0 16px 34px #00000022;
}
.newsletter-form{display:grid;grid-template-columns:1fr 1.2fr auto;gap:12px;align-items:end;margin-top:14px}.newsletter-form label{display:flex;flex-direction:column;font-weight:900;font-size:13px;color:#fff}.newsletter-form small{font-weight:700;opacity:.75}.newsletter-form input{height:46px;border:0;border-radius:10px;padding:0 14px;margin-top:6px;font-weight:800;color:#071936;background:#fff;outline:none}.newsletter-form input:focus{box-shadow:0 0 0 3px #ff6b0038}.newsletter-form button{height:46px;border:0;border-radius:10px;background:var(--orange2);color:#fff;padding:0 24px;font-weight:900;text-transform:uppercase;cursor:pointer;box-shadow:0 8px 18px #0002}.newsletter-form button:hover{filter:brightness(1.07)}.newsletter-note{display:block;margin-top:12px;color:#dce7ff;font-size:13px}
.footer-contact p{margin:0 0 16px}.footer-contact strong{color:#fff;font-size:15px}.footer-contact a{font-size:16px;word-break:break-word}.footer-map nav{display:grid;gap:9px}.footer-map nav a{position:relative;padding-left:16px;font-size:15px}.footer-map nav a:before{content:'•';position:absolute;left:0;color:var(--orange2);font-size:22px;line-height:14px}.footer-brand-bottom{max-width:1240px;margin:36px auto 0;padding-top:26px;border-top:1px solid #ffffff24;text-align:center}.footer-brand-bottom img{width:260px;max-width:80%;filter:drop-shadow(0 8px 18px #0008);margin:0 auto 14px;display:block}.footer-brand-bottom p{max-width:520px;margin:0 auto 10px;color:#eef3ff}.footer-brand-bottom strong{font-size:15px;color:#fff}.newsletter-alert{max-width:920px;margin:28px auto;padding:18px 22px;border-radius:10px;font-weight:900}.newsletter-alert.ok{background:#e9fff0;color:#075a20;border:1px solid #8fe3a8}.newsletter-alert.err{background:#fff0f0;color:#9b1111;border:1px solid #ffb2b2}.newsletter-page{min-height:55vh;padding:40px 18px;background:#f5f7fb}.newsletter-page .newsletter-card{max-width:860px;margin:0 auto;background:#fff;border-radius:14px;padding:30px;box-shadow:0 10px 30px #0001;text-align:center}.newsletter-page a{display:inline-block;margin-top:16px;background:var(--blue);color:#fff;border-radius:8px;padding:12px 18px;font-weight:900;text-decoration:none}
@media(max-width:980px){.footer-main{grid-template-columns:1fr}.site-footer{text-align:center}.newsletter-form{grid-template-columns:1fr}.newsletter-form button{width:100%}.footer-map nav a{padding-left:0}.footer-map nav a:before{display:none}}


/* Página Quem Somos */
.about-page{padding-top:42px;padding-bottom:60px}
.about-hero{margin-bottom:34px}
.about-hero p{max-width:760px;font-size:18px;line-height:1.55;color:#1b2b4a;font-weight:700;margin:20px 0 0}
.about-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:38px;align-items:start}
.about-card{background:#fff;border-radius:18px;padding:38px 44px;box-shadow:0 18px 45px rgba(9,35,90,.08);border:1px solid #e7edf7}
.about-kicker{text-transform:uppercase;color:#ff6600;font-weight:900;letter-spacing:.04em;margin-bottom:12px}
.about-content h2{font-size:30px;line-height:1.1;color:#092b86;margin:34px 0 14px;border-left:7px solid #ff6600;padding-left:14px}
.about-content h2:first-child{margin-top:0}
.about-content p{font-size:18px;line-height:1.72;color:#16233f;margin:0 0 18px;font-weight:600}
.about-sidebar{display:grid;gap:16px}
.about-info-box,.about-contact-box{background:#092b86;color:#fff;border-radius:16px;padding:22px;box-shadow:0 14px 32px rgba(9,35,90,.16)}
.about-info-box strong{display:block;text-transform:uppercase;font-size:13px;color:#ffd34d;margin-bottom:6px;letter-spacing:.04em}
.about-info-box span{font-size:22px;font-weight:900;line-height:1.2}
.about-contact-box{background:linear-gradient(135deg,#092b86,#123fa8)}
.about-contact-box h3{font-size:22px;margin:0 0 12px;color:#fff}
.about-contact-box a{display:block;color:#fff;text-decoration:none;font-weight:800;margin:10px 0;word-break:break-word}
.about-contact-box a:hover{color:#ffd34d}
@media(max-width:900px){.about-layout{grid-template-columns:1fr}.about-card{padding:26px 22px}.about-content h2{font-size:24px}.about-content p{font-size:16px}}

/* ===== Rádio Metro Mix - novo slider principal ===== */
.hero-slider{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#ff9f00 0%,#ffd500 100%);
  border-top:5px solid var(--orange2);
  border-bottom:5px solid var(--blue);
  min-height:330px;
}
.hero-slider:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 20% 35%,rgba(255,255,255,.35),transparent 24%),linear-gradient(90deg,rgba(255,255,255,.08),transparent 40%);
  pointer-events:none;
}
.hero-slider-track{position:relative;min-height:330px}
.hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transform:scale(1.015);
  transition:opacity .7s ease, visibility .7s ease, transform 1s ease;
}
.hero-slide:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:var(--hero-bg);
  background-size:520px auto;
  background-position:left 8% center;
  background-repeat:no-repeat;
  opacity:.055;
  filter:blur(1px);
}
.hero-slide.is-active{opacity:1;visibility:visible;transform:scale(1)}
.hero-slide-inner{
  position:relative;
  z-index:2;
  min-height:330px;
  display:grid;
  grid-template-columns:340px minmax(0,1fr) 210px;
  gap:34px;
  align-items:center;
}
.hero-slide-media{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:230px;
}
.hero-slide-media img{
  width:min(320px,100%);
  max-height:230px;
  object-fit:contain;
  border-radius:12px;
  filter:drop-shadow(0 16px 18px rgba(0,0,0,.25));
  animation:heroFloat 6s ease-in-out infinite;
}
.hero-slide:not(:first-child) .hero-slide-media img{
  width:320px;
  height:200px;
  object-fit:cover;
  border:4px solid rgba(255,255,255,.75);
  box-shadow:0 15px 30px rgba(0,0,0,.18);
}
@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.hero-equalizer{
  position:absolute;
  right:10px;
  bottom:26px;
  display:flex;
  gap:6px;
  align-items:end;
  opacity:.9;
}
.hero-equalizer span{
  width:14px;
  height:24px;
  border-radius:5px 5px 0 0;
  background:var(--orange2);
  box-shadow:0 0 12px rgba(255,106,0,.45);
  animation:eqBounce 1s ease-in-out infinite;
}
.hero-equalizer span:nth-child(2){height:42px;animation-delay:.12s}
.hero-equalizer span:nth-child(3){height:64px;animation-delay:.24s}
.hero-equalizer span:nth-child(4){height:38px;animation-delay:.36s}
.hero-equalizer span:nth-child(5){height:54px;animation-delay:.48s}
@keyframes eqBounce{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
.hero-slide-content{
  background:linear-gradient(135deg,var(--blue),var(--blue2));
  color:#fff;
  border-left:10px solid var(--red);
  border-radius:14px;
  padding:30px 38px;
  box-shadow:0 16px 32px rgba(0,0,0,.20);
  overflow:hidden;
}
.hero-slide-content:after{
  content:"";
  position:absolute;
}
.hero-kicker{
  display:inline-block;
  color:#ffd500;
  text-transform:uppercase;
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
  margin-bottom:8px;
}
.hero-slide-content h1{
  margin:0;
  font-size:42px;
  line-height:1.02;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.5px;
}
.hero-slide-content p{
  margin:12px 0 0;
  font-size:18px;
  line-height:1.38;
  font-weight:800;
  max-width:850px;
}
.hero-slide-buttons{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:20px;
}
.hero-slider .listen-btn,
.hero-slider .hero-secondary{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:13px 20px;
  border-radius:10px;
  font-size:14px;
  font-weight:900;
  text-transform:uppercase;
  cursor:pointer;
  border:2px solid #fff;
}
.hero-slider .listen-btn{background:var(--red);color:#fff;box-shadow:0 10px 18px rgba(0,0,0,.16)}
.hero-slider .hero-secondary{background:#fff;color:var(--blue);border-color:#fff}
.hero-slider .listen-btn:hover,.hero-slider .hero-secondary:hover{transform:translateY(-2px)}
.hero-slider .hero-socials{
  align-self:center;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
}
.hero-slider .hero-socials a{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#76208a;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:21px;
  font-weight:900;
  box-shadow:0 8px 16px rgba(0,0,0,.18);
}
.hero-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:4;
  width:44px;
  height:44px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.85);
  background:rgba(8,43,145,.72);
  color:#fff;
  font-size:34px;
  line-height:1;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hero-prev{left:18px}.hero-next{right:18px}
.hero-arrow:hover{background:var(--red)}
.hero-dots{
  position:absolute;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  z-index:5;
  display:flex;
  gap:8px;
}
.hero-dots button{
  width:11px;
  height:11px;
  border-radius:999px;
  border:0;
  background:#fff;
  opacity:.55;
  cursor:pointer;
  transition:.2s;
}
.hero-dots button.is-active{width:32px;opacity:1;background:var(--red)}
@media(max-width:1100px){
  .hero-slide-inner{grid-template-columns:240px 1fr;gap:22px;padding-top:26px;padding-bottom:40px}
  .hero-slider .hero-socials{grid-column:1 / -1}
  .hero-slide-content h1{font-size:34px}
  .hero-slide-media img{width:230px}.hero-slide:not(:first-child) .hero-slide-media img{width:240px;height:160px}
}
@media(max-width:760px){
  .hero-slider,.hero-slider-track{min-height:560px}
  .hero-slide-inner{grid-template-columns:1fr;text-align:center;min-height:560px;gap:14px;padding-top:28px;padding-bottom:56px}
  .hero-slide-media{min-height:150px}.hero-slide-media img{width:240px;max-height:160px}.hero-slide:not(:first-child) .hero-slide-media img{width:260px;height:150px}
  .hero-slide-content{padding:24px 22px;border-left:0;border-top:8px solid var(--red)}
  .hero-slide-content h1{font-size:28px}.hero-slide-content p{font-size:15px}
  .hero-slide-buttons{justify-content:center}.hero-arrow{display:none}
}


/* === Rádio Metro Mix - Hero principal limpo e profissional === */
.metro-hero{
  background:linear-gradient(115deg,#ff9f00 0%,#ffc400 47%,#ffd400 100%);
  border-top:5px solid var(--blue);
  border-bottom:5px solid var(--blue);
  padding:48px 0 46px;
  position:relative;
  overflow:hidden;
}
.metro-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 38%,rgba(255,255,255,.34),transparent 24%),
    linear-gradient(90deg,rgba(255,255,255,.22),transparent 32%,rgba(255,255,255,.12));
  pointer-events:none;
}
.metro-hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:310px minmax(420px,1fr) 250px;
  gap:26px;
  align-items:center;
}
.metro-hero-logo-card{
  min-height:230px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
.metro-hero-logo-card img{
  width:min(340px,100%);
  max-height:245px;
  object-fit:contain;
  filter:drop-shadow(0 18px 26px rgba(0,32,92,.28));
  transform:rotate(-1deg);
}
.metro-hero-logo-card:after{
  content:"";
  position:absolute;
  width:260px;height:260px;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  z-index:-1;
  box-shadow:0 0 0 16px rgba(255,255,255,.08);
}
.metro-hero-bars{
  position:absolute;
  right:4px;
  bottom:35px;
  display:flex;
  gap:5px;
  align-items:flex-end;
  opacity:.65;
}
.metro-hero-bars span{
  width:12px;
  background:#ff5b00;
  border-radius:6px 6px 0 0;
  animation:metroBar 1.25s ease-in-out infinite;
}
.metro-hero-bars span:nth-child(1){height:30px;animation-delay:.05s}
.metro-hero-bars span:nth-child(2){height:54px;animation-delay:.18s}
.metro-hero-bars span:nth-child(3){height:40px;animation-delay:.32s}
.metro-hero-bars span:nth-child(4){height:66px;animation-delay:.44s}
.metro-hero-bars span:nth-child(5){height:34px;animation-delay:.58s}
@keyframes metroBar{0%,100%{transform:scaleY(.72)}50%{transform:scaleY(1.08)}}
.metro-hero-panel{
  background:linear-gradient(135deg,#092a95,#061f77);
  color:#fff;
  border-radius:18px;
  padding:38px 42px;
  border-left:12px solid #f11218;
  box-shadow:0 22px 45px rgba(0,35,110,.28);
}
.metro-hero-kicker{
  display:inline-flex;
  color:#ffd400;
  font-size:14px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.metro-hero-panel h1{
  color:#fff;
  font-size:clamp(34px,3.4vw,58px);
  line-height:.98;
  margin:0 0 14px;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.metro-hero-panel p{
  color:#fff;
  font-weight:800;
  font-size:clamp(16px,1.35vw,23px);
  line-height:1.32;
  margin:0 0 22px;
  max-width:760px;
}
.metro-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}
.metro-hero .listen-btn,
.metro-hero-link{
  border-radius:12px;
  height:52px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  text-transform:uppercase;
  font-weight:900;
  font-size:15px;
  text-decoration:none;
  border:2px solid rgba(255,255,255,.85);
  box-shadow:0 10px 20px rgba(0,0,0,.14);
}
.metro-hero .listen-btn{background:#f11218;color:#fff;border-color:#fff;cursor:pointer}
.metro-hero-link{background:#fff;color:var(--blue)}
.metro-hero .listen-btn:hover,.metro-hero-link:hover{transform:translateY(-2px)}
.metro-hero-radio-card{
  background:rgba(255,255,255,.22);
  border:1px solid rgba(255,255,255,.45);
  border-radius:20px;
  padding:22px 18px;
  text-align:center;
  box-shadow:0 18px 35px rgba(0,42,112,.12);
  backdrop-filter:blur(4px);
}
.metro-hero-radio-card strong{
  display:block;
  color:var(--blue);
  font-size:24px;
  line-height:1.05;
  font-weight:1000;
  text-transform:uppercase;
  margin-bottom:6px;
}
.metro-hero-radio-card span{font-weight:900;color:#18305d}
.metro-hero-socials{display:flex;gap:12px;justify-content:center;margin-top:18px;flex-wrap:wrap}
.metro-hero-socials a{
  width:42px;height:42px;border-radius:50%;
  display:grid;place-items:center;
  background:#7d188b;color:#fff;text-decoration:none;
  font-weight:1000;font-size:19px;
  box-shadow:0 10px 20px rgba(0,0,0,.14);
}
.metro-hero-socials a:hover{transform:translateY(-2px);background:#5b1266}
@media(max-width:1100px){
  .metro-hero-grid{grid-template-columns:240px 1fr;gap:18px}
  .metro-hero-radio-card{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;text-align:left}
  .metro-hero-socials{margin-top:0}
}
@media(max-width:760px){
  .metro-hero{padding:28px 0}
  .metro-hero-grid{grid-template-columns:1fr}
  .metro-hero-logo-card{min-height:150px}
  .metro-hero-logo-card img{max-height:175px}
  .metro-hero-panel{padding:26px 24px;border-left-width:8px}
  .metro-hero-radio-card{display:block;text-align:center}
  .metro-hero-socials{margin-top:14px}
}

/* Admin: ordenar notícias arrastando com o mouse */
.rmm-order-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0 12px;
}
.rmm-filter-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 12px;
  border-radius:999px;
  background:#eef3ff;
  color:#002b80;
  font-weight:800;
  font-size:13px;
  text-decoration:none;
  border:1px solid #d8e2ff;
}
.rmm-filter-pill.active{
  background:#ff6800;
  color:#fff;
  border-color:#ff6800;
}
.rmm-order-status{
  margin:8px 0 12px;
  padding:10px 12px;
  border-radius:12px;
  background:#f4f7ff;
  color:#526988;
  font-weight:700;
  font-size:13px;
}
.rmm-order-status.ok{background:#e9fbef;color:#087a32;}
.rmm-order-status.err{background:#ffecec;color:#c7192c;}
.rmm-order-status.saving{background:#fff6e8;color:#b95f00;}
.rmm-sortable-table tbody tr{
  transition:background .15s ease, transform .15s ease, box-shadow .15s ease;
}
.rmm-sortable-table tbody tr.is-dragging{
  opacity:.55;
  background:#fff3e8;
  box-shadow:0 12px 30px rgba(0,0,0,.12);
}
.rmm-drag-handle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:34px;
  border-radius:10px;
  background:#092c91;
  color:#fff;
  font-size:18px;
  font-weight:900;
  cursor:grab;
  user-select:none;
}
.rmm-drag-handle:active{cursor:grabbing;}
@media(max-width:900px){
  .rmm-filter-pill{font-size:12px;padding:8px 10px;}
  .rmm-sortable-table{font-size:13px;}
}

/* Banner rotativo apenas dentro do bloco azul da home/topo */
.metro-hero-slider{
  position:relative;
  overflow:hidden;
  min-height:310px;
}
.metro-hero-slide{
  display:none;
  opacity:0;
  transform:translateY(12px);
  transition:opacity .45s ease, transform .45s ease;
}
.metro-hero-slide.active{
  display:block;
  opacity:1;
  transform:translateY(0);
}
.metro-hero-slider .metro-hero-actions{margin-bottom:28px}
.metro-hero-dots{
  position:absolute;
  left:42px;
  bottom:22px;
  display:flex;
  gap:8px;
  align-items:center;
}
.metro-hero-dots button{
  width:11px;
  height:11px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.55);
  cursor:pointer;
  transition:.2s ease;
}
.metro-hero-dots button.active{
  width:34px;
  background:#ff1218;
}
.metro-hero-link.primary-red{
  background:#f11218;
  color:#fff;
  border-color:#fff;
}
@media(max-width:950px){
  .metro-hero-slider{min-height:360px}
  .metro-hero-dots{left:24px;bottom:18px}
}

/* Ajuste 2026-06-30: reduzir altura do banner principal sem alterar layout */
.metro-hero{
  padding:26px 0 26px !important;
}
.metro-hero-grid{
  grid-template-columns:280px minmax(420px,1fr) 230px;
  gap:22px;
}
.metro-hero-logo-card{
  min-height:178px !important;
}
.metro-hero-logo-card img{
  width:min(285px,100%) !important;
  max-height:188px !important;
}
.metro-hero-logo-card:after{
  width:205px !important;
  height:205px !important;
}
.metro-hero-bars{
  bottom:18px !important;
}
.metro-hero-bars span:nth-child(1){height:22px}
.metro-hero-bars span:nth-child(2){height:40px}
.metro-hero-bars span:nth-child(3){height:30px}
.metro-hero-bars span:nth-child(4){height:48px}
.metro-hero-bars span:nth-child(5){height:26px}
.metro-hero-panel{
  padding:26px 36px 34px !important;
  border-left-width:10px !important;
}
.metro-hero-panel h1{
  font-size:clamp(30px,3vw,48px) !important;
  line-height:1.02 !important;
  margin-bottom:10px !important;
}
.metro-hero-panel p{
  font-size:clamp(15px,1.18vw,19px) !important;
  line-height:1.28 !important;
  margin-bottom:16px !important;
  max-width:690px !important;
}
.metro-hero-kicker{
  font-size:13px !important;
  margin-bottom:8px !important;
}
.metro-hero .listen-btn,
.metro-hero-link{
  height:46px !important;
  padding:0 18px !important;
  font-size:13px !important;
  border-radius:10px !important;
}
.metro-hero-radio-card{
  padding:17px 15px !important;
  border-radius:16px !important;
}
.metro-hero-radio-card strong{
  font-size:20px !important;
}
.metro-hero-socials{
  margin-top:13px !important;
  gap:10px !important;
}
.metro-hero-socials a{
  width:36px !important;
  height:36px !important;
  font-size:17px !important;
}
.metro-hero-slider{
  min-height:245px !important;
}
.metro-hero-slider .metro-hero-actions{
  margin-bottom:22px !important;
}
.metro-hero-dots{
  left:36px !important;
  bottom:16px !important;
}
.container{
  padding-top:34px !important;
}
@media(max-width:1100px){
  .metro-hero-grid{grid-template-columns:220px 1fr;gap:16px;}
  .metro-hero-radio-card{grid-column:1 / -1;}
}
@media(max-width:760px){
  .metro-hero{padding:22px 0 !important;}
  .metro-hero-grid{grid-template-columns:1fr;}
  .metro-hero-logo-card{min-height:120px !important;}
  .metro-hero-logo-card img{max-height:140px !important;}
  .metro-hero-panel{padding:22px 20px 48px !important;}
  .metro-hero-panel h1{font-size:28px !important;}
  .metro-hero-slider{min-height:270px !important;}
  .metro-hero-dots{left:20px !important;bottom:16px !important;}
}


/* ============================================================
   Rádio Metro Mix — Painel moderno
   Atualização visual do menu lateral e área administrativa
   ============================================================ */

:root{
  --rmm-blue-950:#061433;
  --rmm-blue-900:#071c55;
  --rmm-blue-800:#082b91;
  --rmm-blue-700:#0b47c2;
  --rmm-yellow:#ffcf21;
  --rmm-red:#e31b23;
  --rmm-bg:#f3f7ff;
  --rmm-card:#ffffff;
  --rmm-text:#071833;
  --rmm-muted:#64748b;
}

.rmm-admin-body{
  background:
    radial-gradient(circle at top left, rgba(255,207,33,.16), transparent 24rem),
    linear-gradient(135deg,#f5f8ff 0%,#eef4ff 48%,#f9fbff 100%) !important;
  color:var(--rmm-text) !important;
}

.rmm-admin-sidebar{
  width:300px !important;
  padding:20px 16px !important;
  background:
    radial-gradient(circle at 40% 0%, rgba(255,207,33,.20), transparent 14rem),
    linear-gradient(180deg,#082b91 0%,#071f68 46%,#061433 100%) !important;
  box-shadow:12px 0 35px rgba(6,20,51,.26) !important;
  border-right:1px solid rgba(255,255,255,.08) !important;
}

.rmm-admin-brand{
  margin:0 0 18px !important;
  padding:18px 14px 16px !important;
  text-align:center !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.075) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 16px 28px rgba(0,0,0,.16) !important;
}

.rmm-admin-brand img{
  max-width:150px !important;
  max-height:62px !important;
  margin:0 auto 10px !important;
  display:block !important;
  object-fit:contain !important;
}

.rmm-admin-brand strong{
  display:block !important;
  color:#fff !important;
  font-size:18px !important;
  letter-spacing:.2px !important;
}

.rmm-admin-nav{
  gap:8px !important;
}

.rmm-admin-sidebar nav a,
.rmm-nav-group summary{
  min-height:22px;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  border-radius:16px !important;
  padding:12px 14px !important;
  color:#eaf2ff !important;
  text-decoration:none !important;
  font-weight:900 !important;
  letter-spacing:.1px !important;
  border:1px solid transparent !important;
  background:transparent !important;
  transition:background .18s ease, transform .18s ease, border-color .18s ease, color .18s ease !important;
}

.rmm-admin-sidebar nav a:hover,
.rmm-nav-group summary:hover{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.15) !important;
  transform:translateX(2px);
}

.rmm-admin-sidebar nav a.active,
.rmm-admin-sidebar nav a.rmm-nav-main.active{
  color:#061433 !important;
  background:linear-gradient(135deg,#ffcf21 0%,#ffdf5a 100%) !important;
  border-color:rgba(255,255,255,.45) !important;
  box-shadow:0 10px 22px rgba(255,207,33,.22) !important;
}

.rmm-nav-main{
  margin-bottom:8px !important;
  background:rgba(255,255,255,.07) !important;
  border-color:rgba(255,255,255,.12) !important;
}

.rmm-nav-group{
  margin:2px 0 !important;
  border-radius:18px !important;
  border:1px solid transparent !important;
  overflow:hidden !important;
}

.rmm-nav-group[open],
.rmm-nav-group.open-active{
  background:rgba(4,14,40,.24) !important;
  border-color:rgba(255,255,255,.10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.rmm-nav-group summary{
  cursor:pointer !important;
  list-style:none !important;
  position:relative !important;
  margin:0 !important;
}

.rmm-nav-group summary::-webkit-details-marker{display:none !important;}
.rmm-nav-group summary::after{
  content:"›";
  margin-left:auto;
  font-size:20px;
  line-height:1;
  opacity:.8;
  transition:transform .18s ease;
}
.rmm-nav-group[open] summary::after{
  transform:rotate(90deg);
}

.rmm-nav-group a{
  margin:0 8px 7px 42px !important;
  padding:9px 12px !important;
  border-radius:12px !important;
  color:#cfe0ff !important;
  font-size:14px !important;
  background:rgba(255,255,255,.035) !important;
}

.rmm-nav-group a.active{
  background:rgba(255,207,33,.16) !important;
  color:#fff !important;
  border-color:rgba(255,207,33,.38) !important;
  box-shadow:none !important;
}

.rmm-admin-main{
  margin-left:300px !important;
  width:calc(100% - 300px) !important;
}

.rmm-admin-header{
  margin:18px 22px 0 !important;
  border:1px solid rgba(8,43,145,.10) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.88) !important;
  backdrop-filter:blur(14px);
  box-shadow:0 14px 34px rgba(8,43,145,.09) !important;
}

.rmm-admin-header h1{
  color:#061433 !important;
  font-size:28px !important;
}

.rmm-admin-header p{
  color:var(--rmm-muted) !important;
}

.rmm-admin-actions a,
.rmm-btn{
  border-radius:14px !important;
  background:linear-gradient(135deg,#e31b23,#ff4b34) !important;
  box-shadow:0 12px 22px rgba(227,27,35,.18) !important;
}

.rmm-admin-actions a:hover,
.rmm-btn:hover{
  filter:brightness(1.05);
  transform:translateY(-1px);
}

.rmm-admin-content{
  padding:24px 22px 34px !important;
  max-width:1320px !important;
}

.rmm-admin-card{
  border-radius:22px !important;
  border:1px solid rgba(8,43,145,.10) !important;
  box-shadow:0 14px 34px rgba(8,43,145,.08) !important;
  overflow:hidden;
}

.rmm-admin-card h2{
  color:#061433 !important;
}

.rmm-metrics article{
  border-left:0 !important;
  border-top:5px solid var(--rmm-yellow) !important;
  border-radius:22px !important;
  box-shadow:0 14px 34px rgba(8,43,145,.08) !important;
}

.rmm-metrics strong{
  color:var(--rmm-blue-800) !important;
}

.rmm-module-grid a{
  border-radius:18px !important;
  background:linear-gradient(180deg,#f7faff,#edf4ff) !important;
  border-color:#d7e5ff !important;
  color:#082b91 !important;
}

.rmm-module-grid a:hover{
  background:linear-gradient(135deg,#082b91,#0b47c2) !important;
  color:#fff !important;
}

.rmm-table th{
  background:#eef5ff !important;
}

.rmm-admin-card input,
.rmm-admin-card textarea,
.rmm-admin-card select{
  border-radius:14px !important;
  background:#fbfdff !important;
  border-color:#d7e1f0 !important;
}

.rmm-admin-card input:focus,
.rmm-admin-card textarea:focus,
.rmm-admin-card select:focus{
  outline:3px solid rgba(255,207,33,.28) !important;
  border-color:#ffcf21 !important;
}

@media(max-width:980px){
  .rmm-admin-sidebar{
    width:auto !important;
    position:static !important;
    border-radius:0 0 24px 24px !important;
  }
  .rmm-admin-main{
    margin-left:0 !important;
    width:100% !important;
  }
  .rmm-admin-header{
    margin:14px !important;
  }
}


/* ============================================================
   Atualização 01 — Notícia padronizada
   Remove compartilhamento grande e padroniza página de matéria
   ============================================================ */

.article-page{
  max-width: 1320px;
  margin: 34px auto 52px;
  padding: 0 22px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 44px;
  align-items: start;
}

.article-main{
  max-width: 880px;
}

.article-main h1{
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.03;
  letter-spacing: -1.2px;
  margin: 12px 0 18px;
  color: var(--text, #071833);
}

.article-resume{
  font-size: 20px;
  line-height: 1.45;
  color: #475569;
  font-weight: 800;
  margin: 0 0 24px;
}

.article-img{
  width: 100%;
  max-height: 520px;
  object-fit: cover;
  border-radius: 14px;
  margin: 18px 0 26px;
  display: block;
}

.article-content{
  font-size: 19px;
  line-height: 1.72;
  color: #172033;
}

.share-box{
  display: none !important;
}

.article-back-box{
  margin-top: 34px;
  padding-top: 22px;
  border-top: 1px solid #e5eaf3;
}

.article-back-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f3f6fb;
  color: var(--blue, #082b91);
  border: 1px solid #dbe4f0;
  border-radius: 12px;
  padding: 11px 16px;
  font-weight: 900;
  text-decoration: none;
}

.article-back-btn:hover{
  background: var(--blue, #082b91);
  color: #fff;
}

.related{
  border-left: 1px solid #e5e7eb;
  padding-left: 28px;
  min-height: 320px;
}

.related h3{
  font-size: 22px;
  margin: 0 0 16px;
}

.related a{
  display: block;
  padding: 12px 0;
  border-bottom: 1px solid #eef2f7;
  font-weight: 900;
  color: var(--blue, #082b91);
  text-decoration: none;
}

@media(max-width: 980px){
  .article-page{
    grid-template-columns: 1fr;
    margin-top: 22px;
    gap: 24px;
  }
  .article-main{
    max-width: 100%;
  }
  .related{
    border-left: 0;
    padding-left: 0;
    border-top: 1px solid #e5e7eb;
    padding-top: 22px;
  }
}

@media(max-width: 640px){
  .article-page{
    padding: 0 16px;
  }
  .article-main h1{
    font-size: 32px;
  }
  .article-resume,
  .article-content{
    font-size: 17px;
  }
}

/* Botão oficial do player no card lateral do banner */
.metro-hero-socials .metro-hero-play{
  width:42px;height:42px;border:0;border-radius:50%;padding:0;
  display:inline-flex;align-items:center;justify-content:center;
  font:700 17px/1 inherit;cursor:pointer;color:#fff;
  background:#9d0fae;box-shadow:none;
}
.metro-hero-socials .metro-hero-play:hover,
.metro-hero-socials .metro-hero-play:focus-visible{transform:translateY(-2px);filter:brightness(1.08);outline:2px solid rgba(255,255,255,.85);outline-offset:2px}
.metro-hero-socials .metro-hero-play[aria-pressed="true"]{font-size:14px}

/* V2 — banner somente informativo e ícones sociais administráveis */
.metro-hero-actions{display:none!important}
.metro-hero-socials .metro-social-icon svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.metro-hero-socials .metro-social-icon svg .fill{fill:currentColor;stroke:none}
.metro-hero-socials .metro-social-icon svg .line-dark{fill:none;stroke:#7d188b;stroke-width:1.7}
.metro-hero-socials .metro-social-icon:hover svg .line-dark{stroke:#5b1266}
.metro-hero-socials .metro-hero-play{position:relative;background:linear-gradient(145deg,#ef101b,#b40009);box-shadow:0 9px 20px rgba(239,16,27,.25);border:2px solid rgba(255,255,255,.9)}
.metro-hero-socials .metro-hero-play .play-symbol{display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #fff;margin-left:3px}
.metro-hero-socials .metro-hero-play[aria-pressed="true"] .play-symbol{width:12px;height:14px;border:0;margin-left:0;background:linear-gradient(90deg,#fff 0 35%,transparent 35% 65%,#fff 65% 100%)}
.rmm-social-network-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 22px;margin:18px 0 22px}
.rmm-social-network-row{display:block;padding:15px;border:1px solid #d7e0f0;border-radius:14px;background:#f8fbff}
.rmm-social-network-name{display:block;font-size:16px;font-weight:900;color:#09245e;margin-bottom:6px}
.rmm-social-network-row input{margin:0!important;background:#fff}
.rmm-social-network-row small{display:block;margin-top:6px;color:#71809b;font-weight:700}
@media(max-width:760px){.rmm-social-network-grid{grid-template-columns:1fr}}


/* V4.4 — chamada flutuante completa para download do aplicativo */
.app-download-float{position:fixed;right:22px;bottom:22px;z-index:1200;width:min(560px,calc(100vw - 32px));padding:0;overflow:hidden;border-radius:28px;background:#06153d;box-shadow:0 24px 70px rgba(3,20,69,.48);border:1px solid rgba(255,255,255,.22);animation:appFloatIn .45s ease both}
.app-download-float.is-hidden{display:none}
.app-download-art-link{display:block;width:100%;text-decoration:none;line-height:0}
.app-download-art-link img{display:block;width:100%;height:auto;object-fit:contain;object-position:center;background:#06153d}
.app-download-art-link:hover img{filter:brightness(1.035)}
.app-download-close{position:absolute;right:16px;top:16px;z-index:4;width:42px;height:42px;border:0;background:rgba(21,67,185,.94);color:#fff;border-radius:50%;font-size:31px;font-weight:700;line-height:38px;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.app-download-close:hover{transform:scale(1.06);background:#2458d5}
@keyframes appFloatIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:640px){.app-download-float{right:10px;bottom:12px;width:calc(100vw - 20px);border-radius:22px}.app-download-close{right:10px;top:10px;width:34px;height:34px;font-size:25px;line-height:31px}}

/* Cards específicos das estatísticas do aplicativo */
.rmm-app-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0 24px}.rmm-app-stat{padding:20px;border-radius:18px;background:linear-gradient(145deg,#fff,#f1f6ff);border:1px solid #d7e4f7;box-shadow:0 10px 28px rgba(11,61,145,.08)}.rmm-app-stat span{display:block;color:#60708c;font-weight:800;font-size:13px}.rmm-app-stat strong{display:block;margin-top:6px;font-size:34px;color:#082b91;line-height:1}.rmm-app-stat small{display:block;margin-top:7px;color:#74829a}@media(max-width:900px){.rmm-app-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.rmm-app-stats{grid-template-columns:1fr}}

/* Destaque principal administrável pelo painel — V4.6 */
.metro-hero-slide.metro-hero-slide-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:0 !important;
  overflow:hidden;
  background:#08227d;
  border-radius:inherit;
  text-decoration:none;
}
.metro-hero-slide.metro-hero-slide-image.active{display:block;}
.metro-hero-banner-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  border:0;
  border-radius:inherit;
}
.metro-hero-slider > a.metro-hero-slide{color:inherit;text-decoration:none;}
@media(max-width:760px){
  .metro-hero-banner-img{object-fit:contain;background:#08227d;}
}
.sr-only{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;}


/* ============================================================
   V5.0 — banner central uniforme, sem branco e sem deformação
   ============================================================ */
.metro-hero-panel.metro-hero-slider{
  position:relative !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:16 / 5 !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:22px !important;
  background:#08227d !important;
}

.metro-hero-slider .metro-hero-slide{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  border-radius:inherit !important;
  overflow:hidden !important;
}

.metro-hero-slider .metro-hero-slide-image{
  padding:0 !important;
  background:#08227d !important;
}

.metro-hero-slider .metro-hero-banner-img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
  border:0 !important;
  border-radius:inherit !important;
  background:#08227d !important;
}

.metro-hero-slider .metro-hero-slide:not(.metro-hero-slide-image){
  box-sizing:border-box !important;
  padding:26px 38px 48px !important;
  background:#102b8d !important;
}

.metro-hero-slider .metro-hero-dots{
  position:absolute !important;
  left:28px !important;
  bottom:18px !important;
  z-index:20 !important;
}

@media(max-width:760px){
  .metro-hero-panel.metro-hero-slider{
    aspect-ratio:16 / 5 !important;
    border-radius:16px !important;
  }

  .metro-hero-slider .metro-hero-slide:not(.metro-hero-slide-image){
    padding:15px 16px 34px !important;
  }

  .metro-hero-slider .metro-hero-slide:not(.metro-hero-slide-image) h1{
    font-size:clamp(18px,5.3vw,27px) !important;
    line-height:1.05 !important;
  }

  .metro-hero-slider .metro-hero-slide:not(.metro-hero-slide-image) p{
    font-size:12px !important;
    line-height:1.25 !important;
  }

  .metro-hero-slider .metro-hero-dots{
    left:16px !important;
    bottom:10px !important;
  }
}

/* ============================================================
   V5.1 — ajuste automático universal dos banners
   - mostra a imagem inteira
   - nunca corta
   - nunca deforma
   - fundo automático usa a própria imagem desfocada
   ============================================================ */
.metro-hero-panel.metro-hero-slider{
  position:relative !important;
  overflow:hidden !important;
  background:#061c70 !important;
}

.metro-hero-slider .metro-hero-slide-image{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#061c70 !important;
  isolation:isolate !important;
}

/* Fundo desfocado criado automaticamente pelo JavaScript */
.metro-hero-slider .metro-hero-slide-image::before{
  content:"";
  position:absolute;
  inset:-28px;
  z-index:-2;
  background-image:var(--rmm-banner-bg,none);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  filter:blur(20px) brightness(.48) saturate(1.18);
  transform:scale(1.10);
  opacity:.92;
}

.metro-hero-slider .metro-hero-slide-image::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(4,19,74,.30),rgba(8,34,125,.10),rgba(4,19,74,.30));
  pointer-events:none;
}

.metro-hero-slider .metro-hero-banner-img{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  margin:auto !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  border:0 !important;
  border-radius:inherit !important;
  background:transparent !important;
}

@media(max-width:760px){
  .metro-hero-slider .metro-hero-slide-image::before{
    inset:-18px;
    filter:blur(14px) brightness(.46) saturate(1.12);
  }
}


/* ============================================================
   V5.2 — preencher completamente a área azul
   - remove o modo "contain" que diminuía a imagem
   - remove fundo desfocado e espaços laterais
   - banner ocupa 100% da moldura
   - leve ampliação para esconder margens internas da arte
   ============================================================ */
.metro-hero-panel.metro-hero-slider {
  background:#061c70 !important;
}

.metro-hero-slider .metro-hero-slide-image {
  display:block !important;
  padding:0 !important;
  background:#061c70 !important;
}

.metro-hero-slider .metro-hero-slide-image::before,
.metro-hero-slider .metro-hero-slide-image::after {
  display:none !important;
  content:none !important;
  background:none !important;
}

.metro-hero-slider .metro-hero-banner-img {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:scale(1.015) !important;
  transform-origin:center center !important;
  background:#061c70 !important;
}

/* Banners com faixas brancas internas recebem um pouco mais de zoom */
.metro-hero-slider .metro-hero-banner-img[data-rmm-white-bars="1"],
.metro-hero-slider .metro-hero-slide-image.rmm-has-white-bars .metro-hero-banner-img {
  transform:scale(1.18) !important;
}

@media(max-width:760px) {
  .metro-hero-slider .metro-hero-banner-img {
    transform:scale(1.025) !important;
  }

  .metro-hero-slider .metro-hero-slide-image.rmm-has-white-bars .metro-hero-banner-img {
    transform:scale(1.20) !important;
  }
}