@import url("https://fonts.googleapis.com/css2?family=Vend+Sans:ital,wght@0,300..700;1,300..700&display=swap");
body {
  font-family: "Vend Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal; }

.hero {
  background: url("../images/imgtopo.png");
  background-color: #0e3c47;
  background-size: auto; }

.manifesto {
  background: url("../images/fundomeioatleta.gif?2") #42f0d2;
  background-size: cover; }

.tabPercuso {
  padding: 20px 30px 0px 30px;
  border: none; }

.contentPercuso {
  background-color: #166277; }

.premia {
  background-color: #0f3843; }

.btn-pink {
  background-color: #ff008c;
  color: white;
  font-weight: bold;
  border-radius: 50px;
  padding: 10px 30px;
  transition: background 0.3s ease; }

.nav-tabs .nav-link {
  color: #333;
  background-color: #f8f9fa;
  margin-right: 5px;
  border-radius: .25rem .25rem 0 0;
  padding: 20px; }

.nav-tabs .nav-link.active {
  color: #fff;
  background-color: #166277;
  /* fundo branco */ }

.percurso {
  background: url("../images/mapa.jpg");
  background-size: cover; }

.btn-pink:hover {
  background-color: #e1007d; }

/* Esconde a estrutura mobile no desktop e vice-versa */
.mobile-layout {
  display: none; }

.atleta {
  margin-top: -130px; }

.cta-final {
  background: url("../images/imagemrodape.png");
  background-size: cover; }

@media (max-width: 767px) {
  .hero {
    background-color: #0e3c47;
    background-image: none !important; }

  .cta-final {
    background: url("../images/imagerodae.png");
    background-size: cover;
    background-position: center; }

  .desktop-layout {
    display: none !important; }

  .mobile-layout {
    display: block; }

  .mobile-layout img {
    max-width: 100%;
    height: auto; } }
.custom-img-grid img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: auto; }

/*# sourceMappingURL=main.css.map */