/*
Theme Name: Varejo Press V9.40.3 — Reduflação 2026
Theme URI: https://varejopress.com.br/
Description: Varejo Press editorial com matérias originais, páginas institucionais, RSS, Pexels, OpenWeather e widgets comerciais.
Version: 9.40.3
Author: Varejo Press
Text Domain: varejo-press
*/

/* ================= V4.2 — WIDGETS ================= */
.market-panel,.flight-panel,.currency-panel{min-height:390px}
.market-widget{min-height:300px;border-radius:16px;overflow:hidden;background:rgba(0,0,0,.14);border:1px solid rgba(255,255,255,.07)}
.tradingview-widget-container{width:100%!important;min-height:300px}
.tradingview-widget-copyright{font-size:9px!important;opacity:.42!important;padding:4px 8px!important}
.tradingview-widget-copyright a{color:inherit}
.market-note{font-size:.56rem;color:rgba(255,255,255,.43);line-height:1.4;margin-top:8px}
.partner-cta{
  margin-top:11px;padding:10px 11px;border-radius:12px;
  border:1px solid rgba(223,255,99,.15);
  background:rgba(223,255,99,.045);
}
.partner-cta span{display:block;font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(223,255,99,.7)}
.partner-cta strong{display:block;margin-top:3px;font-size:.68rem}
.currency-main{display:flex;flex-direction:column;gap:9px}
.currency-rate{
  display:flex;justify-content:space-between;align-items:center;
  padding:12px 11px;border-bottom:1px solid var(--line-soft);
}
.currency-rate span{font-size:.68rem;color:var(--muted)}
.currency-rate strong{font-size:.85rem}
.currency-main p{margin:3px 0;color:var(--muted);font-size:.68rem;line-height:1.45}
.partner-button{width:100%;margin-top:2px}
.currency-main small{font-size:.55rem;color:rgba(255,255,255,.4);line-height:1.35}
@media(max-width:1050px){.market-panel,.flight-panel,.currency-panel{min-height:0}}
.market-partner-link{display:inline-flex;margin-top:8px;color:var(--accent);font-size:.62rem;font-weight:900;text-decoration:none}
.market-partner-link:hover{text-decoration:underline}


/* ================= V4.2.1 — HIERARQUIA DO HERO ================= */
/* Mais respiro entre o nome, o slogan e o crédito da foto, preservando o layout Tokyo. */
.splash h1{
  margin-top:20px;
}
.splash p{
  margin-top:42px;
  max-width:860px;
}
.splash-photo-credit{
  margin-top:30px;
}
.splash .progress{
  margin-top:34px;
}
@media(max-width:700px){
  .splash p{margin-top:28px}
  .splash-photo-credit{margin-top:22px}
  .splash .progress{margin-top:28px}
}

@media (max-width:900px){
  .editorial-feature-grid{grid-template-columns:1fr}
  .editorial-feature-grid > article,
  .editorial-main,.editorial-secondary{min-height:430px}
}
@media (max-width:560px){
  .editorial-copy{left:20px;right:20px;bottom:20px}
  .editorial-main .editorial-copy h1{font-size:2rem}
}

/* V5.4 — destaques editoriais lado a lado */
.editorial-feature-grid.v54{
  display:grid;
  grid-template-columns:minmax(0,1.9fr) minmax(300px,.9fr);
  gap:16px;
  margin:0 0 20px;
  align-items:stretch;
}
.editorial-feature-grid.v54 > article{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  min-height:520px;
  isolation:isolate;
}
.editorial-feature-grid.v54 .editorial-main{
  min-height:520px;
}
.editorial-feature-grid.v54 .editorial-secondary{
  min-height:520px;
}
.editorial-feature-grid.v54 .editorial-image{
  position:absolute;
  inset:0;
  z-index:-2;
  background-size:cover;
  background-position:center;
  transform:scale(1.01);
}
.editorial-feature-grid.v54 .editorial-bienal .editorial-image{
  background-size:cover;
  background-position:center;
}
.editorial-feature-grid.v54 .editorial-overlay{
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(3,11,12,.03) 0%,rgba(3,11,12,.12) 34%,rgba(3,11,12,.93) 100%);
}
.editorial-feature-grid.v54 .editorial-copy{
  position:absolute;
  left:30px;
  right:30px;
  bottom:25px;
  z-index:2;
  max-width:920px;
}
.editorial-feature-grid.v54 .editorial-main .editorial-copy h1{
  margin:8px 0 12px;
  font-size:clamp(2rem,3.3vw,3.8rem);
  line-height:.98;
  letter-spacing:-.055em;
}
.editorial-feature-grid.v54 .editorial-secondary .editorial-copy h2{
  margin:8px 0 10px;
  font-size:clamp(1.55rem,2.1vw,2.35rem);
  line-height:1.03;
  letter-spacing:-.045em;
}
.editorial-feature-grid.v54 .editorial-copy p{
  margin:0 0 15px;
  color:#d4ddd8;
  line-height:1.48;
  font-size:.9rem;
}
.editorial-feature-grid.v54 .editorial-secondary .editorial-copy p{
  font-size:.82rem;
}
.editorial-feature-grid.v54 .editorial-photo-credit{
  margin-top:10px;
  color:#b8c2bd;
  font-size:.61rem;
}
.editorial-feature-grid.v54 .editorial-photo-credit a{
  color:#d3e2da;
  text-decoration:none;
}
.editorial-feature-grid.v54 .btn-small{
  padding:9px 13px;
  font-size:.7rem;
}
@media (max-width:900px){
  .editorial-feature-grid.v54{
    grid-template-columns:1fr;
  }
  .editorial-feature-grid.v54 > article,
  .editorial-feature-grid.v54 .editorial-main,
  .editorial-feature-grid.v54 .editorial-secondary{
    min-height:430px;
  }
}
@media (max-width:560px){
  .editorial-feature-grid.v54 .editorial-copy{
    left:20px;
    right:20px;
    bottom:20px;
  }
  .editorial-feature-grid.v54 .editorial-main .editorial-copy h1{
    font-size:2rem;
  }
}

