/* Keep the dark visual style without fading useful copy into the background. */
main .text-mist { color: #c1c8c1; }
main .text-faint { color: #aab2aa; }
main section p.text-mist,
main section p.text-faint { font-size: 15px; line-height: 1.65; }

#projetos [aria-roledescription="slide"] p {
  color: #c1c8c1 !important;
  font-size: 15px !important;
  line-height: 1.55;
}
#projetos [aria-roledescription="slide"] a { color: #9bdcff !important; font-size: 15px; }
#projetos .text-mist { color: #c1c8c1; }

#areas .hidden[class~="lg:block"] button {
  border-radius: 6px;
}
#areas .hidden[class~="lg:block"] button:focus-visible {
  outline: 2px solid #9bdcff;
  outline-offset: 2px;
}

@media (max-width: 1023px) {
  #areas .hidden[class~="lg:block"] { display: block !important; width: 100% !important; }
  #areas [class~="lg:hidden"] { display: none !important; }
  #areas .hidden[class~="lg:block"] button { padding-block: 10px; }
}