@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

:target {
  scroll-margin-top: 0.8em;
}
body,
h1,
h2,
h3,
p,
ul,
li,
a {
  margin: 0px;
  padding: 0px;
}
.clear {
  clear: both;
}
body {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  color: #303031;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  width: 100%;
}
h1 {
  font-family: "Lato";
  color: #5c4545;
  font-weight: 400;
  line-height: 1.2;
}

ul {
  list-style: none;
}

a {
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent;
}

img {
  display: block;
  max-width: 100%;
}

* {
  box-sizing: border-box;
}

.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 10px 40px;
}
.flex-50 {
  width: 50%;
}
.flex-100 {
  width: 100%;
}
.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.link-purple {
  background-color: #694969;
  padding: 20px;
  color: white;
  border-radius: 30px;
  margin: 20px 0;
  display: inline-block;
}
a.destaque {
  margin-top: 30px;
  font-size: 20px;
  text-transform: uppercase;
}
.outros-artigos {
  padding: 16px 46px;
  margin: 40px 0;
  color: white !important;
}
.menu-logo a {
  padding: 0 !important;
}
.menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin: 20px auto 0;
  /* padding: 0 15px; */
}
.menu a {
  display: block;
  color: #5c4545;
  text-transform: uppercase;
  font-size: 1em;
  padding: 0 10px;
  position: relative;
  z-index: 99;
}
.menu-nav {
  margin-left: 40px;
}
.menu-nav ul {
  display: flex;
  align-items: center;
}
#nav.ativo {
  position: fixed;
  top: -20px;
  background-color: rgba(0, 0, 0, 0.5) !important;
  padding: 3rem 2rem 2rem;
  transition: all 500ms linear;
  z-index: 200;
}
#nav.ativo > ul > li > a {
  color: #ffffff;
}
li.menu-rede {
  margin-left: 500px;
}
@media (max-width: 1400px) {
  li.menu-rede {
    margin-left: 274px;
  }
}
.redes img {
  padding: 0 5px;
}
#btn-mobile {
  display: none;
}

.layer-1,
.layer-2 {
  justify-content: space-between;
  background-image: url(../imagens/BG.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 632px;
  margin-top: -133px;
  padding-top: 200px;
}
.layer-2 {
  height: 240px;
}
.layer-info {
  align-self: flex-start;
  padding-right: 50px;
}
.layer-info a {
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 50px;
}
.layer-1 p {
  font-weight: 900;
  font-size: 2.4em;
  color: #5c4545;
  padding-right: 60px;
}
.layer-imagem {
  margin-top: -212px;
  /* position: absolute; */
}
@media (max-width: 1024px) {
  .layer-1 {
    margin-top: -220px;
  }
}
@media (max-width: 768px) {
  .layer-1 {
    height: 448px;
    margin-top: -154px;
    padding-top: 166px;
  }
  .layer-1 p {
    font-size: 22px;
    padding: 0;
  }
  .layer-info a {
    font-size: 14px;
    margin-top: 14px;
  }
  .layer-imagem {
    margin-top: -166px;
  }
}
.sobre {
  margin-top: 40px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

#sobre h1 {
  margin: 30px 0;
  display: table;
}
#sobre h1.sobre-mobile {
  display: none;
}
#curso h1 span {
  font-weight: 700;
}
.sobre-info p {
  margin: 10px 0;
  padding-right: 60px;
}
.sobre-img img {
  margin: 0 auto;
}
.sobre-info h1,
h1.sobre-mobile {
  font-weight: 700;
  font-size: 38px;
  color: #5c4545;
  margin-bottom: 30px;
}

.lista-depoimentos {
  display: flex;
  /* margin-top: -400px; */
  position: relative;
  z-index: 99;
  justify-content: center;
  /* flex-wrap: wrap; */
  align-content: stretch;
}