/* V5.5 — indicador discreto de atualização do clima */
.weather-refresh-dot{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:14px;
  height:14px;
  margin-left:1px;
  color:rgba(210,225,218,.58);
  font-size:.68rem;
  line-height:1;
  opacity:.72;
}


/* V5.6 — abertura mais contemplativa */
.splash-content{
  justify-content:center !important;
  padding-top:5vh !important;
}
.splash h1{
  margin-top:0 !important;
}
.splash p{
  margin-top:58px !important;
  max-width:900px !important;
}
.splash-photo-credit{
  margin-top:42px !important;
}
.splash .progress{
  margin-top:42px !important;
}
.splash .progress span{
  animation-duration:7s !important;
}

/* V5.6 — quatro editorias lado a lado com imagens */
.news-grid.vp56-news-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:start !important;
}
.news-grid.vp56-news-grid .news-column{
  min-width:0;
  overflow:hidden;
}
.news-grid.vp56-news-grid .news-item{
  display:block !important;
  padding:0 !important;
  overflow:hidden;
}
.news-grid.vp56-news-grid .rss-image{
  width:100%;
  aspect-ratio:16/9;
  background-size:cover;
  background-position:center;
  border-bottom:1px solid var(--line-soft);
}
.news-grid.vp56-news-grid .rss-image-placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 25% 20%,rgba(223,255,99,.12),transparent 38%),
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012));
  color:rgba(255,255,255,.20);
  font-weight:900;
  letter-spacing:.18em;
  font-size:1rem;
}
.news-grid.vp56-news-grid .rss-copy{
  padding:15px 16px 16px;
}
.news-grid.vp56-news-grid .news-item.featured h3{
  font-size:1.02rem !important;
  line-height:1.18 !important;
}
.news-grid.vp56-news-grid .news-item:not(.featured) .rss-image{
  aspect-ratio:2/1;
}
.news-grid.vp56-news-grid .news-item:not(.featured) h3{
  font-size:.82rem !important;
  line-height:1.28 !important;
}
@media(max-width:1100px){
  .news-grid.vp56-news-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:650px){
  .news-grid.vp56-news-grid{
    grid-template-columns:1fr !important;
  }
  .splash p{margin-top:42px !important}
  .splash-photo-credit{margin-top:32px !important}
  .splash .progress{margin-top:32px !important}
}

/* V5.7 — correção definitiva das editorias */
.news-grid.vp57-news-grid{
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:14px!important;
 width:100%!important;
 align-items:start!important;
}
.news-grid.vp57-news-grid .news-column{
 display:block!important;
 width:100%!important;
 min-width:0!important;
 overflow:hidden!important;
}
.news-grid.vp57-news-grid .news-item{
 display:block!important;
 width:100%!important;
 padding:0!important;
 overflow:hidden!important;
}
.news-grid.vp57-news-grid .rss-image{
 display:block!important;
 width:100%!important;
 height:170px!important;
 aspect-ratio:16/9!important;
 background-size:cover!important;
 background-position:center!important;
}
.news-grid.vp57-news-grid .rss-copy{padding:14px 15px 15px!important}
.splash-city-info{
 margin-top:22px;
 width:min(720px,90vw);
 padding:9px 15px 10px;
 border:1px solid rgba(255,255,255,.11);
 border-radius:16px;
 background:rgba(5,14,11,.24);
 backdrop-filter:blur(10px);
 text-align:center;
 color:rgba(232,240,236,.78);
}
.splash-city-info>div{display:flex;justify-content:center;gap:8px;align-items:baseline;flex-wrap:wrap}
.splash-city-info strong{font-size:.92rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.88)}
.splash-city-info span{font-size:.64rem;color:rgba(255,255,255,.55)}
.splash-city-info p{margin:5px 0 2px!important;font-size:.68rem;line-height:1.35;color:rgba(231,239,235,.78)}
.splash-city-info small{font-size:.58rem;color:rgba(255,255,255,.45)}
@media(max-width:1100px){.news-grid.vp57-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){
 .news-grid.vp57-news-grid{grid-template-columns:1fr!important}
 .splash-city-info{width:calc(100% - 30px)}
}

