/* 
	RESET
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-decoration: none;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -o-box-sizing: border-box;
}

a:link {
    text-decoration: none;
    color: inherit;
}

a:visited {
    text-decoration: none;
    color: inherit;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.clear {
    clear: both;
}

/* FIM RESET */

:root{
    --semi-white : #f7f7f7;
    --white: #ffffff;
    --font-primary : #606062;
    --orange: #E36838;
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.ttf')format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Light';
    src: url('../fonts/Montserrat-Light.ttf')format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.ttf')format('truetype');
    font-weight: normal;
    font-style: normal;
}

html{
    scroll-behavior: smooth;
}

body {
    font-family: 'Montserrat-Regular';
    font-size: 16px;
    line-height: 1.3;
    background-color: #fff;
    color: #182642;
}

p, li{
    line-height: 1.5;
}

.container{
    max-width: 1400px;
    margin:0 auto;
}


.ph-list{
    display: block;
    font-size: 25px;
    display: none;
    cursor: pointer;
}

.carousel-container {
    position: relative;
    width: 100%;
    max-width: 1400px;
    overflow: hidden;
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
    border-radius: 10px;
}

.carousel {
    display: flex;
    transition: transform 0.5s ease;
}

.carousel-item {
    min-width: 100%;
}

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

.carousel-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    color: white;
    font-size: 24px;
    padding: 10px 10px 5px 10px;
    cursor: pointer;
    z-index: 1;
    border-radius: 100px;
}

.carousel-button.prev {
    left: 10px;
}

.carousel-button.next {
    right: 10px;
}

.carousel-button:focus {
    outline: none;
}

section.slider-header{
    width: 100%;
    position: relative;
}
section.slider-header .border{
    width: 100%;
    height: 175px;
    background-color: #F26021;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
}

.depoimento-container {
    position: relative;
    width: 100%;
    max-width: 1400px;
    overflow: hidden;
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
    border-radius: 10px;
}

.carousel-depoimento {
    display: flex;
    transition: transform 0.5s ease;
}

.depoimento-item {
    min-width: 100%;
}

/* .carousel-item img {
    width: 100%;
    display: block;
    border-radius: 10px;    
} */

.depoimento-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    color: white;
    font-size: 24px;
    padding: 10px 10px 5px 10px;
    cursor: pointer;
    z-index: 1;
    border-radius: 100px;
}

.depoimento-button.prev {
    left: 10px;
}

.depoimento-button.next {
    right: 10px;
}

.depoimento-button:focus {
    outline: none;
}

header{
    padding: 50px 0px;
}

header .responsive{
    display: none;
}

header .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
header .container nav ul{
    display: flex;
    gap:5px;
}

header .container nav ul li{
    padding: 10px 20px;
    transition: all ease 0.5s;
    border-radius: 5px;
}

header .container nav ul li:hover{
    background-color: #182642;
    color: #F26021;
    border-radius: 5px;
}

section.diferencial{
    margin: 80px 0px;
}

section.diferencial .container{
    display: flex;
    align-items: center;
    justify-content: center;
}

section.diferencial h2{
    color: #F16021;
    font-size: 42px;
    margin-bottom: 20px;
}
section.diferencial h2 span{
    font-size: 48px;
    display: block;
    font-family: 'Montserrat-Bold';
}

section.diferencial h2::after{
    content: '';
    display: block;
    width:200px;
    height: 8px;
    background-color: #F26021;
    border-radius: 5px;
    margin: 20px 0px 30px 0px;
}

section.diferencial .descricao{
    padding-right: 30px;
    width: 46.42857142857143%; /* 650px */
}

section.diferencial .img{
    width: 37.5%; /* 525px */
}
section.diferencial .img img{
    max-width: 100%;
}

section.diferencial .descricao p{
    margin-top: 20px;
}

section.impacto{
    margin: 80px 0px;
    width: 100%;
    min-height: 650px;
    background-image: url(../img/bg-impacto.jpg);
    background-size: cover;
    display: flex;
    align-items: center;
}
section.impacto h2{
    color: #ffffff;
    font-size: 42px;
    margin-bottom: 20px;
}
section.impacto h2 span{
    font-size: 48px;
    display: block;
    font-family: 'Montserrat-Bold';
}

