/*Estilos para tela de apresentação da página carregada*/
.corpo_pagina .corpo_apresentacao
{
position: relative;
width: 100%;	
height: 600px;
}

.corpo_pagina .corpo_apresentacao::before
{
content: ''; 
position: absolute;
width: 100%;
height: 100%;
background-image: url('../img/img_apresentacao_quem_somos.jpg');
background-size: cover;
background-position: 100% center; 
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}



.corpo_pagina .corpo_apresentacao .titulo_apresentacao
{
position: relative;
top: 100px;
left: 40px;
font-size: 64px;
width: 500px;
line-height: 70px;
font-family: Oswald-Bold;
}

.corpo_pagina .corpo_apresentacao .descricao
{
position: relative;
top: 120px;
left: 40px;	
width: 450px;
font-family: cairo;
font-size: 11.5pt;
color: #bdcae8;
}


.corpo_pagina .corpo_apresentacao .corpo_nossos_servicos
{
position: relative; 
left: 40px;
top: 220px;
bottom: 0px;
width: calc(100% - 40px);
font-family: cairo;
font-size: 11.5pt;
}


.corpo_pagina .corpo_apresentacao .corpo_nossos_servicos ul
{
position: relative;
list-style: none;
top: -20px;
display: flex;}

.corpo_pagina .corpo_apresentacao .corpo_nossos_servicos ul .titulo
{
left: -40px;
}

.corpo_pagina .corpo_apresentacao .corpo_nossos_servicos ul li
{
    color: #bdcae8;
    position: relative;
    margin-left: 40px;
    
}


.corpo_pagina .corpo_apresentacao .corpo_nossos_servicos ul li a
{
color: #bdcae8;
}

.corpo_pagina .corpo_apresentacao .corpo_nossos_servicos ul li a span
{
color: #0e39fa; 
font-size: 9pt;
position: relative;
top: -1px;
}

.corpo_pagina .corpo_apresentacao .corpo_nossos_servicos ul li a:hover
{
color: #fff;
}






/*Estilos para tela de apresentação a ASSUNTEC*/
.corpo_pagina .corpo_apresentacao_a_assuntec
{
position: relative;
width: 100%;	
height: 850px;
top: 50px;
border-radius: 30px;
}

.corpo_pagina .corpo_apresentacao_a_assuntec::before
{
content: ''; 
position: absolute;
width: 100%;
height: 100%;
background-image: url('../img/img_apresentacao_a_assuntec.jpg');
background-size: cover;
background-position: 0% center; 
border-radius: 30px;
}





.corpo_pagina .corpo_apresentacao_a_assuntec .titulo
{
position: relative;
top: 80px;
left: 30%;
font-size: 64px;
width: 500px;
line-height: 70px;
font-family: Oswald-Bold;
}

.corpo_pagina .corpo_apresentacao_a_assuntec .descricao
{
position: relative;
top: 90px;
left: 30%;	
width: calc(98% - 30%);
font-family: cairo;
font-size: 11.5pt;
color: #bdcae8;
}
.corpo_pagina .corpo_apresentacao_a_assuntec .corpo_quadros
{
position: relative;
width: calc(98% - 30%);
left: 30%;
height: 500px;
top: 130px;
}

.corpo_pagina .corpo_apresentacao_a_assuntec .corpo_quadros .quadros
{
    position: absolute;
    width: 32%;
    height: 100%;
    left: 0px;
    border-radius: 30px;
    background-color: rgba(51, 52, 86, 0.9);
    backdrop-filter: blur(10px);
    top: 0px;
}


.corpo_pagina .corpo_apresentacao_a_assuntec .corpo_quadros #quadro_visao
{
left: 35%;
}

.corpo_pagina .corpo_apresentacao_a_assuntec .corpo_quadros #quadro_valores
{
left: 70%;
}