/* V5.8 — cidade do dia mais discreta e mais baixa */
.splash-city-info{
  margin-top:42px!important;
  width:min(620px,86vw)!important;
  padding:7px 12px 8px!important;
  border-radius:14px!important;
  opacity:.78;
}
.splash-city-info strong{font-size:.72rem!important}
.splash-city-info span{font-size:.54rem!important}
.splash-city-info p{margin:3px 0 1px!important;font-size:.55rem!important;line-height:1.25!important}
.splash-city-info small{font-size:.49rem!important}

/* V5.8 — grade RSS realmente horizontal */
.news-grid.vp57-news-grid,
.news-grid.vp58-news-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  align-items:start!important;
}
.news-grid.vp57-news-grid .news-column,
.news-grid.vp58-news-grid .news-column{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
.news-grid.vp57-news-grid .news-item,
.news-grid.vp58-news-grid .news-item{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.news-grid.vp57-news-grid .rss-image,
.news-grid.vp58-news-grid .rss-image{
  display:block!important;
  width:100%!important;
  height:150px!important;
  min-height:150px!important;
  background-size:cover!important;
  background-position:center!important;
}
.news-grid.vp57-news-grid .rss-copy,
.news-grid.vp58-news-grid .rss-copy{padding:12px 14px 14px!important}
.news-grid.vp57-news-grid .news-item + .news-item,
.news-grid.vp58-news-grid .news-item + .news-item{
  border-top:1px solid rgba(255,255,255,.08);
}
@media(max-width:1100px){
 .news-grid.vp57-news-grid,.news-grid.vp58-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:650px){
 .news-grid.vp57-news-grid,.news-grid.vp58-news-grid{grid-template-columns:1fr!important}
 .splash-city-info{margin-top:30px!important}
}


/* =========================================================
   VAREJO PRESS V5.9 — CORREÇÃO FINAL DE LAYOUT / RSS / ABERTURA
   ========================================================= */

/* Destaques originais: dois cards lado a lado no desktop */
#original.vp59-feature-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.9fr) minmax(300px,.9fr)!important;
  gap:16px!important;
  width:100%!important;
  align-items:stretch!important;
}
#original.vp59-feature-grid > article{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
#original.vp59-feature-grid .editorial-main,
#original.vp59-feature-grid .editorial-secondary{
  grid-column:auto!important;
  grid-row:auto!important;
  min-height:440px!important;
}

/* RSS: quatro editorias realmente em colunas no desktop */
.news-grid.vp59-news-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  align-items:start!important;
}
.news-grid.vp59-news-grid > .news-column{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
}
.news-grid.vp59-news-grid .news-item{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.news-grid.vp59-news-grid .rss-image{
  display:block!important;
  width:100%!important;
  height:155px!important;
  min-height:155px!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.news-grid.vp59-news-grid .rss-image-placeholder{
  position:relative!important;
  filter:saturate(.55) brightness(.55)!important;
}
.news-grid.vp59-news-grid .rss-image-placeholder:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(135deg,rgba(6,16,12,.15),rgba(6,16,12,.72))!important;
}
.news-grid.vp59-news-grid .rss-image-placeholder span{
  position:absolute!important;
  left:12px!important;
  bottom:10px!important;
  z-index:2!important;
  font-size:.64rem!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.72)!important;
}
.news-grid.vp59-news-grid .rss-copy{
  padding:12px 14px 14px!important;
}

/* Abertura: cidade, crédito e contexto em um único card */
.splash-city-card{
  margin-top:46px!important;
  width:min(620px,86vw)!important;
  padding:9px 13px 10px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:15px!important;
  background:rgba(5,14,11,.27)!important;
  backdrop-filter:blur(11px)!important;
  -webkit-backdrop-filter:blur(11px)!important;
  text-align:center!important;
  color:rgba(238,245,241,.82)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.splash-city-card-title{
  display:flex!important;
  justify-content:center!important;
  align-items:baseline!important;
  gap:5px!important;
  flex-wrap:wrap!important;
}
.splash-city-card-title strong{
  font-size:.76rem!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.92)!important;
}
.splash-city-card-title span,
.splash-city-card-title a{
  font-size:.55rem!important;
  color:rgba(255,255,255,.60)!important;
  text-decoration:none!important;
}
.splash-city-card-info{
  margin-top:4px!important;
  display:flex!important;
  justify-content:center!important;
  gap:7px 10px!important;
  flex-wrap:wrap!important;
}
.splash-city-card-info span{
  font-size:.52rem!important;
  line-height:1.25!important;
  color:rgba(230,239,234,.68)!important;
}
.splash-city-card small{
  display:block!important;
  margin-top:3px!important;
  font-size:.48rem!important;
  line-height:1.25!important;
  color:rgba(255,255,255,.47)!important;
}
.splash-photo-credit,
.splash-city-info{
  display:none!important;
}