/* Configuração padrão da seção */
.curso {
  background: url(../imagens/Camada-curso.png) center no-repeat;
  min-height: 900px;
  background-size: cover;
  padding: 40px 0 60px;
  overflow: hidden; /* Evita rolagem lateral */
}

h1.titulo-cursos {
  text-align: center;
  display: table !important;
  margin: 40px auto !important;
  font-size: 38px !important;
}

.lista-cursos {
  width: 100%;
  overflow: hidden;
  margin: 20px auto 40px;
}

.swiper-container {
  width: 100%;
  max-width: 1200px; /* Limita a largura máxima */
  margin: 0 auto;
}

.swiper-wrapper {
  display: flex;
}

/* Fonte dos ícones do Swiper */
@font-face {
  font-family: "Swiper Icons";
  src: url("https://unpkg.com/swiper/swiper-bundle.min.css") format("woff2");
  font-weight: normal;
  font-style: normal;
}

/* Configuração do contêiner do Swiper */
.swiper-container {
  position: relative; /* Define o contêiner como referência para posicionamento absoluto */
  width: 100%;
  max-width: 1200px; /* Limita a largura máxima */
  margin: auto; /* Centraliza o contêiner */
  overflow: hidden; /* Impede elementos de escaparem do contêiner */
}

/* Ajustes dos slides */
.swiper-wrapper {
  position: relative;
}

.swiper-slide {
  width: auto; /* Ajusta automaticamente a largura */
  flex-shrink: 0; /* Evita que os slides sejam comprimidos */
}

/* Configuração da paginação */
.swiper-pagination {
  position: absolute;
  bottom: 10px; /* Posiciona na parte inferior do contêiner */
  left: 0;
  right: 0;
  text-align: center;
  z-index: 10; /* Garante que está visível */
}

.swiper-pagination-bullet {
  background: #333; /* Cor das bolinhas da paginação */
}

/* Botões de navegação */
.swiper-button-next,
.swiper-button-prev {
  position: absolute; /* Relativo ao contêiner do Swiper */
  top: 50%; /* Centraliza verticalmente */
  transform: translateY(-50%);
  z-index: 1000; /* Garante que estão acima de outros elementos */
  width: 40px !important; /* Tamanho do botão (largura) */
  height: 40px !important; /* Tamanho do botão (altura) */
  display: flex; /* Garante visibilidade */
  justify-content: center;
  align-items: center;
  background: rgba(212, 125, 115, 0.8); /* Fundo semitransparente */
  border-radius: 50%; /* Garante formato circular */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Sombra */
  text-indent: -9999px; /* Remove qualquer texto visível */
  overflow: hidden; /* Garante que nenhum elemento extra apareça */
  border: none; /* Remove bordas extras */
}

/* Ícones dentro dos botões */
.swiper-button-next::after,
.swiper-button-prev::after {
  font-family: "Swiper Icons" !important; /* Certifica-se de usar a fonte correta */
  font-size: 20px; /* Tamanho do ícone */
  color: #333 !important; /* Cor do ícone */
}

/* Ícones específicos */
.swiper-button-next::after {
  content: "\e5cc" !important; /* Código do ícone 'next' */
}

.swiper-button-prev::after {
  content: "\e5cb" !important; /* Código do ícone 'prev' */
}

/* Botão 'Next' */
.swiper-button-next {
  right: 10px;
}

/* Botão 'Prev' */
.swiper-button-prev {
  left: 10px;
}

/* Responsividade */
@media (max-width: 768px) {
  .swiper-container {
    width: 95%; /* Ajusta a largura no mobile */
  }

  .swiper-button-next,
  .swiper-button-prev {
    display: none !important; /* Oculta botões no mobile */
  }
}

