@import url('../fonts/fonts.css');
@import url('pageStyle/navbar.css');
@import url('pageStyle/footer.css');

@import url('pageStyle/banner.css');
@import url('pageStyle/servicos.css');
@import url('pageStyle/nosotros.css');
@import url('pageStyle/form.css');
@import url('pageStyle/list.css');
@import url('pageStyle/home.css');

:root{
    --amarelo    :#FFBE32;
    --roxo       :#1C1748;
    --roxo-claro :#363892;
    --roxo-t     :#27296B;
    --fundo      :#f1f1f1;

    --verde      :#4AAE20;
    --verde-forte:#278100;
    --vermelho   :#F0292F; 

    --branco     :#FFFFFF;
    --preto      :#000000;

    --preto-2    :#27296b;

    --cinza      :#444444;
    --cinza-texto:#333333;
    --cinza-texto-b:#343434;
    --conector   :#AAAAAA;
    --cinza-claro:#DDDDDD;

    --form       :#EEEEEE;
    --borroes    :#E1EBF0;
    --cinza-f    :#343434;

    --box        :#8F8F8F;
    --box2       :#6D6D6D;

    --sombra     :#e5e5e5;
}
strong{
    font-family: 'Amsi Pro Narrow';
    color: var(--cinza-texto-b) !important;
    padding-top: -12px;}
p{
    margin: 0;
}
body{
    
    width: 100%;
    background-image: url('../images/fundonuvemteste.fw.png');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: auto;
    /* background-size: 100% 641px; */

}
.backcolor{
    background-color: var(--fundo);
}

.noback{
    background-color: transparent;
}
/* width */
::-webkit-scrollbar {
    width: 2px;
}

/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px var(--sombra); 
border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: var(--form); 
border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: var(--form); 
}

.primary{
    color: var(--preto);
}
.secondary{
    color: var(--form);
}

.c_cinza_texto{color: var(--cinza-texto);}
.c_cinza{
    color: var(--cinza);
}
.c_cinza_escuro{
    color: var(--cinza-f);
}
.c_cinza_claro{
    color:var(--cinza-claro);
}

.f55_nd{font-size: 3.438em;                     }
.f55-b{font-size: clamp(1.5em,2.564vw,3.438em); }
.f50-b{font-size: clamp(1.563em,3.8vw,3.125em); }


.f100{font-size: clamp(3.125em,5.18vw,6.54em);  }
.f80 {font-size: clamp(2.5em,5.18vw,5em);       }
.f70 {font-size: clamp(2.188em,3.59vw,4.375em); }
.f68{font-size: clamp(2.125em,3.487vw,4.25em);  }
.f65{font-size: clamp(2.031em,3.487vw,4.063em); }
.f60{font-size: clamp(1.87em,3.077vw,3.75em);   }
.f55{font-size: clamp(2.5em,2.564vw,3.438em); }
.f50{font-size: clamp(1.563em,2.564vw,3.125em); }
.f48{font-size: clamp(2.375em,2.8vw,3.4em);       }
.f45{font-size: clamp(1.406em,2.308vw,2.813em); }
.f42{font-size: clamp(1.3125em,2.154vw,2.625em);}
.f40{font-size: clamp(1.7em,2.154vw,2.5em);     }
.f35{font-size: clamp(1.094em,1.795vw,2.188em); }
.f34{font-size: clamp(1.6em,1.744vw,2.125em);   }
.f30{font-size: clamp(1.4em,1.538vw,1.875em);   }
.f28{font-size: clamp(1.3em,1.436vw,1.75em)     }
.f26{font-size: clamp(1.27em,1.354vw,1.625em)     }
.f25{font-size: clamp(1.253em,1.282vw,1.563em)  }
.f22{font-size: clamp(1.18em,1.128vw,1.313em)      }
.f20{font-size: clamp(1.16em,1.026vw,1.25em);      }
.f18{font-size: clamp(0.87em,0.923vw,1.125em);  }
.f12{font-size: clamp(0.5em,0.615vw,0.75em);    }
menu .action_item{font-weight: bold;}
a,.action_item{
    font-family: 'Amsi Pro Condensed';
    
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--preto);
    text-transform:uppercase;
    text-decoration: none;
    transition: all 0.1s ease-in-out;
}
a.animated{
    transition: all 0.3s ease;
}
a.animated:hover{color: var(--amarelo);}
img{
    display: block;
    width: auto;
    max-height: 100%;
    max-width: 100%;
}

.no:hover{transform: scale(1.00) !important;}
.no{transition: none;}
a.action_item:hover,.action_item:hover>a{
    transform: scale(1.05);
    /* background-color: rebeccapurple; */
}

.bordas{
    border:1px solid red
}
.bordas> *{
    border:1px solid blue
}

.bordas> *>*{
    border:1px solid green
}

*{
    padding: 0;
    margin: 0;
}
.bold{font-weight: bold;}

.subcontainer {
    max-width:50%;
    /* margin: 0 0 0 auto ; */
}
.container{
    max-width: 1250px !important;
}