@media(max-width:1100px){
  #original.vp59-feature-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .news-grid.vp59-news-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  #original.vp59-feature-grid{
    grid-template-columns:1fr!important;
  }
  #original.vp59-feature-grid .editorial-main,
  #original.vp59-feature-grid .editorial-secondary{
    min-height:360px!important;
  }
}
@media(max-width:650px){
  .news-grid.vp59-news-grid{
    grid-template-columns:1fr!important;
  }
  .splash-city-card{
    margin-top:34px!important;
    width:calc(100% - 30px)!important;
  }
}


/* =========================================================
   VAREJO PRESS V6.1 — EDITORIAL LIMPO + LIQUID GLASS
   ========================================================= */

/* Destaques: foto em cima, leitura abaixo. Nada de texto sobre a fotografia. */
#original.vp59-feature-grid.vp61-feature-grid,
#original.vp59-feature-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.9fr) minmax(300px,.9fr)!important;
  gap:16px!important;
  width:100%!important;
  align-items:stretch!important;
}
#original.vp59-feature-grid > article{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  min-height:0!important;
  height:auto!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 45px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
#original.vp59-feature-grid .editorial-image{
  position:relative!important;
  inset:auto!important;
  z-index:1!important;
  width:100%!important;
  height:350px!important;
  min-height:350px!important;
  flex:none!important;
  background-size:cover!important;
  background-position:center!important;
  transform:none!important;
}
#original.vp59-feature-grid .editorial-main .editorial-image{height:390px!important;min-height:390px!important}
#original.vp59-feature-grid .editorial-secondary .editorial-image{height:300px!important;min-height:300px!important}
#original.vp59-feature-grid .editorial-overlay{display:none!important}
#original.vp59-feature-grid .editorial-copy{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  z-index:2!important;
  max-width:none!important;
  padding:18px 22px 20px!important;
  background:linear-gradient(180deg,rgba(8,17,14,.78),rgba(5,13,11,.94))!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
}
#original.vp59-feature-grid .editorial-main .editorial-copy h1,
#original.vp59-feature-grid .editorial-secondary .editorial-copy h2{
  color:#f5f8f6!important;
  text-shadow:none!important;
}
#original.vp59-feature-grid .editorial-copy p{
  color:rgba(232,239,235,.78)!important;
}
#original.vp59-feature-grid .editorial-photo-credit{
  margin-top:11px!important;
  padding-top:9px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  font-size:.62rem!important;
  color:rgba(220,230,225,.58)!important;
}
#original.vp59-feature-grid .editorial-photo-credit a{color:rgba(223,255,99,.82)!important}

/* Cards gerais: bordas mais suaves, vidro mais evidente. */
.glass{
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 14px 36px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}

/* Ticker: fita contínua com cantos arredondados e acabamento de vidro. */
.tradingview-ticker-shell{
  border-radius:18px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:rgba(7,14,13,.64)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 28px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  margin:0 6px 12px!important;
}
.tradingview-ticker-shell iframe{
  border-radius:18px!important;
  overflow:hidden!important;
}

/* Cidade: card separado, abaixo da identidade, com leitura um pouco maior. */
.splash-city-card{
  top:calc(100% + 105px)!important;
  width:min(980px,88vw)!important;
  padding:11px 18px 12px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(5,14,11,.38)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 30px rgba(0,0,0,.14)!important;
}
.splash-city-card-title strong{font-size:.80rem!important}
.splash-city-card-title span,.splash-city-card-title a{font-size:.57rem!important}
.splash-city-card-info span{font-size:.61rem!important;line-height:1.3!important;color:rgba(231,239,235,.72)!important}

