/*@import url('https://fonts.googleapis.com/css2?family=Noto+Serif&family=Open+Sans:wght@300&display=swap');
@import url('https://unpkg.com/css.gg@2.0.0/icons/css/instagram.css');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@300&display=swap');



* {
  margin: 0;
  padding: 0;
  /*box-sizing: border-box;*/
  text-decoration: none;
  line-height: 26px;
  /*background: rgba(10,23,53,255);*/
}

p > strong  {
  font-weight: bold;
}

.gg-instagram {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs,1));
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px;
  border-radius: 4px;
 }
 
 .gg-instagram::after,
 .gg-instagram::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute
 }
 
 .gg-instagram::after {
  border: 2px solid;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  top: 3px
 }
 
 .gg-instagram::before {
  border-radius: 3px;
  width: 2px;
  height: 2px;
  background: currentColor;
  right: 1px;
  top: 1px
 } 

body {
  font-size: 100%;
  /* background: rgba(10,23,53,255);*/
  background: #d9ddf0;
  width: 100%;
 /* background: linear-gradient(90deg, rgba(15,8,65,1) 100%, rgba(98,0,255,1) 100%, rgba(53,53,148,1) 100%);
*/}


.cabecalho {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 6px;
  border-bottom: solid 0.01px white;
  transition: height .1s;
  height: 65px;
  background: #091531;
  position: fixed;
  top: 0;
  width: 100%;
  margin: 0 auto;
}

.header-wrap {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 100%;
  margin: 0 auto;
  width: 100%;
}

.cabecalho-imagem {
  max-height: 8vw;
}

.cabecalho-links {
  display: flex;
  gap: 12px;
  align-items: center;
  color: white;
  object-fit: cover;
}

.cabecalho-links i {
  object-fit: cover;
}

.social-link {
  color: white;
  object-fit: cover;
}


p.social-link {
  margin-top: 15px;
}

.conteudo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  color: black;
  margin: 0 auto;
  margin-top: 75px;
}

.conteudo-principal {
  font-family: 'Public Sans', sans-serif;
  color: black;
}

.conteudo-principal-escrito {
  width: 80%;
  padding: 10px;
  margin: auto;
  text-align: justify;
}

.logo-img {
  display: flex;
  background-size: cover;
  max-width: 100%;
  margin: auto;
}

.img-body {
  max-width: 100%;
  margin: auto;
  background-size: cover;
  justify-content: center;
}

.natacao-img {
  display: flex;
  width: 100%;
  margin: auto;
  background-size: cover;
}

.conteudo-principal-imagem {
  width: 100%;
  margin: auto;
  background-size: cover;
}

.conteudo-principal-titulo {
  padding: 6px;
  text-align: center;
  color: #ca000a;
}

.conteudo-secundario {
  width: 80%;
  padding: 10px;
  margin: auto;
  text-align: justify;
}

.conteudo-secundario-titulo {
  padding: 20px;
  text-align: center;
}

.selec-orient {
  padding: 20px;
  text-align: center;
  width: 80%;
  margin: auto;
  text-align: justify;
}

.selec-orient h2 {  
  text-align: center;
}

.conteudo-terciario-titulo {
  padding: 20px;
  text-align: center;
}

.conteudo-terciario {
  width: 80%;
  padding: 10px;
  margin: auto;
  text-align: justify;
}

.conteudo-terciario-itens {
  list-style-type: none;
}

.conteudo-quarto {
  width: 80%;
  padding: 10px;
  margin: auto;
}

.conteudo-quarto-titulo {
  padding: 20px;
  text-align: center;
}
.rodape {
  color: black;
  text-align: center;
  font-weight: bolder;
}

.rodape-texto {
  margin-top: 5px;
  margin-bottom: 0;
}

.conteudo-quarto-itens {
  display: inline;
}

#tick-mark {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
}

#tick-mark::before {
  position: absolute;
  left: 0;
  top: 50%;
  height: 50%;
  width: 3px;
  background-color: #336699;
  content: "";
  transform: translateX(10px) rotate(-45deg);
  transform-origin: left bottom;
}

#tick-mark::after {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #336699;
  content: "";
  transform: translateX(10px) rotate(-45deg);
  transform-origin: left bottom;
}