/* Definindo altura de 100% para o body e html */
div {scroll-margin-top: 60px;} /* pra acertar o topo da session com o menu */
/* estilos para toda a página */
html { scroll-behavior: smooth; } /* efeito de rolar suave */
body { padding-top: 60px; font-family: "Open Sans", sans-serif; font-size: 14px; margin: 0px; width: 100%; padding-top: 85px;}
a { text-decoration: none!important; }
/* Barra de rolagem fina */
::-webkit-scrollbar { width: 6px; height: 6px;}
::-webkit-scrollbar-thumb { background: #aaa; border-radius: 10px;}
::-webkit-scrollbar-track { background: transparent;}
/* estilos genéricos */
.letraAzul { color: #00529c; }
.fundoAzul { background-color: #00529c;}
.letraLaranja { color: #db9600}
.fundoLaranja { background-color: #db9600;}
.letraMarinho { color: #003d66;}
.fundoMarinho { background-color: #003d66;}
.letraBranca { color: white; }
.degrade { background: linear-gradient(180deg,#003d66 0%, #00529c 100%); }
.card-container { width: 100%; margin: 10px auto; padding: 10px; box-sizing: border-box; border-radius: 15px;
box-shadow: 0 5px 20px rgba(0,0,0,.15); padding-bottom: 30px;}
/* Estilo do menu superior */
.cab { position: fixed; width: 100%;
top: 0; display: flex; gap: 0; height: 80px; background: linear-gradient(180deg,#003d66 0%, #00529c 100%);
padding : 15px; padding-right: 50px; align-items: center; transition: transform .3s ease; z-index: 1000;}
.cab.escondido { transform: translateY(-100%); }
.logo { height: 80%; width: auto; }
.cab a {color: #fff;margin-left: 35px; font-size: 1em !important; font-weight: bold;}
.cab a:first-of-type { margin-left: auto; }
.botao{ padding: 5px 20px 5px 20px; border: .5px solid #D3D3D3; border-radius: 30px; text-align: center;
text-decoration: none; }
.botao:hover { transform: scale(1.1);}
.menu-mobile { display:none; }
.hamburguer { background: none;border: 0; font-size: 28px; cursor: pointer;color: #fff;}
.dropdown {display: none; position: absolute;right: 10px;top: 60px; width: 200px; padding: 10px 0; background: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.2); z-index: 999;}
.dropdown a {display: block; color: #003d66; margin-left: 0; padding: 10px 20px;}
.dropdown.aberto {display: block; }
/* Estilo para mobile */
@media screen and (max-width: 736px)
{
.cab { justify-content: space-between; height: 60px; }
.logo { /*content: url("../img/logo_cab_mobile.png");*/ height: 120%; }
.menu { display:none; }
.menu-mobile { display:block; }
}
/* estilos da primeira pagina - apresentacao */
.apresentacao { display: flex; overflow: hidden; margin: 0px 0px; box-sizing: border-box;
border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,.15); padding-bottom: 0px; }
.apresentacao .texto { width: 50%; transition: transform 1s ease; margin: 50px 50px;
font-size: 1.3em ; letter-spacing: -.5px; text-align: justify;}
.apresentacao_cab { text-align: left; font-weight: 700; font-size: 2em ; letter-spacing: -2px;
transform: scaleY(1.1); }
.img_empresas { width: 100% ;}
.apresentacao .imagem { width: 50%; transform: translateX(100%); transition: transform 1s ease;}
.orange { color: orange; }
.apresentacao.visivel .texto { transform: translateX(0);}
.apresentacao.visivel .imagem { transform: translateX(0);}
.botao-conheca { padding: 5px 20px 5px 20px; border-radius: 10px; text-align: center; }
.img-apresentacao { width: 100%; }
/* Estilo para mobile */
@media screen and (max-width: 736px)
{
.apresentacao {flex-direction: column; }
.apresentacao .texto { width: 90%; box-sizing: border-box; font-size: 1em; margin: 0px auto; margin-top: 0px; margin-bottom: 10px;
}
.apresentacao_cab { font-weight: 500; font-size: 1.7em ; line-height:100%; padding-top: 20px; }
.apresentacao .imagem { width: 100%; }
.img_empresas { width: 90% ; max-width: 500px; }
/*.img-apresentacao { content: url("img/apresentacaoobile.png"); }*/
}
/* estilos pra pagina do video */
.texto-video { margin: 30px 30px; font-size: 1.3em ; color: #00347b; letter-spacing: -.5px; text-align: justify;}
.video video { width: 100%; display: block; margin-top: 25px; box-shadow: 0 5px 20px rgba(0,0,0,.15);}
.video { text-align: center;}
.video iframe { width: 1000px; height: 60vh; max-width: 100%; box-shadow: 0 5px 20px rgba(0,0,0,.15); border-radius: 15px;}
/* Estilo para mobile */
@media screen and (max-width: 736px)
{
.cab { justify-content: space-between; height: 60px; }
.logo { /*content: url("../img/logo_cab_mobile.png");*/ height: 120%; }
.menu { display:none; }
.menu-mobile { display:block; }
}
/* estilos para pagina de trajetoria */
.trajetoria .texto { transition: transform 1s ease; margin: 50px 50px; font-size: 1.3em ; letter-spacing: -.5px; text-align: justify;}
.trajetoria .texto a { font-size: 1.4em ;}
.img_trajetoria { border-radius: 15px; width: 100% ; padding-top: 30px}
/* Estilo para mobile */
@media screen and (max-width: 736px)
{
.trajetoria .texto { margin: 10px 10px; font-size: 1em ; color: #00347b; text-align: justify;}
}
/* estilo dos depoimentos */
/* fonte da assinatura */
.allura { font-family: "Allura", cursive; font-weight: 400; font-size: 1.4em; font-style: normal;}
/*estilos do card */
.depoimento-texto {text-align: left; font-size: 16px; line-height: 1.8; color: #00347b;}
.depoimento-autor { display: flex; align-items: center; justify-content: center; gap: 15px; margin-top: 30px;}
.depoimento-autor img { width: 100px; height: 100px; border-radius: 50%; }
.depoimento-autor h4 { margin: 0; font-size: 1.8em; letter-spacing: -1px; }
.depoimento-autor h6 { margin: 5px 0 0; font-size: 1.2em; letter-spacing: -1px; }
/*estilos do carrosel */
.depoimentos-cab {text-align: left; font-weight: 700; font-size: 1.6em ; letter-spacing: -2px; margin: 20px 40px ; }
.depoimentos { width: 90%; max-width: 1200px; margin: 10px auto; padding: 15px; box-sizing: border-box; overflow: hidden;}
.depoimentos-track { display: flex; gap: 20px; transition: transform .8s ease;}
.depoimento { flex: 0 0 calc((100% - 40px) / 3); padding: 30px; box-sizing: border-box; background: #fff; border-radius: 15px;
box-shadow: 0 5px 20px rgba(0,0,0,.15); height: 500px; display: flex; flex-direction: column;}
.depoimento-autor { margin-top: auto;}
@media screen and (max-width: 736px)
{
.depoimento { flex: 0 0 calc((100% - 10px)); padding: 10px; box-sizing: border-box; background: #fff; border-radius: 15px;
box-shadow: 0 5px 20px rgba(0,0,0,.15);}
}