.carousel-item {
  text-align: center;
  background: white;
  border-radius: 20px;
  padding: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.carousel-item img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.carousel-item h2 {
  font-weight: 700;
  color: #5c4545;
  font-size: 18px;
  margin: 10px 0;
}

.carousel-item h2 {
  font-size: 18px;
}

@media (max-width: 768px) {
  h1.titulo-cursos {
    font-size: 28px;
  }

  .carousel-item h2 {
    font-size: 16px;
  }
}

.instagram {
  margin-top: 166px;
}
.instagram h1 {
  display: table;
  margin: 60px auto 60px;
  font-size: 38px;
  font-family: "Lato";
}
.instagram h1 span {
  font-weight: 700;
}
#material {
  margin-bottom: 100px !important;
}
.materiais {
  display: flex;
  justify-content: space-around;
  /* align-items: center; */
}
#material .container {
  flex-wrap: nowrap;
}
.material h1 {
  margin: 0 auto;
  display: table;
  margin-bottom: 80px;
  text-align: center;
  font-size: 38px;
  color: #5c4545;
}
.material h1 span {
  font-weight: 700;
}
.material img {
  width: 100%;
}
.cursos-gratuitos {
  margin-top: -58px;
}
.curso a#cursos-btn {
  padding: 20px 50px;
  position: relative;
  margin: 60px auto;
  display: table;
}

.selo {
  /* margin: 194px 0 -140px; */
  position: absolute;
  top: 2228px;
  z-index: 111;
}
@media (max-width: 567px) {
  .curso a#cursos-btn {
    display: table;
    margin: 50px auto 0;
  }
  .selo {
    top: 2566px;
    left: 150px;
  }
}
@media (max-width: 430px) {
  .curso a#cursos-btn {
    display: table;
    margin: 50px auto 50px;
  }
  .selo {
    top: 2686px;
    left: 134px;
  }
}
.material-1,
.material-2,
.material-3 {
  border-radius: 15px;
  position: relative;
}
.link1,
.link2,
.link3 {
  position: absolute;
  top: 440px;
  left: 120px;
  border-radius: 30px;
  text-transform: uppercase;
}
.link2 {
  left: 104px;
}
.link3 {
  left: 110px;
}
@media (max-width: 1024px) {
  .cursos-gratuitos {
    margin-top: -48px;
  }
  .material img {
    max-width: 90%;
  }
  .link1,
  .link2,
  .link3 {
    top: 350px;
    left: 86px;
  }
  .link2 {
    left: 72px;
  }
  .link3 {
    left: 68px;
  }
}

