.mm-weatherbar{
  --blue:#123a97;--blue2:#082e83;--yellow:#fdb913;
  position:relative;z-index:1200;width:100%;min-height:40px;
  background:linear-gradient(90deg,var(--blue2),var(--blue) 48%,#0e45b9);
  border-bottom:1px solid rgba(255,255,255,.16);
  box-shadow:0 2px 8px rgba(4,29,84,.12);
  color:#fff;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;
}
.mm-weatherbar *{box-sizing:border-box}
.mm-weatherbar__inner{
  width:min(1180px,calc(100% - 32px));min-height:40px;margin:0 auto;
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;gap:18px;
}
.mm-weatherbar__weather{
  justify-self:start;min-width:0;max-width:100%;display:inline-flex;
  align-items:center;gap:8px;padding:5px 2px;border:0;outline:0;
  background:transparent;color:#fff;cursor:pointer;
  font:800 12px/1.1 Arial,Helvetica,sans-serif;white-space:nowrap;
}
.mm-weatherbar__weather:hover .mm-weatherbar__location,
.mm-weatherbar__weather:focus-visible .mm-weatherbar__location{
  text-decoration:underline;text-underline-offset:3px;
}
.mm-weatherbar__weather:focus-visible{
  border-radius:6px;box-shadow:0 0 0 2px rgba(253,185,19,.85);
}
.mm-weatherbar__icon{
  width:18px;min-width:18px;display:inline-flex;align-items:center;
  justify-content:center;font-size:15px;line-height:1;color:var(--yellow);
}
.mm-weatherbar__temperature{font-weight:950;font-size:13px;letter-spacing:-.02em}
.mm-weatherbar__divider{width:1px;height:15px;background:rgba(255,255,255,.35)}
.mm-weatherbar__location{
  max-width:220px;overflow:hidden;text-overflow:ellipsis;font-weight:800;opacity:.96;
}
.mm-weatherbar__brand{
  justify-self:center;display:flex;align-items:baseline;gap:5px;
  color:#fff;text-decoration:none;font-style:italic;letter-spacing:-.02em;white-space:nowrap;
}
.mm-weatherbar__brand span{font-size:10px;font-weight:800;opacity:.82}
.mm-weatherbar__brand strong{font-size:14px;font-weight:950}
.mm-weatherbar__live{
  justify-self:end;display:inline-flex;align-items:center;gap:7px;
  color:#fff;font:900 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.06em;
}
.mm-weatherbar__live-dot{
  width:7px;height:7px;border-radius:50%;background:#ff3247;
  box-shadow:0 0 0 3px rgba(255,50,71,.14);
}
.mm-weatherbar.is-loading .mm-weatherbar__icon{animation:mmWeatherPulse 1.1s ease-in-out infinite}
@keyframes mmWeatherPulse{0%,100%{opacity:.45;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}
@media(max-width:720px){
  .mm-weatherbar{min-height:38px}
  .mm-weatherbar__inner{width:calc(100% - 24px);min-height:38px;display:flex;justify-content:center}
  .mm-weatherbar__brand,.mm-weatherbar__live{display:none}
  .mm-weatherbar__weather{justify-content:center;max-width:100%;font-size:11px}
  .mm-weatherbar__temperature{font-size:13px}
  .mm-weatherbar__location{max-width:180px}
}
@media(max-width:380px){
  .mm-weatherbar__inner{width:calc(100% - 16px)}
  .mm-weatherbar__location{max-width:135px}
}


/* =========================================================
   V3 — BARRA SOMENTE DE TEMPERATURA
   Remove duplicação de marca e "AO VIVO".
   ========================================================= */

.mm-weatherbar--weather-only .mm-weatherbar__inner{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
}

.mm-weatherbar--weather-only .mm-weatherbar__brand,
.mm-weatherbar--weather-only .mm-weatherbar__live{
    display:none!important;
}

.mm-weatherbar--weather-only .mm-weatherbar__weather{
    justify-self:auto!important;
    margin:0!important;
}

/* Mantém o conteúdo alinhado com o cabeçalho principal */
@media(min-width:721px){
    .mm-weatherbar--weather-only .mm-weatherbar__inner{
        width:min(1180px,calc(100% - 32px))!important;
        margin:0 auto!important;
    }
}

/* Mobile: centraliza clima/cidade */
@media(max-width:720px){
    .mm-weatherbar--weather-only .mm-weatherbar__inner{
        justify-content:center!important;
    }
}


/* =========================================================
   RÁDIO METRO MIX — TOPO V4
   Clima + ticker central + AO VIVO na mesma barra azul.
   Remove a necessidade da faixa vermelha antiga.
   ========================================================= */

.mm-weatherbar--v4{
    min-height:42px!important;
    background:linear-gradient(90deg,#082e83 0%,#123a97 45%,#0e45b9 100%)!important;
    border-bottom:1px solid rgba(255,255,255,.15)!important;
}

.mm-weatherbar--v4 .mm-weatherbar__inner--v4{
    width:min(1180px,calc(100% - 32px))!important;
    min-height:42px!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:minmax(230px,1fr) minmax(300px,1.7fr) minmax(120px,.7fr)!important;
    align-items:center!important;
    gap:18px!important;
}

.mm-weatherbar--v4 .mm-weatherbar__weather{
    justify-self:start!important;
    margin:0!important;
}

.mm-weatherbar__ticker{
    min-width:0;
    overflow:hidden;
    white-space:nowrap;
    position:relative;
    height:24px;
    display:flex;
    align-items:center;
}

.mm-weatherbar__ticker::before,
.mm-weatherbar__ticker::after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width:24px;
    z-index:2;
    pointer-events:none;
}

.mm-weatherbar__ticker::before{
    left:0;
    background:linear-gradient(90deg,#123a97,rgba(18,58,151,0));
}

.mm-weatherbar__ticker::after{
    right:0;
    background:linear-gradient(270deg,#123a97,rgba(18,58,151,0));
}

.mm-weatherbar__ticker-track{
    display:inline-flex;
    align-items:center;
    gap:32px;
    width:max-content;
    padding-left:100%;
    animation:mmTickerRun 24s linear infinite;
    will-change:transform;
    color:#fff;
    font:800 12px/1 Arial,Helvetica,sans-serif;
}

.mm-weatherbar__ticker-item b{
    color:#fdb913;
    font-weight:950;
}

.mm-weatherbar__ticker-separator{
    color:#fdb913;
    font-weight:950;
}

@keyframes mmTickerRun{
    from{transform:translateX(0)}
    to{transform:translateX(-50%)}
}

.mm-weatherbar--v4 .mm-weatherbar__live{
    justify-self:end!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:6px 10px!important;
    border:0!important;
    border-radius:18px!important;
    background:transparent!important;
    color:#fff!important;
    cursor:pointer!important;
    font:950 11px/1 Arial,Helvetica,sans-serif!important;
    letter-spacing:.04em!important;
}

.mm-weatherbar--v4 .mm-weatherbar__live:hover{
    background:rgba(255,255,255,.08)!important;
}

/* =========================================================
   CABEÇALHO V4 — busca sempre visível
   ========================================================= */

.home-v2 .rmmx-topbar-v4{
    min-height:116px!important;
    padding-top:8px!important;
    padding-bottom:14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:30px!important;
}

.home-v2 .rmmx-topbar-v4 .brand{
    flex:0 0 auto!important;
}

.home-v2 .rmmx-header-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:14px!important;
    margin-top:12px!important; /* deixa busca/hambúrguer um pouco mais baixos */
}

.home-v2 .rmmx-header-search{
    width:300px!important;
    height:46px!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    padding:0 15px!important;
    border:1px solid #dbe3f1!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 6px 18px rgba(14,50,120,.08)!important;
}

.home-v2 .rmmx-header-search__icon{
    flex:0 0 auto!important;
    color:#123a97!important;
    font-size:18px!important;
    font-weight:900!important;
    line-height:1!important;
}

.home-v2 .rmmx-header-search input{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#17213a!important;
    font:700 13px/1 Arial,Helvetica,sans-serif!important;
    box-shadow:none!important;
    appearance:none!important;
    -webkit-appearance:none!important;
}

.home-v2 .rmmx-header-search input::placeholder{
    color:#79859a!important;
    opacity:1!important;
}

.home-v2 .rmmx-menu-btn-v4{
    position:relative!important;
    inset:auto!important;
    flex:0 0 auto!important;
    margin:0!important;
}

/* A faixa antiga foi removida do HTML. */
.home-v2 .ticker{
    display:none!important;
}

/* Tablet/mobile */
@media(max-width:900px){
    .mm-weatherbar--v4 .mm-weatherbar__inner--v4{
        grid-template-columns:auto 1fr auto!important;
        gap:10px!important;
    }

    .mm-weatherbar--v4 .mm-weatherbar__location{
        max-width:150px!important;
    }

    .mm-weatherbar__ticker-track{
        font-size:11px!important;
    }

    .home-v2 .rmmx-header-search{
        width:240px!important;
    }
}

@media(max-width:720px){
    .mm-weatherbar--v4{
        min-height:40px!important;
    }

    .mm-weatherbar--v4 .mm-weatherbar__inner--v4{
        width:calc(100% - 18px)!important;
        min-height:40px!important;
        grid-template-columns:auto 1fr auto!important;
        gap:7px!important;
    }

    .mm-weatherbar--v4 .mm-weatherbar__location{
        display:none!important;
    }

    .mm-weatherbar--v4 .mm-weatherbar__divider{
        display:none!important;
    }

    .mm-weatherbar--v4 .mm-weatherbar__weather{
        gap:4px!important;
        font-size:10px!important;
    }

    .mm-weatherbar__ticker-track{
        font-size:10px!important;
        gap:24px!important;
        animation-duration:20s!important;
    }

    .mm-weatherbar--v4 .mm-weatherbar__live{
        padding:5px 3px!important;
        font-size:9px!important;
    }

    .home-v2 .rmmx-topbar-v4{
        min-height:92px!important;
        padding:8px 14px 10px!important;
        gap:12px!important;
    }

    .home-v2 .rmmx-header-actions{
        gap:8px!important;
        margin-top:8px!important;
    }

    .home-v2 .rmmx-header-search{
        width:min(190px,50vw)!important;
        height:42px!important;
        padding:0 11px!important;
        border-radius:12px!important;
    }

    .home-v2 .rmmx-header-search input{
        font-size:12px!important;
    }
}

@media(max-width:480px){
    .mm-weatherbar__ticker{
        display:none!important;
    }

    .mm-weatherbar--v4 .mm-weatherbar__inner--v4{
        grid-template-columns:1fr auto!important;
    }

    .home-v2 .rmmx-header-search{
        width:min(155px,46vw)!important;
    }
}