font-size:16px;
    font-weight:600;
    letter-spacing:.10em;
    text-transform:uppercase;
  }

  .desktop-nav a{
    text-decoration:none;
  }

  .desktop-nav a[aria-current="page"]{
    color:var(--azul);
  }

  h1{font-size:70px}
}

/* =========================
   CELULAR
   ========================= */

@media(max-width:699px){
  body{
    font-size:20px;
    background-size:cover;
    background-attachment:fixed;
    background-position:top center;
    background-repeat:no-repeat;
  }

  .hero{
    width:min(calc(100% - 30px),820px);
    padding-top:24px;
  }

  .kicker{font-size:15px}
  .location{font-size:15px}
  .dek{font-size:15px}


  .hero-image{
    width:calc(100% - 10px);
    margin-top:0;
    margin-bottom:6px;
  }

  .article{
    width:calc(100% - 30px);
  }

 .article p,
.lateral-copy p,
.category-return .phrase,
.next p{
  font-size:20px;
  line-height:1.60;
  text-align:justify;
  hyphens:none;
  -webkit-hyphens:none;
  word-break:normal;
  overflow-wrap:normal;
  }

.story-image{
  width:min(calc(100vw - 24px),1040px);
  margin:6px auto 10px;
  position:relative;
  left:50%;
  transform:translateX(-50%);
}
  .divider{
    margin-top:8px;
    margin-bottom:8px;
  }

  .lateral-block{
    margin-top:6px;
    margin-bottom:8px;
  }
}

/* =========================================================
   RODAPÉ GLOBAL — controla o logo sem afetar o menu ou artigos
   Funciona com footer, .footer e .aventure-footer.
   ========================================================= */
footer .footer-logo,
footer a.footer-logo,
footer .logo-footer,
footer .footer-brand,
.footer .footer-logo,
.aventure-footer .footer-logo {
  display:block;
  width:160px;
  max-width:calc(100% - 32px);
  margin-left:auto;
  margin-right:auto;
}

footer img[src*="logo-viva"],
footer img[src*="logo_viva"],
footer img[class*="logo"],
footer .footer-logo img,
.footer img[src*="logo-viva"],
.footer img[class*="logo"],
.aventure-footer img[src*="logo-viva"],
.aventure-footer img[class*="logo"] {
  display:block;
  width:160px !important;
  max-width:min(160px, 80vw) !important;
  height:auto !important;
  object-fit:contain;
  margin-left:auto;
  margin-right:auto;
}