.material a.link-borda {
  padding: 10px 40px;
  border: 2px solid white;
  color: white;
  display: inline;
}
#lista {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#lista h1 {
  margin: 60px auto 40px;
  display: table;
  text-align: center;
  font-size: 38px;
}
#lista .container {
  display: block;
}
#lista span {
  font-weight: 700;
  font-weight: 900;
}
.lista-container {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.item-lista {
  width: 20%;
  display: flex !important;
  margin: 20px;
  align-items: center;
}
.item-lista img {
  display: inline-block;
}
.item-lista p {
  margin-left: 14px;
}
#depoimentos {
  display: flex;
  justify-content: center;
  height: 570px;
  background: url(../imagens/depoimentos-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* padding: 30px; */
  margin: 40px 0;
}
.depoimentos {
  display: flex;
  justify-content: space-between !important;
  flex-wrap: nowrap;
}
#depoimentos .container {
  width: 100%;
}
.item-depoimentos1 {
  min-width: 30%;
  color: #7d7d7d;
  font-size: 1em;
}
.item-depoimentos2 {
  width: 70%;
}
.item-depoimentos {
  max-width: 445px;
  margin: 0 10px;
}
.box {
  background: white;
  padding: 20px;
  border-radius: 30px;
}
.depoimentos a {
  color: white;
  border: 2px solid white;
  padding: 10px 20px;
  margin-top: 20px;
  display: table;
  border-radius: 30px;
  text-transform: uppercase;
}
.depoimentos h1 {
  font-size: 38px;
  color: white;
}
span.metodo-de-ensino {
  font-weight: 600;
}
.box-dados {
  display: flex;
  margin-top: 20px;
}
.box-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 10px;
}
.box-info h2 {
  font-weight: 700;
  font-size: 19px;
}
.box-info h3 {
  font-size: 14px;
}
.footer {
  color: white;
}
.newsletter {
  display: flex;
  justify-content: center;
  margin: 50px 0 -100px 0;
}
.newsletter-info {
  max-width: 670px;
  display: flex;
  justify-content: space-around;
  background: white;
  border-radius: 30px;
  padding: 30px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  /* height: 400px; */
}
div.titulo,
div.formulario {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
div.formulario {
  margin-left: 30px;
}
div.titulo {
  width: 50%;
}
.formulario input {
  width: 80%;
  padding: 10px 10px;
  color: #aaaaaa;
  border: 1px solid #aaaaaa;
  border-radius: 30px !important;
  margin-bottom: 10px !important;
}
.formulario input::placeholder {
  color: #aaaaaa;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #aaaaaa;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #aaaaaa;
}
.formulario button.link-purple {
  display: table;
  margin: 0;
  padding: 10px 20px;
  text-transform: uppercase !important;
  border: none;
}
div.noticias {
  display: flex;
  margin: 30px 0 40px;
  justify-content: flex-start;
}
.foto-noticia {
  /* width: 40%; */
  margin-right: 30px;
}
.footer-container {
  display: flex;
  justify-content: space-between;
  padding: 80px 30px 0;
  align-items: center;
  background: url(../imagens/bg-footer.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 280px;
}
.item-footer img.icon {
  display: inline-block;
  padding-right: 10px;
}
.item-footer h2 {
  margin: 20px 0;
}
.footer-email,
.footer-tel {
  display: flex;
  align-items: center;
  margin: 10px 0;
}
.redes-footer {
  display: flex;
}
.redes-footer img {
  padding: 0 5px;
}
.copyright {
  background: #ae5251;
  justify-content: space-between;
  font-size: 14px;
}

@media (max-width: 1024px) {
  .menu-nav {
    margin: 10px 0 70px;
  }
  li.menu-rede {
    margin-left: 314px;
  }
}
@media (max-width: 768px) {
  .menu {
    justify-content: space-between;
  }
  li.menu-rede {
    margin-left: 0;
  }
  #menu,
  #nav.ativo {
    display: block;
    position: absolute;
    width: 100%;
    /* top: 180px; */
    right: 0px;
    background: #d67f74;
    transition: 0.6s;
    z-index: 1000;
    height: 0px;
    visibility: hidden;
    overflow-y: hidden;
  }
  #nav.active #menu {
    height: calc(70vh - 70px);
    visibility: visible;
    overflow-y: auto;
  }
  #menu a {
    padding: 1rem 0;
    margin: 0 1rem;
    border-bottom: 2px solid rgba(0, 0, 0, 0.05);
  }
  #btn-mobile {
    display: flex;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border: none;
    background: none;
    cursor: pointer;
    gap: 0.5rem;
  }
  #hamburger {
    border-top: 2px solid;
    width: 20px;
  }
  #hamburger::after,
  #hamburger::before {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background: currentColor;
    margin-top: 5px;
    transition: 0.3s;
    position: relative;
  }
  #nav.active #hamburger {
    border-top-color: transparent;
  }
  #nav.active #hamburger::before {
    transform: rotate(135deg);
  }
  #nav.active #hamburger::after {
    transform: rotate(-135deg);
    top: -7px;
  }
}
@media (max-width: 567px) {
  .menu-nav {
    z-index: 100;
  }
  .layer-1 {
    height: 368px;
    padding-top: 140px;
  }
  .layer-1 .container {
    display: block;
  }
  .layer-info {
    z-index: 10;
    padding: 0;
  }
  .layer-1 p {
    font-size: 19px;
    padding: 0;
  }
  .layer-info a {
    font-size: 14px;
    padding: 14px;
  }
  .layer-imagem {
    display: none;
  }
  #sobre h1.sobre-mobile {
    display: block;
  }
  #sobre h1.sobre-desktop {
    display: none;
  }
  .sobre-img,
  .sobre-info {
    width: 100%;
  }
  #curso .container {
    display: block;
  }
  #material {
    margin-bottom: 60px !important;
  }
  .selo {
  }
  #material .container {
    flex-wrap: wrap;
  }
  .material-item {
    margin-bottom: 30px;
  }
  .material h1 {
    margin-bottom: 70px;
  }
  .link1 {
    top: 390px;
    left: 100px;
  }
  .link2,
  .link3 {
    top: 428px;
    left: 90px;
  }
  .material-item {
    width: 367px;
  }
  #depoimentos {
    height: auto;
    padding: 50px 0;
  }
  .depoimentos {
    flex-wrap: wrap;
  }
  .item-depoimentos1,
  .item-depoimentos2 {
    width: 100%;
  }
  .item-depoimentos1 h1 {
    text-align: center;
  }
  .item-depoimentos1 a {
    display: table;
    margin: 30px auto;
  }
  .item-depoimentos {
    /* max-width: 360px; */
  }
  .item-lista {
    width: 100%;
  }
  .newsletter {
    width: 90%;
    margin: 50px auto -100px;
  }
  .newsletter-info {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
  }
  div.titulo,
  div.formulario {
    width: 100%;
  }
  div.titulo {
    margin-bottom: 30px;
  }
  .footer-container {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 130px 30px 30px 30px;
    height: auto;
  }
  .item-footer {
    width: 100%;
  }
  .copyright {
    padding-top: 20px;
    justify-content: center;
  }
  .item-copyright {
    margin: 20px 0;
  }
}
@media (max-width: 414px) {
  .container {
    padding: 0 16px;
  }
  .menu {
    flex-wrap: nowrap;
  }
  .layer-1 {
    height: 450px;
    background: none;
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 1) 60%,
      rgba(214, 127, 116, 1) 100%
    );
    padding-top: 170px;
  }
  .layer-info {
    width: 100%;
  }
  .layer-info p {
    font-size: 24px;
  }
  .layer-info a {
    font-size: 16px;
    padding: 18px;
  }
  .item-depoimentos {
    max-width: 350px;
  }
}
#internas .container {
  justify-content: flex-start;
}
#internas h3,
h4,
h5 {
  display: block;
  margin: 20px 0;
  font-family: "Lato";
  color: #5c4545;
  font-weight: 400;
  font-size: 28px;
}
#internas a {
  color: #5c4545;
}
#internas a.link-white {
  color: white;
}
#internas p {
  margin: 14px 0;
}
@media (max-width: 567px) {
  .noticias {
    width: 100%;
    flex-wrap: wrap;
  }
  .noticias img {
    margin: 0 auto;
  }
  .foto-noticia {
    width: 100%;
  }
  .resumo {
    width: 100%;
    margin-top: 30px;
  }
}
#cursos .box-noticias {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}
#cursos .box-noticias .noticias#internas .noticias {
  display: grid;
  grid-template-columns: 1fr;
  background-color: #f0f0f0;
}
#internas .noticias {
  /* width: 30vw; */
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  background-color: #f0f0f0;
}
#cursos .box-noticias .noticias img {
  width: 100%;
}
#internas .noticias img {
  display: table;
  margin: 0 auto;
  width: 30vw;
}
#cursos .noticias .resumo,
#internas .noticias .resumo {
  padding: 0 20px;
}
.voltar {
  text-transform: uppercase;
  font-weight: 600;
}
@media (max-width: 567px) {
  #cursos .box-noticias {
    grid-template-columns: 1fr;
  }
  #internas .noticias {
    width: 80vw;
  }
  h1.titulo-internas {
    font-size: 28px;
  }
  #internas .noticias img {
    width: 100%;
  }
}