@import url('https://fonts.googleapis.com/css2?family=Sarala:wght@400;700&display=swap');

* {
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
    text-decoration: none;
}

body {
    background: linear-gradient(68.15deg, #F5F5F5 16.62%, #F4ECDA 85.61%);
}

.titulo-logo {
    font-family: 'Sarala', sans-serif; 
}

.principal { 
  margin: auto;
  position: relative; 
  background-color: #FFFFFF;
  height: 90%;
  width: 50%; 
  border: 1px solid #E0E3E3;
  border-radius: 20px;
  box-shadow: 2px 2px 3px gray;
      }
      
.top {
  display: flex; 
  flex-direction: row;
  align-items: center; 
  padding: 25px;
}

.top-imagem {
  height: 400px;
}

.top-menu {
  display: flex;
  gap: 10px;
  flex-direction: column;
}

.top-menu-item {
    font-family: 'Sarala', sans-serif;
    color: #000000;
    font-size: 15px;     
}

.conteudo {
  margin-bottom: 18px;
}

.conteudo-principal {
  border-top: 3px solid #F5F5F5;
  padding-top: 40px;
  display: flex;
  gap: 1px;
  flex-direction: column;
}

.conteudo-principal-titulo {
    font-family: 'Sarala', sans-serif;
    color: #000000;
    font-size: 18px;  
}

.conteudo-principal-sub-titulo {
    font-family: 'Sarala', sans-serif;
    color: #000000;
    font-size: 15px;  
}

.conteudo-principal-texto {
   font-family: 'Sarala', sans-serif;
   text-align: justify;
    color: #000000;
    font-size: 15px;     
}

.resumo-principal {
  border-top: 3px solid #F5F5F5;
  padding-top: 40px;
  display: flex; 
  flex-direction: column;
}

.resumo-principal-titulo {
    font-family: 'Sarala', sans-serif;
    color: #000000;
    font-size: 18px;  
}

.resumo-principal-texto {
   font-family: 'Sarala', sans-serif;
   color: #000000;
   font-size: 15px;  
}

@media (max-width: 700px) {

.principal { 
  margin: auto;
  position: relative; 
  background-color: #FFFFFF;
  height: 98%;
  width: 88%; 
  border: 1px solid #E0E3E3;
  border-radius: 20px;
  box-shadow: 2px 2px 3px gray;
      }
      
.top-imagem {
  height: 250px;
}

.top {
  display: flex; 
  flex-direction: column;
  align-items: center; 
  padding: 25px;
}

.top-menu-item {
    font-family: 'Sarala', sans-serif;
    color: #000000;
    font-size: 18px;     
}

.conteudo-principal-titulo {
    font-family: 'Sarala', sans-serif;
    color: #000000;
    font-size: 22px;  
}

.conteudo-principal-sub-titulo {
    font-family: 'Sarala', sans-serif;
    color: #000000;
    font-size: 18px;  
}

.conteudo-principal-texto {
   font-family: 'Sarala', sans-serif;
   text-align: justify;
    color: #000000;
    font-size: 18px;     
}


.resumo-principal-titulo {
    font-family: 'Sarala', sans-serif;
    color: #000000;
    font-size: 20px;  
}

.resumo-principal-texto {
   font-family: 'Sarala', sans-serif;
   color: #000000;
   font-size: 18px;  
}



}


@media (min-width: 700px) and (max-width: 1200px) {

.principal { 
  margin: auto;
  position: relative; 
  background-color: #FFFFFF;
  height: 98%;
  width: 88%; 
  border: 1px solid #E0E3E3;
  border-radius: 20px;
  box-shadow: 2px 2px 3px gray;
      }
      
.top-imagem {
  height: 380px;
}

.top {
  display: flex; 
  flex-direction: row;
  align-items: center; 
  padding: 12px;
}

.top-menu-item {
    font-family: 'Sarala', sans-serif;
    color: #000000;
    font-size: 18px;     
}


}