:root {
/* =========================== HOOT ==========================*/
/*--------- Cores ---------*/
    /*-- Cores institucionais --*/
    --ds-red:#AE081A;
    --ds-darkblue:#006684;
    --ds-softblue-light:#EFF7F8;
    --ds-softblue-medium:#E4ECED;
    --ds-softblue-heavy:#A9AEAF;
    --ds-darkgray:#707070;
    --ds-mediumgray:#C1C1C1;
    --ds-gray: #EFEFEF;
    --ds-white:#FFFFFF;
    --ds-alphablack:rgba(0, 0, 0, 0.1); 
    --ds-alpha:rgba(0, 0, 0, 0); 
    /*-- Cores institucionais FIM*/
/*------ Cores - FIM -------*/


/*--------- Fonts --------*/
    --ds-title:"WremenaBold", serif;
    --ds-text-regular:"IBMPlexSansRegular", sans-serif;
    --ds-text-medium:"IBMPlexSansMedium", sans-serif;
    --ds-text-bold:"IBMPlexSansBold", sans-serif;
/*------ Fonts FIM -------*/


/*---------- Sombras ---------*/
    --ds-shadow1: 0px 10px 25px 0px rgba(228,236,237,1);
    --ds-shadow2: 0px 10px 12px -4px rgba(0,0,0,0.1);
/*------- Sombras - FIM ------*/

/*---------- Glow ------------*/
    --ds-glow1: 0px 0px 39px -5px rgba(0,102,132,0.7);
/*---------- Glow FIM---------*/

/*---------- Alturas ---------*/
    --ds-line-height1: 8px;
/*---------- Alturas FIM------*/

/*---------- Bordas ---------*/
    /*--Arredondado--*/
    --ds-border1: 6px;
    --ds-border2: 12px;
    /*--Outline--*/
    --ds-border-line1: 2px solid var(--ds-darkblue);
    --ds-border-line2: 1px solid var(--ds-darkgray);
    --ds-border-line3: 1px solid var(--ds-mediumgray);
    --ds-border-line4: 1px solid var(--ds-gray);
    --ds-border-form-required: 1 solid var(--ds-red);
/*------- Bordas - FIM ------*/

/*---------- Botões ---------*/
    --ds-btn-height:51px;
/* =========================== HOOT FIM  ==========================*/
}

/*------------ Botões --------------*/
.btn-outline-gray,
.btn-outline-blue,
.btn-icon {
    appearance: none;
    cursor: pointer;
    text-decoration: none !important;
    background-color: var(--ds-alpha);
    border: var(--ds-border-line2);  
    border-radius: var(--ds-border1);  
    padding: 10px 24px 10px 24px;
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    height: var(--ds-btn-height);
    transition: all 250ms ease;
}
.btn-outline-blue {
    border-color: var(--ds-darkblue) !important;
    font-family: var(--ds-text-bold);
    color: var(--ds-darkblue);
}
.btn-outline-gray a:hover {
    text-decoration: none;
    color: inherit;
}
.btn-outline-gray:hover,
.btn-outline-blue:hover,
.btn-icon:hover {
    background-color: var(--ds-darkblue);
    color: var(--ds-white);
    border-color: var(--ds-darkblue);
    transform: scale(1.05);
    -webkit-box-shadow: var(--ds-glow1);
    -moz-box-shadow: var(--ds-glow1);
    box-shadow: var(--ds-glow1);
}

.btn-outline-gray:active,
.btn-outline-blue:active,
.btn-icon:active {
    transform: scale(0.95);
}

.btn-outline-gray:focus,
.btn-outline-blue:focus,
.btn-icon:focus {
    outline: none;
}

.btn-outline-gray:hover .text-red,
.btn-outline-blue:hover .text-red,
.btn-icon:hover .text-red {
    color: inherit;
}

a:hover {
    text-decoration: underline;
    color: var(--ds-red);
}

/*-- btn icon --*/
.btn-icon {
    border: var(--ds-border-line1);
    position: relative;
    padding-right: 65px;
}
.btn-icon p {
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 2;
}
.btn-icon i {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0px;
    width: 48px;
    height: 48px;
    background-color: var(--ds-darkblue);
    z-index: 1;
    transition: all 250ms ease;
}
.icon-download {
    background-image: url(../images/icon-download.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.btn-icon:hover i {
    background-position: 97% center;
    width: 100%;
}
.btn-icon:hover p {
    color: var(--ds-white) !important;
}
/*-- btn icon FIM --*/

/*-- Leia mais --*/
#more,
#more2,
#more3,
#more4,
#more5 {display: none;}

.btn-readmore1 {
    appearance: none;
    outline: none;
    border:none;
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--ds-darkgray);
    padding-left: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: inherit;
    font-family: inherit;
    text-align: left;
    position: relative;
    transition: all 250ms ease;
    cursor: pointer;
}

.btn-readmore1:after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    right: 15px;
    top: 15px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--ds-darkgray);
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: var(--ds-darkgray);
    transform: rotate(45deg);

}

.btn-readmore1:hover {
    background-color: var(--ds-alphablack);
    padding-left: +10px;
}



/*-- Leia mais FIM --*/
/*------------ Botões FIM-----------*/
/*-------------- Assets e Ícones ------------*/
.icon-three-dots {
    width:30px;
    height: 3px;
    background-image: url(../images/icon-three-dots.svg);
    background-repeat: no-repeat;
}

.icon-phone,
.icon-email {
    display: block;
    float: left;
    width: 31px;
    height: 31px;
    background-repeat: no-repeat;
    background-position: center center;
}
.icon-phone{background-image: url(../images/icon-phone.svg);}
.icon-email{background-image: url(../images/icon-email.svg);}

/*-------------- Assets FIM---------*/

/*-------------- Support ------------*/
.disable-desktop {
    display: none;
}

@media only screen and (max-width: 1000px) {
    .mobile-disable {
        display: none !important;
    }
    .disable-desktop {
        display: flex;
        justify-content: center;
    }
}

@media only screen and (max-width: 1400px) {
    .tablet-disable {
        display: none !important;
    }
}
/*-------------- Support FIM---------*/