/* Mantém a informação da cidade numa única linha em desktop. */
.splash-city-card-info{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

@media(max-width:1100px){
  #original.vp59-feature-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:900px){
  #original.vp59-feature-grid{grid-template-columns:1fr!important}
  #original.vp59-feature-grid .editorial-main .editorial-image,
  #original.vp59-feature-grid .editorial-secondary .editorial-image{height:320px!important;min-height:320px!important}
}
@media(max-width:650px){
  .tradingview-ticker-shell{margin-left:0!important;margin-right:0!important;border-radius:14px!important}
  #original.vp59-feature-grid .editorial-main .editorial-image,
  #original.vp59-feature-grid .editorial-secondary .editorial-image{height:250px!important;min-height:250px!important}
  .splash-city-card{top:calc(100% + 58px)!important;width:calc(100% - 28px)!important}
  .splash-city-card-info{white-space:normal!important}
}


/* =========================================================
   VAREJO PRESS V6.2 — EDITORIAL / ABERTURA / MÍDIA
   ========================================================= */

/* Destaques: foto menor e texto definitivamente fora da imagem. */
#original.vp62-editorial-grid > article{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  overflow:hidden!important;
  height:auto!important;
  min-height:0!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.022))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 42px rgba(0,0,0,.18)!important;
}
#original.vp62-editorial-grid .editorial-image{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:270px!important;
  min-height:270px!important;
  max-height:270px!important;
  flex:0 0 270px!important;
  background-size:cover!important;
  background-position:center!important;
  transform:none!important;
  border:0!important;
  border-radius:0!important;
}
#original.vp62-editorial-grid .editorial-main .editorial-image{
  height:310px!important;
  min-height:310px!important;
  max-height:310px!important;
  flex-basis:310px!important;
}
#original.vp62-editorial-grid .editorial-secondary .editorial-image{
  height:250px!important;
  min-height:250px!important;
  max-height:250px!important;
  flex-basis:250px!important;
}
#original.vp62-editorial-grid .editorial-overlay{
  display:none!important;
  position:static!important;
}
#original.vp62-editorial-grid .editorial-copy,
#original.vp62-editorial-grid .editorial-main .editorial-copy,
#original.vp62-editorial-grid .editorial-secondary .editorial-copy{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  padding:15px 20px 17px!important;
  background:linear-gradient(180deg,rgba(8,17,14,.84),rgba(5,13,11,.96))!important;
  border-top:1px solid rgba(255,255,255,.09)!important;
  transform:none!important;
  color:#f5f8f6!important;
}
#original.vp62-editorial-grid .editorial-main .editorial-copy h1,
#original.vp62-editorial-grid .editorial-secondary .editorial-copy h2{
  position:static!important;
  margin:6px 0 9px!important;
  color:#f5f8f6!important;
  text-shadow:none!important;
}
#original.vp62-editorial-grid .editorial-main .editorial-copy h1{
  font-size:clamp(1.55rem,2.45vw,2.55rem)!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
}
#original.vp62-editorial-grid .editorial-secondary .editorial-copy h2{
  font-size:clamp(1.25rem,1.75vw,1.75rem)!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
}
#original.vp62-editorial-grid .editorial-copy p{
  position:static!important;
  margin:0 0 12px!important;
  max-width:100%!important;
  color:rgba(232,239,235,.78)!important;
  font-size:.82rem!important;
  line-height:1.45!important;
}
#original.vp62-editorial-grid .editorial-main .editorial-copy p{
  font-size:.88rem!important;
}
#original.vp62-editorial-grid .editorial-photo-credit{
  position:static!important;
  margin:11px 0 0!important;
  padding-top:8px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  font-size:.60rem!important;
  line-height:1.35!important;
  color:rgba(220,230,225,.58)!important;
}
#original.vp62-editorial-grid .editorial-photo-credit a{color:rgba(223,255,99,.82)!important}
#original.vp62-editorial-grid .btn{position:static!important;margin-top:2px!important}

/* Abertura: traz de volta a frase abaixo do logo. */
.splash-content .splash-brand p.splash-brand{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  position:static!important;
  margin:18px auto 0!important;
  transform:none!important;
  filter:none!important;
  max-width:720px!important;
  text-align:center!important;
  color:rgba(240,246,243,.82)!important;
  font-size:clamp(.72rem,1vw,.92rem)!important;
  line-height:1.45!important;
  letter-spacing:.01em!important;
}
.splash.brand-visible .splash-content .splash-brand p.splash-brand{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}
/* Características da cidade: um pouco maiores, mantendo uma linha. */
.splash-city-card-info span{
  font-size:.67rem!important;
  line-height:1.35!important;
  color:rgba(231,239,235,.76)!important;
}
.splash-city-card-title strong{font-size:.82rem!important}
.splash-city-card-title span,.splash-city-card-title a{font-size:.58rem!important}

/* Liquid glass mais suave nas superfícies de navegação e ticker. */
.tradingview-ticker-shell,
.glass,
.news-column,
#original.vp62-editorial-grid > article{
  border-radius:24px!important;
}
.tradingview-ticker-shell{
  border:1px solid rgba(255,255,255,.13)!important;
  background:rgba(8,15,13,.58)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 28px rgba(0,0,0,.14)!important;
  overflow:hidden!important;
}
.news-column{
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 32px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}

@media(max-width:760px){
  #original.vp62-editorial-grid .editorial-image,
  #original.vp62-editorial-grid .editorial-main .editorial-image,
  #original.vp62-editorial-grid .editorial-secondary .editorial-image{
    height:230px!important;
    min-height:230px!important;
    max-height:230px!important;
    flex-basis:230px!important;
  }
  #original.vp62-editorial-grid .editorial-copy{padding:14px 16px 16px!important}
  .splash-content .splash-brand p.splash-brand{max-width:88vw!important;font-size:.72rem!important}
  .splash-city-card-info{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
}


/* V9.20 — nomes das editorias em liquid glass, sem os antigos botões */
.news-grid.vp63-news-grid .news-head{
  padding:9px 10px!important;
  min-height:52px!important;
  background:rgba(255,255,255,.018)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.news-grid.vp63-news-grid .news-head h2{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:7px 18px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.035))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 5px 18px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  color:#f5f7f6!important;
  text-align:center!important;
  white-space:nowrap!important;
}

