/* CMWR V3.0 · mobile · 01-hero */
@media (max-width: 900px){
.hero {
  min-width: 760px;
}
}

@media (max-width:1100px){
.hero {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding-bottom: 24px;
}
.hero__art {
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
  order: 1;
}
.tuner-menu {
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
  order: 0;
  padding: 10px;
  background: var(--panel);
}
.tuner-menu__glass,
.tuner-menu__scale,
.tuner-menu__needle {
  display: none;
}
.tuner-menu__nav {
  position: relative;
  inset: auto;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  width: 100%;
  height: auto;
  gap: 4px;
}
.tuner-link {
  display: grid;
  place-items: center;
  min-height: 44px;
  padding: 8px;
  font-size: 13px;
  letter-spacing: 0;
}
.status-panel {
  position: relative;
  inset: auto;
  width: 100%;
  height: 44px;
  order: 2;
}
.brand-wall {
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
  order: 3;
  padding: 20px;
  display: grid;
  justify-items: center;
}
.brand-wall__logo {
  position: relative;
  inset: auto;
  width: min(280px,80%);
  height: 100px;
  transform: none;
}
.brand-copy {
  position: relative;
  inset: auto;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.brand-copy__eyebrow {
  font-size: 12px;
}
.brand-copy__body,
.brand-copy__closing {
  font-size: 16px;
  line-height: 1.6;
}
.brand-copy__program {
  font-size: 18px;
}
.neon-sign span {
  font-size: clamp(18px,4.5vw,27px);
}
.hero-meter {
  position: relative;
  inset: auto;
  width: min(300px,90%);
  height: 60px;
  margin-top: 16px;
}
.scroll-cue {
  position: relative;
  inset: auto;
  order: 4;
  margin: 10px auto;
  transform: none;
}
.status-marquee__group {
  font-size: 13px;
}
.tuner-link:focus-visible {
  outline: 2px solid var(--cream);
  outline-offset: 2px;
}
.tuner-menu__nav .tuner-link:last-child {
  grid-column: 2 / 4;
}
}

@media (max-width: 900px){
/* ======================================================
     HERO MOBILE 02
     Curitiba preservada; identidade sobe para a imagem;
     equalizador ocupa a faixa preta inferior.
     ====================================================== */
  .hero {
    position:relative;
    width:100%;
    height:100svh;
    min-height:100svh;
    overflow:hidden;
    background:#020608;
    isolation:isolate;
  }
.hero::after {
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
      linear-gradient(180deg,
        rgba(2,8,14,.03) 0%,
        rgba(2,8,14,.04) 42%,
        rgba(1,6,10,.16) 53%,
        rgba(1,5,8,.44) 69%,
        rgba(1,4,7,.91) 78%,
        #020508 82%,
        #020508 100%),
      linear-gradient(90deg,
        transparent 0 79%,
        rgba(0,8,10,.16) 87%,
        rgba(0,7,9,.40) 100%);
  }
.hero__art:not(.hero__art--mobile) { display:none; }
.hero__art--mobile {
    display:block;
    position:absolute;
    z-index:0;
    inset:0;
    width:100%;
    height:82%;
    aspect-ratio:auto;
    object-fit:cover;
    object-position:51% 48%;
    filter:saturate(1.05) contrast(1.02);
  }
/* No mobile, a sintonia vertical assume a navegação. */
  .hero .tuner-menu,
  .hero .status-panel,
  .hero .scroll-cue { display:none; }
/* Mantém o mesmo conteúdo do Hero desktop, apenas reposicionado. */
  .hero .brand-wall {
    position:absolute;
    z-index:7;
    inset:0 56px 0 0;
    width:auto;
    height:auto;
    padding:0;
    pointer-events:none;
    background:none;
  }
.hero .brand-wall::before {
    content:"";
    position:absolute;
    z-index:-1;
    left:10px;
    right:4px;
    top:45.5%;
    height:31%;
    background:radial-gradient(ellipse at 30% 50%,rgba(1,7,11,.60),rgba(1,7,11,.28) 52%,transparent 78%);
    filter:blur(8px);
    pointer-events:none;
  }
.hero .brand-wall__logo {
    position:absolute;
    left:18px;
    top:47.5%;
    width:min(66vw,265px);
    height:13.5%;
    object-fit:contain;
    object-position:left center;
    transform:none;
    filter:drop-shadow(0 7px 15px rgba(0,0,0,.68)) drop-shadow(0 0 8px rgba(214,154,79,.13));
  }
.hero .brand-copy {
    position:absolute;
    left:20px;
    right:10px;
    top:61.2%;
    width:auto;
    text-align:left;
  }
.hero .brand-copy__eyebrow {
    margin-bottom:5px;
    color:#e9b66f;
    font-size:clamp(7px,2.05vw,10px);
    letter-spacing:.15em;
  }
.hero .neon-sign { margin-bottom:7px; }
.hero .neon-sign span {
    font-size:clamp(17px,4.7vw,26px);
    line-height:1.01;
    white-space:normal;
    letter-spacing:.045em;
  }
.hero .brand-copy__body {
    font-size:clamp(9px,2.38vw,12px);
    line-height:1.28;
    color:rgba(241,232,217,.88);
  }
.hero .brand-copy__program {
    margin:7px 0 0;
    font-size:clamp(9px,2.55vw,13px);
    letter-spacing:.105em;
  }
.hero .brand-copy__closing { display:none; }
/* Equalizador no rodapé preto. */
  .hero .hero-meter {
    left:18px;
    right:8px;
    bottom:2.2%;
    height:8.3%;
    gap:2.0%;
    opacity:.96;
  }
.hero .hero-meter i { width:5.15%; }
}

@media (max-width: 900px){
.hero {
    display:block !important;
    flex-direction:initial !important;
    padding:0 !important;
  }
.hero__art--mobile {
    position:absolute !important;
    inset:0 0 auto 0 !important;
    width:100% !important;
    height:76% !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    object-fit:cover !important;
    object-position:51% 47% !important;
  }
.hero::after {
    background:
      linear-gradient(180deg,
        rgba(2,8,14,.02) 0%,
        rgba(2,8,14,.03) 38%,
        rgba(1,6,10,.10) 49%,
        rgba(1,5,8,.33) 61%,
        rgba(1,4,7,.72) 69%,
        #020508 76%,
        #020508 100%),
      linear-gradient(90deg,
        transparent 0 80%,
        rgba(0,8,10,.12) 88%,
        rgba(0,7,9,.34) 100%);
  }
.hero .brand-wall {
    display:block !important;
    position:absolute !important;
    inset:0 48px 0 0 !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
  }
.hero .brand-wall::before {
    left:8px;
    right:0;
    top:23.8%;
    height:30.5%;
    background:radial-gradient(ellipse at 32% 50%,rgba(1,7,11,.55),rgba(1,7,11,.25) 54%,transparent 79%);
  }
.hero .brand-wall__logo {
    position:absolute !important;
    inset:auto !important;
    left:94px !important;
    top:12.8% !important;
    width:min(58vw,235px) !important;
    height:auto !important;
    aspect-ratio:1784/882;
    margin:0 !important;
    object-fit:contain !important;
    object-position:left center !important;
    transform:none !important;
  }
.hero .brand-copy {
    position:absolute !important;
    inset:auto !important;
    left:69px !important;
    right:10px !important;
    top:30.8% !important;
    width:auto !important;
    margin:0 !important;
    text-align:left !important;
  }
.hero .brand-copy__eyebrow {
    margin:0 0 4px !important;
    font-size:clamp(7.8px,2.22vw,10.8px) !important;
  }
.hero .neon-sign {
    margin:0 0 6px !important;
  }
.hero .neon-sign span {
    font-size:clamp(19.2px,5.1vw,27.6px) !important;
    line-height:1 !important;
  }
.hero .brand-copy__body {
    margin:0 !important;
    font-size:clamp(9.6px,2.58vw,13.2px) !important;
    line-height:1.22 !important;
  }
.hero .brand-copy__program {
    display:inline-block !important;
    margin:6px 0 0 !important;
    font-size:clamp(9.6px,2.7vw,14.4px) !important;
  }
.hero .hero-meter {
    position:absolute !important;
    z-index:8 !important;
    inset:auto 54px 2.2% 18px !important;
    width:auto !important;
    height:8.8% !important;
    margin:0 !important;
    display:flex !important;
    align-items:stretch !important;
    justify-content:space-between !important;
    gap:2% !important;
  }
.hero .hero-meter i {
    width:5.25% !important;
    height:100% !important;
  }
}

@media(max-width:900px){
.hero-weather{left:20px;right:auto;bottom:11.5%;font-size:clamp(11px,2.8vw,15px)}
.hero-news{left:16px;right:58px;bottom:16.5%;font-size:clamp(10px,2.5vw,13px);padding:6px 8px;gap:7px}
.hero-news__label{font-size:9px}
.hero-news a{min-width:0}
}

@media(max-width:900px){
.hero .status-panel{display:block;left:16px;right:58px;top:1.8%;width:auto;height:35px;z-index:12}
.hero .status-panel__surface{inset:0;border:1px solid #b8845477;border-radius:7px}
.hero .status-marquee{inset:3px 8px}
.hero .status-marquee__track{font-size:12px}
}

@media (max-width:900px){
.hero .hero-news {
    left:18px;right:55px;top:82.6%;bottom:auto;
    height:3.6%;min-height:28px;max-height:38px;
    box-sizing:border-box;padding:5px 8px;z-index:15;
  }
}

@media(max-width:900px){
.hero .hero-news{left:0;right:0;top:calc(76% + 7px);bottom:auto;width:100%;height:34px;min-height:0;max-height:none;padding:0 8px;gap:7px}
.hero .hero-news__label{font-size:9px}
.hero .hero-news__set a{font-size:11px}
.hero .hero-news__separator{padding:0 12px}
.hero--day .hero__art--mobile{filter:brightness(1.15) saturate(1.09) contrast(1.01)!important}
.hero--night .hero__art--mobile{filter:brightness(.70) saturate(.83) contrast(1.07)!important}
.hero--day::after{background:linear-gradient(180deg,transparent 0%,rgba(1,5,9,.03) 38%,rgba(1,5,9,.12) 55%,rgba(1,5,9,.46) 68%,#020508 76%,#020508 100%)!important}
}

@media(max-width:900px){
.hero .status-panel{display:none!important}
.hero--night .hero__art--mobile{filter:brightness(.53) saturate(.72) contrast(1.08)!important}
}

@media(max-width:900px){
.brand-wall .hero-clock{left:20px;right:auto;bottom:15.5%;font-size:12px}
.brand-wall .hero-weather-license:not([hidden]){left:20px;right:auto;bottom:8%;font-size:8px}
.hero-weather__source{white-space:nowrap}
}

@media(max-width:900px){
/* A arte mobile usa object-fit:cover. O centro do vidro é o recorte visível. */
  .hero .hero-weather-stage{width:100%;height:82%;aspect-ratio:auto}
.hero .weather-glass--side{display:none}
.hero .weather-glass--main{
    left:0;top:0;width:100%;height:100%;
    clip-path:polygon(0 7%,100% 8%,100% 91%,0 91%);
  }
/* A iluminação antiga aplicada à imagem inteira também atingia a moldura. */
  .hero.hero--day .hero__art--mobile,.hero.hero--night .hero__art--mobile{filter:saturate(1.05) contrast(1.02)!important}
.hero.hero--day::after{background:linear-gradient(180deg,transparent 0%,rgba(1,5,9,.03) 38%,rgba(1,5,9,.12) 55%,rgba(1,5,9,.46) 68%,#020508 76%,#020508 100%)!important}
}