/* EXTREME NEWS | Cards climáticos ilustrados: fotos responsivas sem mudar as dimensões existentes. */
body.omni-news-ui .weather-story{position:relative;isolation:isolate;overflow:hidden;min-height:145px;border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:16px;margin-block:8px 14px;background:#142438;color:#fff;box-sizing:border-box}
body.omni-news-ui .weather-story .weather-scene{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 47%;z-index:-2;pointer-events:none}
body.omni-news-ui .weather-story::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,10,23,.87),rgba(3,10,23,.60) 54%,rgba(3,10,23,.13));pointer-events:none}
body.omni-news-ui .weather-story .tag,body.omni-news-ui .weather-story h3,body.omni-news-ui .weather-story small,body.omni-news-ui .weather-story .weather-story-reading{position:relative;color:#fff!important;text-shadow:0 1px 4px #000b}
body.omni-news-ui .weather-story .tag{color:#f0f3fa!important}
body.omni-news-ui .weather-story small{color:#e1e6f0!important}
body.omni-news-ui .weather-story .weather-story-reading{background:rgba(4,12,25,.43);border-color:rgba(255,255,255,.26);border-radius:9px;padding:8px;min-width:64px}
body.omni-news-ui .weather-story:hover,body.omni-news-ui .weather-story:focus-visible{border-color:var(--brand-accent);box-shadow:0 7px 22px rgba(0,0,0,.18)}
body.omni-news-ui .weather-drawer .weather-current{position:relative;isolation:isolate;overflow:hidden;align-items:center;min-height:152px;background:#122238!important;border:1px solid rgba(255,255,255,.20)}
body.omni-news-ui .weather-drawer .weather-current>.weather-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%;z-index:-2;pointer-events:none}
body.omni-news-ui .weather-drawer .weather-current::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,14,32,.90),rgba(5,14,32,.60) 62%,rgba(5,14,32,.20));z-index:-1;pointer-events:none}
body.omni-news-ui .weather-drawer .weather-current strong,body.omni-news-ui .weather-drawer .weather-current span,body.omni-news-ui .weather-drawer .weather-current small{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.75)}
body.omni-news-ui .weather-drawer .weather-current .weather-current-icon{background:rgba(0,0,0,.35);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.16)}
body.omni-news-ui .weather-drawer .weather-day{position:relative;isolation:isolate;overflow:hidden;background:#142238!important;min-height:110px;border-color:rgba(255,255,255,.18)!important}
body.omni-news-ui .weather-drawer .weather-day>.weather-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;pointer-events:none}
body.omni-news-ui .weather-drawer .weather-day::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(2,9,23,.36),rgba(2,9,23,.86));pointer-events:none}
body.omni-news-ui .weather-drawer .weather-day :is(.weather-day-name,strong,small){color:#fff!important;text-shadow:0 1px 4px #000d}
body.omni-news-ui .weather-drawer .weather-day .weather-day-icon{filter:drop-shadow(0 1px 2px #000a)}
@media (max-width:760px){body.omni-news-ui .front-rail .weather-story{display:block;min-height:140px;padding:15px 16px;border:1px solid rgba(255,255,255,.14);border-radius:13px}body.omni-news-ui .front-rail .weather-story .weather-story-reading{float:right;margin:2px 0 6px 10px;width:auto;font-size:25px;min-width:60px;padding:8px}body.omni-news-ui .weather-drawer .weather-current{min-height:140px}body.omni-news-ui .weather-drawer .weather-day{min-height:105px}}
@media (max-width:390px){body.omni-news-ui .weather-drawer .weather-day{padding:9px 3px;gap:4px}body.omni-news-ui .weather-drawer .weather-day strong{font-size:12px}body.omni-news-ui .weather-drawer .weather-day small{font-size:9px}}
@media(prefers-reduced-motion:reduce){body.omni-news-ui .weather-story{transition:none}}

/* EXTREME NEWS | Correção de contraste sobre as fotografias — tema claro e escuro. */
/* O tema claro original usa texto castanho nos blocos; sobre fotos escuras deve ser branco. */
html[data-theme="light"] body.omni-news-ui .weather-drawer .weather-current,
html[data-theme="light"] body.omni-news-ui .weather-drawer .weather-day {
  background-color:#0b1930!important;
  border-color:rgba(255,255,255,.24)!important;
}
html[data-theme="light"] body.omni-news-ui .weather-drawer .weather-current :is(strong,span:not(.weather-current-icon),small),
html[data-theme="light"] body.omni-news-ui .weather-drawer .weather-day :is(.weather-day-name,strong,small),
body.omni-news-ui .weather-drawer .weather-current :is(strong,span:not(.weather-current-icon),small),
body.omni-news-ui .weather-drawer .weather-day :is(.weather-day-name,strong,small) {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  text-shadow:0 2px 5px rgba(0,0,0,.95)!important;
}
/* Diminuir brilho dos fundos sempre do lado dos textos, sem esconder a fotografia. */
body.omni-news-ui .weather-drawer .weather-current::before {
  background:linear-gradient(90deg,rgba(2,9,22,.94) 0%,rgba(2,9,22,.80) 43%,rgba(2,9,22,.37) 100%)!important;
}
body.omni-news-ui .weather-drawer .weather-day::before {
  background:linear-gradient(180deg,rgba(2,8,18,.60),rgba(2,8,18,.74) 44%,rgba(2,8,18,.96))!important;
}
body.omni-news-ui .weather-drawer .weather-current > div,
body.omni-news-ui .weather-drawer .weather-day > :not(.weather-scene) {
  position:relative;
  z-index:1;
}
body.omni-news-ui .weather-drawer .weather-current #weatherNowTemp {
  font-size:clamp(37px,4vw,53px)!important;
  line-height:1.05!important;
  font-weight:900!important;
}
body.omni-news-ui .weather-drawer .weather-current #weatherNowSummary {
  font-size:clamp(14px,1.5vw,16px)!important;
  line-height:1.4!important;
  font-weight:800!important;
}
body.omni-news-ui .weather-drawer .weather-current #weatherNowFeels {
  font-size:12px!important;
  line-height:1.5!important;
  color:#eff3fa!important;
  -webkit-text-fill-color:#eff3fa!important;
}
body.omni-news-ui .weather-drawer .weather-day .weather-day-name {
  font-size:clamp(11px,1.4vw,13px)!important;
  letter-spacing:.06em;
  font-weight:900!important;
}
body.omni-news-ui .weather-drawer .weather-day strong {
  font-size:clamp(13px,1.6vw,17px)!important;
  line-height:1.2!important;
  font-weight:900!important;
}
body.omni-news-ui .weather-drawer .weather-day small {
  font-size:clamp(11px,1.25vw,13px)!important;
  line-height:1.35!important;
  font-weight:700!important;
}
body.omni-news-ui .weather-drawer .weather-day .weather-day-icon {
  z-index:1;
  font-size:clamp(22px,3vw,29px)!important;
  filter:drop-shadow(0 2px 4px #000c)!important;
}
/* O ícone fica em vidro escuro para combinar com o texto legível. */
html[data-theme="light"] body.omni-news-ui .weather-drawer .weather-current .weather-current-icon,
body.omni-news-ui .weather-drawer .weather-current .weather-current-icon {
  position:relative;
  z-index:1;
  background:rgba(4,14,31,.73)!important;
  border:1px solid rgba(255,255,255,.25)!important;
  color:#fff!important;
  -webkit-text-fill-color:initial!important;
  box-shadow:0 2px 9px #0004;
}
@media (max-width:760px) {
  body.omni-news-ui .weather-drawer .weather-current { min-height:145px; gap:12px; }
  body.omni-news-ui .weather-drawer .weather-next-days { gap:8px; }
  body.omni-news-ui .weather-drawer .weather-day { min-height:115px; padding:11px 4px; gap:7px; }
}
@media (max-width:390px) {
  body.omni-news-ui .weather-drawer .weather-day { padding:10px 3px; }
  body.omni-news-ui .weather-drawer .weather-day strong { font-size:13px!important; letter-spacing:-.02em; }
  body.omni-news-ui .weather-drawer .weather-day small { font-size:11px!important; }
}

/* CAPA DO JORNAL — contraste do card compacto em ambos os temas */
/* Especificidade superior ao tema claro: manchetes e metadados não podem herdar tinta escura sobre fotografias. */
html[data-theme="light"] body.omni-news-ui .front-rail .weather-story,
html[data-theme="dark"] body.omni-news-ui .front-rail .weather-story,
body.omni-news-ui .front-rail .weather-story,
body.omni-news-ui .weather-story.weather-story-alone {
  color:#fff!important;
  background-color:#071525!important;
  border:1px solid rgba(255,255,255,.26)!important;
}
body.omni-news-ui .weather-story::before {
  background:linear-gradient(90deg,rgba(2,9,22,.98) 0%,rgba(2,9,22,.93) 36%,rgba(2,9,22,.67) 70%,rgba(2,9,22,.36) 100%)!important;
  z-index:-1!important;
}
body.omni-news-ui .weather-story > :not(.weather-scene) {position:relative;z-index:1;}
html[data-theme="light"] body.omni-news-ui .weather-story :is(.tag,#weatherStoryHeadline,#weatherStoryMeta,#weatherStoryTemp),
html[data-theme="dark"] body.omni-news-ui .weather-story :is(.tag,#weatherStoryHeadline,#weatherStoryMeta,#weatherStoryTemp),
body.omni-news-ui .weather-story :is(.tag,#weatherStoryHeadline,#weatherStoryMeta,#weatherStoryTemp) {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  text-shadow:0 2px 5px rgba(0,0,0,.92)!important;
}
html[data-theme="light"] body.omni-news-ui .weather-story #weatherStoryMeta,
body.omni-news-ui .weather-story #weatherStoryMeta {
  color:#f0f4fb!important;
  -webkit-text-fill-color:#f0f4fb!important;
  font-size:clamp(11px,1.22vw,13px)!important;
  font-weight:600!important;
  line-height:1.5!important;
  display:block;
}
html[data-theme="light"] body.omni-news-ui .weather-story #weatherStoryHeadline,
body.omni-news-ui .weather-story #weatherStoryHeadline {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:clamp(18px,2.25vw,27px)!important;
  line-height:1.23!important;
  font-weight:750!important;
  margin:8px 0!important;
  overflow-wrap:break-word;
  hyphens:auto;
}
html[data-theme="light"] body.omni-news-ui .weather-story .tag,
body.omni-news-ui .weather-story .tag {
  color:#ffe2e5!important;
  -webkit-text-fill-color:#ffe2e5!important;
  font-weight:800!important;
  letter-spacing:.07em;
}
body.omni-news-ui .weather-story #weatherStoryTemp {
  background:rgba(2,9,24,.68)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:10px;
  font-size:clamp(25px,3vw,40px)!important;
  font-weight:900!important;
  font-variant-numeric:tabular-nums;
  box-shadow:0 4px 14px rgba(0,0,0,.18);
}
@media(max-width:760px) {
  body.omni-news-ui .front-rail .weather-story{min-height:156px!important;padding:18px 16px!important;}
  body.omni-news-ui .weather-story #weatherStoryHeadline {font-size:clamp(18px,4.3vw,25px)!important;}
  body.omni-news-ui .weather-story #weatherStoryTemp {max-width:84px;min-width:66px!important;font-size:clamp(24px,6vw,31px)!important;}
  body.omni-news-ui .weather-story #weatherStoryMeta {font-size:12px!important;}
}
@media(max-width:370px) {
  body.omni-news-ui .front-rail .weather-story{padding:16px 12px!important;}
  body.omni-news-ui .weather-story #weatherStoryHeadline{font-size:18px!important;line-height:1.28!important;}
  body.omni-news-ui .weather-story #weatherStoryMeta{font-size:11px!important;}
}
@media(prefers-reduced-motion:reduce){body.omni-news-ui .weather-story{transition:none}}

/* Manchetes da capa: selo Novo/Atualizado compacto, sem faixa vermelha de ponta a ponta. */
body.omni-news-ui .front-rail .rail-story :is(.ex-new-tag,.ex-updated-tag){
  display:inline-flex!important;
  justify-self:start!important;
  align-self:start!important;
  width:max-content!important;
  max-width:100%;
  box-sizing:border-box;
  padding:4px 9px!important;
  border-radius:6px!important;
  grid-column:1;
}