@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

*{
margin: 0px;
padding: 0px;

}

:root{
  --cor01:#2C3639;
    --cor02:#A27B5C ;
    --cor03:#DCD7C9;
    --cor04:#3F4E4F;
    --cor05:#F14144;
    --cor-hover:rgb(25, 25, 25);
    --fonte01:"Krona One", sans-serif;
    --fonte02:"Montserrat", sans-serif;


}


body{
background-color: var(--cor01);
color: white;
height: 100vh;
/*height: 100vh;*/
box-sizing: border-box;
/*isso faz com que o hmtl ocupe todo o espaço da tela, e que nenhum item filho saia da div pai*/

}
.cabecalho{
display: flex;
padding-top:30px;
padding-left:30px;
gap: 70px;
width: 50%;
}

.cabecalho__menu{
display:flex;
gap: 70px;
}

.cabecalho__menu__link{
font-family: var(--fonte02);
font-size: 1.5rem;
font-weight: 600;
color: var(--cor02);
text-decoration: none;
}

.cabecalho__menu__link__destaque{
text-decoration: none;
font-family: var(--fonte02);
font-size:1.5rem;
color:#2BDEFD;
font-weight: 600;

}

.apresentacao{
padding: 5% 15%;
display: flex;
align-items: center;
justify-content:space-between;
gap:82px ;

}

.apresentacao__conteudo{
width: 50%;
display: flex;
flex-direction: column;
gap: 40px;
}

.apresentacao__conteudo__titulo{
font-size:2rem;
font-family: "Krona One", sans-serif ;

}

.apresentacao__conteudo__texto{
  font-size: 1.5rem;
  font-family: "Montserrat", sans-serif;
  color: var(--cor03);
}

strong{
color: var(--cor02);

}

 span{
        color: var(--cor03);
      
       
}

.apresentacao__links{
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 40px;

}


.apresentacao__links__subtitulo{

font-family:"Montserrat", sans-serif;
font-size: 24px;

text-align: center;


}


.apresentacao__links__navegacao{

text-decoration: none;
background-color:var(--cor01);
width: 50%;
border-radius:8px;

padding: 6% 0;
font-family:"Montserrat", sans-serif ;
font-size: large;
font-weight: 600;
border: 2px solid var(--cor02);
color:white;
display: flex;
justify-content: center;
gap: 20px;


}



.apresentacao__links__link:hover{

background-color: var(--cor04);
cursor: pointer;

}

.apresentacao__imagem{
  border-radius: 16px;
  border: 3px solid var(--cor04);
/*
box-shadow: 9px -9px 9px var(--cor02);*/
width: 40%;
}




footer{
  height: 50px;
  width: 100%;
  background-color:var(--cor02);
  display: flex;
  justify-content: center;
  font-family: var(--fonte01);
  padding-top: 24px;
  color: black;
  text-align: center;
  
} 
.link-footer{
color: black;
text-decoration: none;
}
    
.link-footer:hover{
color: var(--cor04) ;

}

/* -------------------------------------------------------------*/

@media (max-width:1024px) {


  .cabecalho{
gap:50px ;
padding: 5% 0 0 5%;
margin-bottom: 5%;


  }

  .apresentacao{
  flex-direction:row;
padding: 2% 8%;
 }

 .apresentacao__conteudo{

width:50%;

 }


.apresentacao__conteudo__titulo{
font-size:25px ;
padding-left: 2%;

}
.apresentacao__conteudo__texto{
  width: 100%;
  margin-left:4% ;
}

.apresentacao__links__subtitulo{
width:60%;

}


.apresentacao__imagem{
width:50% ;
margin-top: -10%;
}


.apresentacao__links{
width: 100%;

}

}

@media (max-width:820px) {

.cabecalho__menu__link{
width: 100%;
font-size: 24px;

}



  .apresentacao{
  flex-direction: column-reverse;;
  }
.apresentacao__imagem{
margin-top: 10%;
width:50% ;
}

.apresentacao__conteudo{
width: 100%;
text-indent: 3%;
margin-bottom: 10%;
}
.apresentacao__conteudo__titulo{
font-size: 34px;

}


.apresentacao__conteudo__texto{
font-size: 34px;


}


.apresentacao__links{
width: 80%;
margin-left: 10%;

}



}

@media (max-width:450px) {

.apresentacao{
flex-direction: column-reverse;

}
.cabecalho{
width:70% ;


}
.apresentacao__imagem{
  margin-top: 12%;
  margin-bottom:-10% ;
  width: 70%;

}
.apresentacao__conteudo{
  align-items: center;
  justify-content: center;

}
.apresentacao__conteudo__titulo{
width: 90%;
font-size: 25px;
}
.apresentacao__conteudo__texto{
  width: 100%;
  font-size: 24px;
  text-align: center;
  margin-bottom: 8%;
  }
  .apresentacao__links{
  width: 100%;
  margin-left: 5%;
  
  }
}