section.impacto h2::after{
    content: '';
    display: block;
    width:200px;
    height: 8px;
    background-color: #F26021;
    border-radius: 5px;
    margin: 20px 0px 30px 0px;
}

section.impacto .container{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.impacto .container .descricao{
    width: 50%;
    padding-right: 100px;
}

section.impacto .container .descricao p{
    color: #fff;
    margin-top: 20px;
}

section.impacto .container .contadores{
    width: 45%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
section.impacto .container .contadores .contador{
    width: 50%;
    margin: 50px 0px;
}
section.impacto .container .contadores .contador p{
    font-size: 35px;
    font-family: 'Montserrat-Bold';
    color: #F26021;
    line-height: 1.2;
}
section.impacto .container .contadores .contador p span{
    display: block;
    font-size: 22px;
    color: #fff;
    font-family: 'Montserrat-Regular';
}
section.atuacao .container{
    display: flex;
    justify-content: center;
    align-items: center;
}
section.atuacao .container .mapa{
    width: 34.28571428571429%; /* 480px */
}

section.atuacao .container .mapa img{
    max-width: 100%;
}
section.atuacao .container .descricao{
    width: 47.14285714285714%; /* 660px */
    padding: 0px 0px 0px 100px;
}
section.atuacao h2{
    color: #F26021;
    font-size: 42px;
    margin-bottom: 20px;
    font-family: 'Montserrat-Bold';
}

section.atuacao h2::after{
    content: '';
    display: block;
    width:200px;
    height: 8px;
    background-color: #F26021;
    border-radius: 5px;
    margin: 20px 0px 30px 0px;
}

section.servicos{
    margin-top: 100px;
}

section.servicos h2{
    color: #F26021;
    font-size: 42px;
    margin-bottom: 20px;
}
section.servicos h2 span{
    font-size: 48px;
    display: block;
    font-family: 'Montserrat-Bold';
}

section.servicos h2::after{
    content: '';
    display: block;
    width:200px;
    height: 8px;
    background-color: #F26021;
    border-radius: 5px;
    margin: 20px 0px 30px 0px;
}

section.servicos .container{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

section.servicos ul li{
    padding: 15px 15px;
    margin-bottom: 15px;
    border-radius: 5px;
    background-color: #F7F7F7;
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
}

section.servicos .descricao{
    width: 46.42857142857143%; /* 650px */
}

section.servicos .img{
    width: 39.64285714285714%; /* 555px */
}
section.servicos .img img{
    max-width: 100%;
}

section.servicos .descricao a{
    display: table;
    background-color: #F26021;
    color: #FFF;
    padding: 15px 100px;
    border-radius: 5px;
    margin-top: 20px;
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
    border-radius: 5px;
    transition: all ease 0.5s;
}
section.servicos .descricao a:hover{
    background-color: #31497C;
}

section.depoimentos h2{
    color: #F26021;
    font-size: 42px;
    margin-bottom: 20px;
    text-align: center;
}
section.depoimentos h2 span{
    font-size: 48px;
    display: inline;
    font-family: 'Montserrat-Bold';
}

section.depoimentos h2::after{
    content: '';
    display: block;
    width:200px;
    height: 8px;
    background-color: #F26021;
    border-radius: 5px;
    margin: 20px auto 30px auto;

}

section.depoimentos{
    margin-top: 150px;
}

section.depoimentos .depoimentos-slider{
    width: 100%;
    min-height:555px;
    background-image: url(../img/bg-depoimentos.jpg);
    background-size: cover;
}

.slider {
    width: 100%;
    min-height: 555px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
}
.slide {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0px 50px;
}
.slide img {
    width: 100%;
}

.slide .img{
    width: 115px;
    height: 115px;
    padding: 5px;
    border-radius: 100px;
    border:thin solid #FFFFFF;
}

.slide .img img{
    max-width: 100%;
}
.slide .descricao{
    max-width: 610px;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    margin-top: 20px;
    position: relative;
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
    margin-bottom: 20px;
}

.slide .descricao::after{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    transform: rotate(-45deg) translateX(-50%);;
    position: absolute;
    top: -15px;
    left: 50%;
    border-radius: 3px;
}
.slide .dados span.nome{
    color: #fff;
    display: block;
    text-align: center;
    font-family: 'Montserrat-Bold';
    font-size: 20px;
}
.slide .dados span.empresa{
    color: #fff;
    display: block;
    text-align: center;
}

.slider button{
    background: none;
    border:none;
    cursor: pointer;
}
.slider button i{
    color: #fff;
    font-size: 20px;
}

.slider #prevBtn{
    position: absolute;
    top:50%;
    left: 10px;
    transform: translateY(-50%);
}

.slider #nextBtn{
    position: absolute;
    top:50%;
    right: 10px;
    transform: translateY(-50%);
}
section.documentos .container{
    background-color: #182642;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 40px;
}

section.documentos .container h2{
    color: #F26021;
    font-size: 42px;
    text-align: center;
    font-family: 'Montserrat-Bold';
}
section.documentos a{
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #F26021;
    color: #FFF;
    padding: 15px 100px;
    border-radius: 5px;
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
    border-radius: 5px;
    transition: all ease 0.5s;
}
section.documentos a:hover{
    background-color: #31497C;
}
section.documentos a i{
    font-size: 20px;
}
section.equipe{
    margin-top: 100px;
}
section.equipe h2{
    color: #F16021;
    font-size: 42px;
    margin-bottom: 80px;
}
section.equipe h2 span{
    font-size: 48px;
    display: block;
    font-family: 'Montserrat-Bold';
}

section.equipe h2::after{
    content: '';
    display: block;
    width:200px;
    height: 8px;
    background-color: #F26021;
    border-radius: 5px;
    margin: 20px 0px 30px 0px;
}
section.equipe .pessoas{
    display: flex;
    justify-content: space-between;
}
section.equipe .pessoas .item{
    width: 50%;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap:20px;
}
section.equipe .pessoas .item .img{
    width: 145px;
    height: 145px;
    padding: 5px;
    border:thin solid #F26021;
    border-radius: 145px;
    flex-shrink: 0;
}
section.equipe .pessoas .item .img img{
    max-width: 100%;
    border-radius: 145px;
}
section.equipe .pessoas .item ul li{
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
}
section.equipe .pessoas .item i{
    color: #F26021;
    font-size: 25px;
}

section.equipe .pessoas h3{
    font-family: 'Montserrat-Bold';
    font-size: 20px;
}
section.equipe .pessoas h4{
    font-size: 16px;
    font-family: 'Montserrat-Bold';
    margin-bottom: 15px;
}
section.equipe .img-equipe{
    width: 100%;
    margin-top: 20px;
}
section.equipe .img-equipe img{
    display: table;
    margin:0 auto;
    max-width: 100%;
}
section.historia{
    width: 100%;
    min-height: 715px;
    background-color: #182642;
    margin-top: -60px;
    color: #fff;
    padding: 100px 0px;
}
section.historia .conteudo{
    display: flex;
}
section.historia h2{
    color: #F16021;
    font-size: 42px;
    margin-bottom: 50px;
}
section.historia h2 span{
    font-size: 48px;
    display: block;
    font-family: 'Montserrat-Bold';
}

section.historia h2::after{
    content: '';
    display: block;
    width:200px;
    height: 8px;
    background-color: #F26021;
    border-radius: 5px;
    margin: 20px 0px 30px 0px;
}

section.historia .descricao{
    padding-right: 100px;
    width: 50%;
}
section.historia .img{
    width: 50%;
}

section.historia .img img{
    max-width: 100%;
}

section.historia p{
    margin-bottom: 20px;
    line-height: 1.5;
}

section.missao{
    background-color: #F7F7F7;
    padding: 80px 0px;
}

section.missao .container{
    display: flex;
    padding: 50px 0px;
}

section.missao .container .item{
    width: 33.33333333333333%;
    text-align: center;
    padding: 0px 20px;
}

section.missao .container .item h2{
    font-size: 48px;
    font-family: 'Montserrat-Bold';
    color: #F26021;
    margin-bottom: 20px;
}
section.missao .container .item i{
    font-size: 20px;
}
section.missao .container .item p{
    line-height: 1.5;
}

section.clientes{
    padding-top: 50px;
}

section.clientes h2{
    color: #F16021;
    font-size: 42px;
    margin-bottom: 50px;
    text-align: center;
}
section.clientes h2 span{
    font-size: 48px;
    display: inline;
    font-family: 'Montserrat-Bold';
}

section.clientes h2::after{
    content: '';
    display: block;
    width:200px;
    height: 8px;
    background-color: #F26021;
    border-radius: 5px;
    margin: 20px auto 30px auto;
}

section.clientes .itens{
    padding: 20px 40px;
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
    justify-content: center;
}

footer{
    background-color: #182642;
    margin-top: 80px;
    color: #fff;
    padding: 50px 0px;
}

footer .container{
    display: flex;
    align-items: center;
}

footer h2{
    font-size: 42px;
    color: #F26021;
}

footer .contato{
    width: 45%;
}

footer .localizacao{
    width: 55%;
    display: flex;
    flex-direction: column;
    gap:40px;
}

footer form{
    padding-right: 50px;
    
}

footer form  input[type='text']{
    width: 100%;
    background-color: #243352;
    border:none;
    padding: 15px;
    margin-top: 15px;
    border-radius: 5px;
    outline: none;
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
    color: #fff;
}

footer form  input[type='text']::placeholder, footer form  textarea::placeholder{
    color: #fff;
}

footer form textarea{
    color: #fff;
    width: 100%;
    min-height: 120px;
    background-color: #243352;
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
    padding: 15px;
    margin-top: 15px;
    border-radius: 5px;
    border:none;
    resize: none;
    outline: none;
}
footer form input[type='submit']{
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #F26021;
    color: #FFF;
    padding: 15px 100px;
    border-radius: 5px;
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
    transition: all ease 0.5s;
    border:none;
    font-family: 'Montserrat-Regular';
    margin-top: 15px;
    cursor: pointer;
}
footer form input[type='submit']:hover{
    background-color: #31497C;
}

footer .telefones{
    display: flex;
    gap:30px;
}

footer .telefones .item, footer .email, footer .endereco{
    display: flex;
    align-items: center;
    gap: 10px;
}

footer i{
    color: #F26021;
    font-size: 20px;
}

.navegacao{
    width: 100%;
    background-color: #F26021;
    padding: 15px;
    margin-bottom: 30px;
}
.navegacao ul{
    display: flex;
    gap: 30px;
    color: #fff;
}



.documentos-download ul li{
    background-color: #f7f7f7;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 5px;
    transition: all ease 0.5s;
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
    display: flex;
    align-items: center;
    gap: 30px;
}

.documentos-download ul li:hover{
    background-color: #182642;
    color: #fff;
}
.documentos-download ul li i{
    font-size: 30px;
}

.detalhe-servico{
    max-width: 980px;
    margin:0 auto;
}

.detalhe-servico h2{
    color: #F26021;
    font-size: 40px;
    font-family: 'Montserrat-Bold';
    margin-bottom: 30px;
}

.detalhe-servico h3{
    font-family: 'Montserrat-Bold';
    color: #31497C;
    font-size: 25px;
}

.detalhe-servico .servico-detalhe{
    margin-bottom: 50px;
}

.detalhe-servico .servico-detalhe p{
    margin-bottom: 20px;
}

.detalhe-servico .servico-detalhe .titulo{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}
.detalhe-servico .servico-detalhe .titulo i{
    font-size: 20px;
}


.detalhe-servico .servico-detalhe .right{
    /* display: table;
    margin: 20px auto; */
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}

.detalhe-servico .servico-detalhe .left{
    /* display: table;
    margin: 20px auto; */
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
}

 .detalhe-servico .servico-detalhe .img img{
    max-width: 100%;
    border-radius: 5px;
} 

.clear{
    clear: both;
}

ul.btn{
    position: fixed;
    top: 20px;
    right: 0;
    display: flex;
    gap: 15px;
}

ul.btn li{
    background-color: #F26021;
    border:thin solid #ddd;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 15px;
    transition: all ease 0.5s;
    display: flex;
    align-items: center;
}

ul.btn li a {
    display: flex;
    align-items: center;
    gap:10px
}

ul.btn li a i{
    font-size: 16px;
}

ul.btn li:hover{
    background-color: #182642;
    color: #fff;
}

ul.btn0{
    position: fixed;
    top: 20px;
    right: 0;
    display: flex;
    gap: 15px;
}

ul.btn0 li{
    background-color: #F26021;
    border:thin solid #ddd;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 15px;
    transition: all ease 0.5s;
    display: flex;
    align-items: center;
}

ul.btn0 li a {
    display: flex;
    align-items: center;
    gap:10px
}

ul.btn0 li a i{
    font-size: 16px;
}

ul.btn0 li:hover{
    background-color: #182642;
    color: #fff;
}

li.btn2{
    position: absolute;
    top:-20px;
    right: 0;
    display: flex;
    gap: 15px;
}

ul.btn2 li{
    background-color: #F26021;
    border:thin solid #ddd;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 14px;
    transition: all ease 0.5s;
    display: flex;
    align-items: center;
}

ul.btn2 li a {
    display: flex;
    align-items: center;
    gap:10px
}

ul.btn2 li a i{
    font-size: 14px;
}

ul.btn2 li:hover{
    background-color: #182642;
    color: #fff;
}

section.pastas ul{
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

section.pastas ul li{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border:thin solid #ddd;
    padding: 20px 30px;
    border-radius: 5px;
    cursor: pointer;
    transition: all ease 0.5s;
}

section.pastas ul li:hover{
    background-color: #182642;
    color: #fff;
}

section.pastas ul li i{
    font-size: 40px;
}

 @keyframes btn-pisca {
     0% { opacity: 0; }
     50% { opacity: 0.5; }
     100% { opacity: 1; }
 }
.btn-pisca {
   background-color:#ce300c;
   color:#fff;
   padding: 0.6em 0.8em;
   display: inline-block;
   text-decoration: none;
   border-radius: 4px; 
   -webkit-animation: btn-pisca .9s linear infinite;
   -moz-animation: btn-pisca .9s linear infinite;
   -ms-animation: btn-pisca .9s linear infinite;
   -o-animation: btn-pisca .9s linear infinite;
   animation: btn-pisca .9s linear infinite;
   time: 5;
}

.btDestaque{
    position: absolute;
    top:-6px;
    right: 0;
    background-color: #e74c3c;
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    transition: all ease 0.5s;
    animation: colorChange 1s;
    animation-iteration-count: 5; /* Run the animation 5 times */
}
.btDestaque a{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}

@keyframes colorChange {
    0% {
        background-color: #e74c3c; /* Initial color */
    }
    100% {
        background-color: #182642; /* Color at 0.5 seconds */
    }
}

label.error {
    width: 100%;
    color: red;
    display: none;
    font-size: 12px;
    font-weight: normal;
}

.idiomas{
    width:auto;
    display: flex;
    align-items: center;
    gap:5px;    
    height: 30px;
    position: absolute;
    top:-45px;
    right: 0px;
    border-radius: 5px;
    font-size: 13px;
    background-color: #f7f7f7;
    border-radius: 100px;
    border:thin solid #ddd;
    padding: 2px;
}

.idiomas a{
    padding: 5px 15px;
    border-radius: 100px;
    transition: all ease 0.5s;
}

.idiomas a:hover{
    background-color: #ddd;
}

.idiomas .br{
    
}

.idiomas .es{
    background: #ddd;
}