.corpo_pagina .corpo_apresentacao_a_assuntec .corpo_quadros .quadros .corpo_icons
{
    position: relative;
    width: 60px;
    height: 60px;
    top: 40px;
    left: 30px;
    border-radius: 10px;	
    background-size: 40px 30px;
    background-repeat: no-repeat;
    background-position: center center; 
    background: linear-gradient(200deg, #FFF3CE, rgba(255, 255, 255, 0.6));  
}

.corpo_pagina .corpo_apresentacao_a_assuntec .corpo_quadros #quadro_visao .corpo_icons
{
     
  
    background: linear-gradient(150deg, #fff, #32D5F6);      
}


.corpo_pagina .corpo_apresentacao_a_assuntec .corpo_quadros #quadro_valores .corpo_icons
{
     
    background: linear-gradient(150deg, #fff, #3FE9A2);         
}



.corpo_pagina .corpo_apresentacao_a_assuntec .corpo_quadros .quadros .corpo_icons img
{
position: absolute;
width: 30px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);	
}



.corpo_pagina .corpo_apresentacao_a_assuntec .corpo_quadros .quadros .titulo_quadro
{
position: relative;
top: 0px;
left: 105px;
font-size: 19px;
font-family: Roboto-Regular;
max-width: calc(88% - 120px);
line-height: 25px;
}


.corpo_pagina .corpo_apresentacao_a_assuntec .corpo_quadros .quadros  .texto
{
position: relative;
left: 30px;
top: 30px;
width: calc(95% - 30px);
line-height: 23px;
font-size: 10pt;
font-family: Roboto-Regular;
color: #bdcae8;
}








/*Estilos para tela de apresentação como trabalhamos*/
.corpo_pagina .corpo_apresentacao_como_trabalhamos
{
position: relative;
width: 100%;	
height: 850px;
top: 100px;
border-radius: 30px;
}

.corpo_pagina .corpo_apresentacao_como_trabalhamos::before
{
content: ''; 
position: absolute;
width: 100%;
height: 100%;
background-image: url('../img/img_apresentacao_como_trabalhamos.jpg');
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: 100% 0px; 
border-radius: 30px;
opacity: 0.5;
}





.corpo_pagina .corpo_apresentacao_como_trabalhamos .titulo
{
position: relative;
top: 80px;
left: 30%;
font-size: 45px;
width: 500px;
line-height: 70px;
font-family: Oswald-Bold;
}

.corpo_pagina .corpo_apresentacao_como_trabalhamos .descricao
{
position: relative;
top: 80px;
left: 30%;	
width: calc(98% - 30%);
font-family: cairo;
font-size: 11.5pt;
color: #bdcae8;
}
.corpo_pagina .corpo_apresentacao_como_trabalhamos .corpo_quadros
{
position: relative;
width: calc(98% - 30%);
left: 30%;
height: 500px;
top: 130px;
}

.corpo_pagina .corpo_apresentacao_como_trabalhamos .corpo_quadros .quadros
{
    position: absolute;
    width: 32%;
    height: 100%;
    left: 0px;
    border-radius: 30px;
    background-color: rgba(51, 52, 86, 0.9);
    backdrop-filter: blur(10px);
    top: 0px;
}


.corpo_pagina .corpo_apresentacao_como_trabalhamos .corpo_quadros #quadro_briefing
{
left: 35%;
}

.corpo_pagina .corpo_apresentacao_como_trabalhamos .corpo_quadros #quadro_back_front_end
{
left: 70%;
}


.corpo_pagina .corpo_apresentacao_como_trabalhamos .corpo_quadros .quadros .corpo_icons
{
    position: relative;
    width: 60px;
    height: 60px;
    top: 40px;
    left: 30px;
    border-radius: 10px;	
    background-size: 40px 30px;
    background-repeat: no-repeat;
    background-position: center center; 
    background: linear-gradient(200deg, #FFF3CE, rgba(255, 255, 255, 0.6));  
}

.corpo_pagina .corpo_apresentacao_como_trabalhamos .corpo_quadros #quadro_briefing .corpo_icons
{
     
  
    background: linear-gradient(150deg, #fff, #32D5F6);      
}


.corpo_pagina .corpo_apresentacao_como_trabalhamos .corpo_quadros #quadro_back_front_end .corpo_icons
{
     
    background: linear-gradient(150deg, #fff, #3FE9A2);         
}



.corpo_pagina .corpo_apresentacao_como_trabalhamos .corpo_quadros .quadros .corpo_icons img
{
position: absolute;
width: 30px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);	
}



.corpo_pagina .corpo_apresentacao_como_trabalhamos .corpo_quadros .quadros .titulo_quadro
{
position: relative;
top: 50px;
left: 40px;
font-size: 19px;
font-family: Roboto-Regular;
max-width: calc(98% - 40px);
line-height: 25px;
}


.corpo_pagina .corpo_apresentacao_como_trabalhamos .corpo_quadros .quadros  .texto
{
position: relative;
left: 30px;
top: 60px;
width: calc(95% - 30px);
line-height: 23px;
font-size: 10pt;
font-family: Roboto-Regular;
color: #bdcae8;
}




/*Estilos para o rodapé da página*/


.corpo_rodape_pagina
{
position: relative;
top: 420px;
background-color: #02071A;
left: 0%;
width: 100%;
}


.corpo_rodape_pagina .titulo
{
position: relative;
top: 100px;
left: 40px;
font-size: 25px;
width: 270px;
line-height: 30px;  
}

.corpo_rodape_pagina .corpo_icons_redes_sociais
{
position: relative;
top: 130px;
width: 300px;
left: 60px;
}

.corpo_rodape_pagina .corpo_lateral
{
 position: relative;
 left: 500px;
 width: calc(100% - 500px);
}


.corpo_rodape_pagina .corpo_lateral div ul
{
 list-style: none;
 position: relative;
 font-family: arial;
}

.corpo_rodape_pagina .corpo_lateral div ul li
{
   position: relative;
   margin-top: 20px; 
   font-size: 10pt;
}

.corpo_rodape_pagina .corpo_lateral div ul li a
{
    color: #bdcae8;
}


.corpo_rodape_pagina .corpo_lateral div ul li a:hover
{
    color: #fff;
}

.corpo_rodape_pagina .corpo_lateral .institucional
{
 display: block;  
 position: absolute;
 width: 30%; 
 top: -50px;
}


.corpo_rodape_pagina .corpo_lateral .servicos
{
 display: block;  
 position: relative;
 width: 30%;
 left: 28%; 
 top: -50px;
}



.corpo_rodape_pagina .corpo_lateral .contactos
{
 display: block;  
 position: absolute;
 width: 30%;
 left: 64%; 
 top: -50px;
}




.corpo_rodape_pagina .corpo_lateral div
{
   display: none; 
}




/*Estilos do corpo vamos bater um papo sobre suas demandas (Rodapé da página)*/


.corpo_rodape_pagina .cor_fundo_cabecalho
{
position: absolute;
width: 100%;
left: 0px;
height: 300px;
background-color: #131532; 
}


.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas
{
position: relative;
top: 0px;
width: 95%;
left: 2.5%; 
height: 450px;
background: linear-gradient(80deg, #223AA4, #4E90D9);
border-radius: 50px;
}

.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .titulo_apresentacao
{
position: relative;
top: 70px;
left: 40px;
font-size: 48px;
width: 600px;
line-height: 57px;
font-family: arial;
}


.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .texto
{
position: relative;
top: 80px;
left: 40px; 
width: 450px;
font-family: cairo;
font-size: 11.5pt;
color: #fff;
}


.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .btn_fale_com_especialistas
{
position: relative;
top: 120px;
left: 40px; 
font-family: cairo;
background-color: transparent;
font-size: 15px;
border-radius: 10px;
cursor: pointer;
border: none;
transition: 0.5s;
}

.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .btn_fale_com_especialistas b
{
color: #bdcae8;
transition: 0.5s;
}


.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .btn_fale_com_especialistas b:hover
{
color: #fff;    
}

.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .btn_fale_com_especialistas img
{
position: relative;
width: 25px;
top: 8px;   
 filter: invert(1);
 opacity: 0.8;
}

.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .img_icon
{
position: absolute;
right: -20px;
width: 300px;
top: 50%;
transform: translateY(-50%);
}