/* V9.31 — Infográfico de metanol com tabela visual legível e sem sobreposição. */
.vp-metanol-table{margin:32px 0;padding:18px!important;background:linear-gradient(145deg,rgba(7,28,46,.92),rgba(7,18,29,.78))!important;border:1px solid rgba(255,255,255,.20)!important;border-radius:18px!important;box-shadow:0 18px 45px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08)!important}
.vp-metanol-table .vp-metanol-head h3{font-size:1.45rem!important;margin:0!important;color:#fff!important;line-height:1.2!important}
.vp-metanol-table .vp-metanol-head p{font-size:.82rem!important;color:#dbe5ea!important;margin:6px 0 18px!important}
.vp-metanol-highlight{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px}
.vp-metanol-highlight>div{padding:14px 12px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(255,255,255,.06);text-align:center}
.vp-metanol-highlight strong{display:block;font-size:2rem;line-height:1;color:#fff}
.vp-metanol-highlight span{display:block;margin-top:6px;color:#d7e1e7;font-size:.68rem;line-height:1.3}
.vp-metanol-rows{border:1px solid rgba(255,255,255,.15);border-radius:14px;overflow:hidden;background:rgba(0,0,0,.15)}
.vp-metanol-row{display:grid;grid-template-columns:1fr 1.45fr 1.45fr 1.1fr;align-items:center;min-height:58px;border-top:1px solid rgba(255,255,255,.10);color:#fff}
.vp-metanol-row:first-child{border-top:0}
.vp-metanol-row>span,.vp-metanol-row>strong{padding:12px 14px;text-align:center}
.vp-metanol-row>strong{text-align:left;font-size:1rem}
.vp-metanol-row span b{font-size:1.18rem;color:#fff}
.vp-metanol-row-head{min-height:42px;background:rgba(255,255,255,.08);font-size:.64rem;font-weight:900;color:#dce5e9;text-transform:uppercase;letter-spacing:.04em}
.vp-metanol-row-head span{text-align:center!important}
.vp-metanol-row-current{background:linear-gradient(90deg,rgba(44,130,196,.25),rgba(255,255,255,.08));box-shadow:inset 4px 0 0 #49a7ff}
.vp-metanol-row-current>strong{font-size:1.05rem}
.vp-metanol-row-current span b{font-size:1.28rem}
.vp-metanol-table .vp-metanol-legend{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:15px 0 4px;color:#dce5e9;font-size:.64rem}
.vp-metanol-table .vp-metanol-dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:5px}
.vp-metanol-table .vp-metanol-dot.notif{background:#49a7ff}.vp-metanol-table .vp-metanol-dot.confirm{background:#ffb42e}.vp-metanol-table .vp-metanol-dot.death{background:#ef4b5f}
.vp-metanol-table .vp-metanol-source{font-size:.59rem!important;color:#aebbc2!important;line-height:1.45!important;margin:11px 0 0!important}
.vp-metanol-table .vp-metanol-note{margin-top:13px;padding:12px 14px;border-radius:11px;background:rgba(255,255,255,.055);border-left:3px solid #ffb42e;color:#e9eef0;font-size:.68rem;line-height:1.5}
@media(max-width:600px){.vp-metanol-highlight{grid-template-columns:1fr}.vp-metanol-row{grid-template-columns:.75fr 1.2fr 1.2fr .9fr;min-height:54px}.vp-metanol-row>span,.vp-metanol-row>strong{padding:10px 7px}.vp-metanol-row-head{font-size:.54rem}.vp-metanol-row span b{font-size:1rem}.vp-metanol-row-current span b{font-size:1.08rem}}

/* V9.32 — Gráfico de barras 3D: comparável, legível e responsivo. */
.vp-metanol-3d{margin:30px 0;padding:16px;position:relative;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:linear-gradient(145deg,rgba(5,24,42,.92),rgba(8,16,25,.72));box-shadow:0 18px 45px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.vp-metanol-3d .vp-metanol-head h3{margin:0;color:#fff;font-size:1.38rem;line-height:1.15}.vp-metanol-3d .vp-metanol-head p{margin:6px 0 16px!important;color:#d7e1e7;font-size:.78rem}
.vp-metanol-3d .vp-metanol-highlight{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.vp-metanol-3d .vp-metanol-highlight>div{padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.055);text-align:center}.vp-metanol-3d .vp-metanol-highlight strong{display:block;color:#fff;font-size:1.55rem;line-height:1}.vp-metanol-3d .vp-metanol-highlight span{display:block;margin-top:5px;color:#d8e1e5;font-size:.61rem}
.vp-3d-chart{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 10px 14px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(0,0,0,.16);overflow:hidden}
.vp-3d-year{min-width:0;padding:10px 7px 8px;border-radius:12px;background:rgba(255,255,255,.025)}.vp-3d-year-current{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035));box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.vp-3d-year-title{text-align:center;color:#fff;font-size:.76rem;font-weight:900;margin-bottom:12px}.vp-3d-bars{height:225px;display:flex;align-items:flex-end;justify-content:center;gap:9px;border-bottom:1px solid rgba(255,255,255,.16);padding:0 4px}.vp-3d-bar-wrap{height:210px;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.vp-3d-value{height:18px;color:#fff;font-size:.63rem;font-weight:900;line-height:18px;margin-bottom:4px;white-space:nowrap}.vp-3d-bar{width:70%;max-width:32px;height:var(--bar-h);min-height:8px;border-radius:5px 5px 2px 2px;position:relative;box-shadow:4px 0 0 rgba(0,0,0,.18),inset 2px 0 0 rgba(255,255,255,.16),inset -2px 0 0 rgba(0,0,0,.10)}.vp-3d-bar:before{content:"";position:absolute;top:0;right:-6px;width:6px;height:100%;border-radius:0 4px 2px 0;background:rgba(0,0,0,.20);transform:skewY(-28deg);transform-origin:left top}.vp-3d-bar:after{content:"";position:absolute;left:0;top:-6px;width:100%;height:6px;border-radius:4px 4px 0 0;background:rgba(255,255,255,.18);transform:skewX(-28deg);transform-origin:left bottom}.vp-3d-bar.notif{background:#49a7ff}.vp-3d-bar.confirm{background:#ffb42e}.vp-3d-bar.death{background:#ef4b5f}.vp-3d-bar-wrap small{font-size:.48rem;color:#cbd5d8;text-align:center;line-height:1.1;margin-top:6px;min-height:20px}.vp-3d-year-current .vp-3d-year-title{color:#dfff63}
.vp-metanol-3d .vp-metanol-legend{margin:15px 0 2px}.vp-metanol-3d .vp-metanol-source{margin-top:12px!important}.vp-metanol-3d .vp-metanol-note{margin-top:13px}
@media(max-width:720px){.vp-metanol-3d{padding:12px}.vp-metanol-3d .vp-metanol-highlight{grid-template-columns:1fr}.vp-3d-chart{grid-template-columns:1fr 1fr;gap:9px}.vp-3d-bars{height:205px}.vp-3d-bar-wrap{height:190px}.vp-3d-bar{max-width:27px}.vp-3d-bar-wrap small{font-size:.43rem}.vp-3d-value{font-size:.58rem}}


/* =========================================================
   V9.35 — IMAGENS PROPORCIONAIS NAS MATÉRIAS AUTORAIS
   ========================================================= */
/* A foto acompanha a largura da coluna e mantém sua proporção original, sem esticar ou cortar. */
#original.vp-home-original .vp-home-original-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  background:rgba(3,10,8,.18)!important;
}
#original.vp-home-original .vp-home-original-image img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
}

/* RSS: mais espaço entre as linhas para melhorar a leitura em colunas estreitas. */
.news-grid.vp63-news-grid .rss-copy{
  padding:13px 14px 15px!important;
}
.news-grid.vp63-news-grid .news-item h3{
  margin:0!important;
  line-height:1.46!important;
  letter-spacing:-.006em!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
.news-grid.vp63-news-grid .news-item.featured h3{
  line-height:1.42!important;
}
.news-grid.vp63-news-grid .meta.news-source{
  margin-bottom:9px!important;
  line-height:1.35!important;
}
.news-grid.vp63-news-grid .rss-foot{
  margin-top:10px!important;
  line-height:1.3!important;
}

/* Evita que a foto de um card pareça excessivamente ampliada. */
.news-grid.vp63-news-grid .rss-image img{
  object-fit:cover!important;
  object-position:center!important;
}

/* Melhor adaptação para tablet: 2 colunas, imagens proporcionais e texto respirando. */
@media(max-width:1100px) and (min-width:761px){
  .news-grid.vp63-news-grid .rss-image{height:155px!important;min-height:155px!important}
  .news-grid.vp63-news-grid .news-item h3{font-size:.92rem!important;line-height:1.45!important}
  .news-grid.vp63-news-grid .news-item.featured h3{font-size:1.08rem!important}
}

/* Desktop: mantém o conjunto compacto para evitar fotos enormes no topo. */
@media(min-width:1101px){
  #original.vp-home-original .vp-home-original-grid{gap:16px!important}
  #original.vp-home-original .vp-home-original-card{border-radius:18px!important}
}

/* =========================================================
   V9.37 — MATÉRIAS AUTORAIS MAIS COMPACTAS
   Objetivo: exibir 4 matérias (2x2) com menor altura no desktop,
   sem deformar as imagens e mantendo boa leitura.
   ========================================================= */
#original.vp-home-original .vp-home-original-grid{
  gap:12px!important;
}
#original.vp-home-original .vp-home-original-card{
  border-radius:16px!important;
}
#original.vp-home-original .vp-home-original-image{
  height:175px!important;
  min-height:175px!important;
  aspect-ratio:16/7!important;
  overflow:hidden!important;
}
#original.vp-home-original .vp-home-original-image img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
}
#original.vp-home-original .vp-home-original-copy{
  padding:10px 13px 11px!important;
}
#original.vp-home-original .vp-home-original-copy .meta{
  font-size:.50rem!important;
  line-height:1.2!important;
}
#original.vp-home-original .vp-home-original-copy h3{
  margin:5px 0 4px!important;
  font-size:.94rem!important;
  line-height:1.14!important;
}
#original.vp-home-original .vp-home-original-copy p{
  font-size:.62rem!important;
  line-height:1.35!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
#original.vp-home-original .vp-home-original-read{
  padding-top:6px!important;
  font-size:.56rem!important;
}

@media(max-width:1100px) and (min-width:761px){
  #original.vp-home-original .vp-home-original-image{
    height:155px!important;
    min-height:155px!important;
  }
  #original.vp-home-original .vp-home-original-copy h3{font-size:.88rem!important}
  #original.vp-home-original .vp-home-original-copy p{font-size:.60rem!important}
}

@media(max-width:760px){
  #original.vp-home-original .vp-home-original-grid{grid-template-columns:1fr!important;gap:12px!important}
  #original.vp-home-original .vp-home-original-image{
    height:185px!important;
    min-height:185px!important;
  }
}

/* =========================================================
   V9.39 — MATÉRIAS AUTORAIS COM CARDS DE MESMA ALTURA
   3 colunas no desktop, imagens em proporção 16:9 e cards
   esticados na mesma linha para eliminar os "buracos".
   ========================================================= */
#original.vp-home-original .vp-home-original-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
#original.vp-home-original .vp-home-original-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-height:0!important;
  align-self:stretch!important;
  overflow:hidden!important;
}
#original.vp-home-original .vp-home-original-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  line-height:0!important;
  flex:0 0 auto!important;
}
#original.vp-home-original .vp-home-original-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center!important;
}
#original.vp-home-original .vp-home-original-copy{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-height:126px!important;
  padding:10px 12px 12px!important;
}
#original.vp-home-original .vp-home-original-copy h3{
  margin:5px 0 4px!important;
  font-size:.91rem!important;
  line-height:1.14!important;
}
#original.vp-home-original .vp-home-original-copy p{
  margin:0!important;
  font-size:.62rem!important;
  line-height:1.38!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
#original.vp-home-original .vp-home-original-read{
  margin-top:auto!important;
  padding-top:7px!important;
  font-size:.58rem!important;
}
@media(max-width:950px) and (min-width:701px){
  #original.vp-home-original .vp-home-original-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  #original.vp-home-original .vp-home-original-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  #original.vp-home-original .vp-home-original-copy{min-height:0!important}
}


/* V9.40.1 — acabamento da matéria de Consumo */
.vp-home-original-card .vp-home-original-image img[src*="reduflacao-capa"]{
  object-position:center;
}
.vp-infographic{
  box-shadow:0 18px 50px rgba(0,0,0,.20);
}
.vp-infographic figcaption{
  background:rgba(0,0,0,.16);
}


/* V9.40.3 — infográfico Reduflação */
.vp9403-infographic{display:block!important;margin:26px 0!important;padding:10px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:16px!important;background:rgba(0,0,0,.18)!important;overflow:hidden!important}
.vp9403-infographic img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;border-radius:10px!important;object-fit:contain!important}
.vp9403-infographic figcaption{display:block!important;margin:7px 2px 0!important;color:#cfd9d5!important;font-size:.62rem!important;line-height:1.45!important}

/* V9.40.4 — Reduflação */
.vp9404-infographic{display:block!important;margin:28px 0!important;padding:0!important;background:transparent!important;border:0!important;overflow:visible!important}
.vp9404-infographic img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;opacity:1!important;visibility:visible!important;filter:none!important;border-radius:14px!important}
.vp9404-infographic figcaption{display:block!important;margin-top:8px!important;color:#bfcac4!important;font-size:.62rem!important}

/* V9.40.5 — mídia da matéria Reduflação */
.vp9405-infographic{display:block!important;margin:28px 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.vp9405-infographic img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;opacity:1!important;visibility:visible!important;border-radius:16px!important}
.vp9405-infographic figcaption{color:#dce5e1!important;display:block!important;visibility:visible!important}

/* V9.40.6 — infográfico da reduflação */
.vp9406-infographic{display:block!important;width:100%;max-width:900px;margin:28px auto!important;clear:both;opacity:1!important;visibility:visible!important}
.vp9406-infographic img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;opacity:1!important;visibility:visible!important;border-radius:14px}
.vp9406-infographic figcaption{margin-top:8px;font-size:.72rem;opacity:.75}


/* V9.40.7 — infográfico sempre exibido diretamente do tema */
.vp9407-infographic{display:block!important;width:100%!important;max-width:900px!important;margin:30px auto!important;padding:0!important;clear:both!important;opacity:1!important;visibility:visible!important;background:transparent!important;border:0!important;overflow:visible!important}
.vp9407-infographic img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:100px!important;opacity:1!important;visibility:visible!important;object-fit:contain!important;border-radius:14px!important}
.vp9407-infographic figcaption{display:block!important;visibility:visible!important;margin-top:8px!important;color:#bfcac4!important;font-size:.68rem!important;line-height:1.45!important}
/* V9.40.10 — ilustração intermediária da matéria Reduflação */
.vp94010-middle-infographic{margin:28px auto 32px;max-width:760px}
.vp94010-middle-infographic img{display:block;width:100%;height:auto;border-radius:16px;object-fit:cover}
.vp94010-middle-infographic .vp-caption{margin-top:7px}