/* screen - seo1440 */

img.logo-adjust {
    max-width: 60%;
    max-height:50%;
    width: auto;
    height: auto;
}

img.logo-adjust-rodape {
    max-width: 50%;
    max-height: 40%;
    width: auto;
    height: auto;
}

div.margins{
    margin-left: 10%;
    margin-right: 10%;
}

div.margins-sobre{
    margin-left: 5%;
    margin-right: 7%;
}

div.margins-clientes{
    margin-left: 3%;
    margin-right: 3%;
}

div.margins-planos{
    margin-left: 2.5%;
    margin-right: 2.5%;
}

div.margins-planos-intern{
    margin-left: 4%;
    margin-right: 4%;
}

div.margins-formulario{
    margin-left: 15%;
    margin-right: 15%;
}

div.margins-dados{
    margin-left: 7%;
    margin-right: 7%;
}

button.registre-se{
    height: 50px; 
    width: 138px;    
    background-color: var(--white);
    border: 1px solid var(--white);
    transition: all 0.2s ease-out;
    font-weight: 700;
    font-family: 'Inter', Helvetica, Arial, serif;
    font-size: 14px;
    font-style: normal;
}

button.registre-se-mobile{
    height: auto; 
    width: auto;    
    background-color: var(--white);
    border: 1px solid var(--white);
    transition: all 0.2s ease-out;
    font-weight: 700;
    font-family: 'Inter', Helvetica, Arial, serif;
    font-size: 14px;
    font-style: normal;
}

button.acesso{
    height: 50px; 
    width: 180px; 
    background-color: transparent;
    border: 1px solid var(--white);
    transition: all 0.2s ease-out;
    font-weight: 700;
    font-family: 'Inter', Helvetica, Arial, serif;
    font-size: 14px;
    font-style: normal;
}

button.acesso-mobile{
    height: auto; 
    width: auto; 
    background-color: transparent;
    border: 1px solid var(--white);
    transition: all 0.2s ease-out;
    font-weight: 700;
    font-family: 'Inter', Helvetica, Arial, serif;
    font-size: 14px;
    font-style: normal;
}

div.font-size-18-white{
    color: var(--white);
    font-family: 'Inter', Helvetica, Arial, serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;       
    letter-spacing: 3.00px;
    line-height: 32px;    
    text-align: left;    
    white-space: nowrap;
    width: auto;
    margin-left: 150px;
}

.font-size-50-white{    
    color: var(--white);
    font-family: 'Inter', Helvetica, Arial, serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    height: auto;
    letter-spacing: 0.00px;
    line-height: 60px;
    text-align: left;
    width: 619px;
    margin-left: 150px;
}

.font-size-25-white{
    color: var(--white);
    font-family: 'Inter', Helvetica, Arial, serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 300;
    height: 128px;
    letter-spacing: 0.00px;
    line-height: 30px;
    text-align: left;
    width: 510px;
}

div.card-atendimento{
    max-width: 100%;
    max-height: 416px;
    width: auto;
    height: auto;
    margin-left: 8%;
    margin-right: 8%;
    border-radius: 24px;
}
div.font-size-25-black{
    color: rgba(51,51,51,1.0);;
    font-family: 'Inter', Helvetica, Arial, serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;    
    letter-spacing: 0.00px;
    line-height: 30px;
    text-align: center;    
}

div.font-size-15-black{    
    color: rgba(51,51,51,1.0);;
    font-family: 'Inter', Helvetica, Arial, serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;        
    letter-spacing: 0.00px;
    line-height: 15px;    
    text-align: center;    
    white-space: nowrap;        
}

.botao-agendar{
    border-radius: 24px;
    background-color: rgba(216,86,102,1.0) !important;
    border-color: rgba(216,86,102,1.0) !important;
    max-width: 320px;
    max-height: 110px;
    width: 100%;
    height: 100%;
}

.botao-registre{
    border-radius: 24px;
    background-color: rgba(252,52,101,1.0) !important;
    border-color: rgba(252,52,101,1.0) !important;
    max-width: 145px;
    max-height: 50px;
    width: 100%;
    height: 100%;
}

div.font-size-14-white{     
    color: var(--white);
    font-family: 'Inter', Helvetica, Arial, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.00px;
    text-align: center;
    white-space: nowrap;    
}

div.font-size-14-black{     
    color: rgba(61,61,61,1.0) !important;
    font-family: 'Inter', Helvetica, Arial, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.28px;
    line-height: 20px;
    text-align: center;

}

div.font-size-18-black{
    color: rgba(51,51,51,1.0);;
    font-family: 'Inter', Helvetica, Arial, serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 3.00px;
    line-height: 32px;
    text-align: left;
    white-space: nowrap;
}

div.titulos{
    color: rgba(51,51,51,1.0);;
    font-family: 'Inter', Helvetica, Arial, serif;
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 64px;
}

div.font-size-20-black{
    color: rgba(51,51,51,1.0);;
    font-family: 'Inter', Helvetica, Arial, serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.00px;
    line-height: 32px;
}

div.font-size-16-black{
    color: rgba(51,51,51,0.502);
    font-family: 'Inter', Helvetica, Arial, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}

div.font-size-16-white{
    color: rgba(255,255,255,1.0) !important;
    font-family: 'Lato', Helvetica, Arial, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    height: 21px;
    letter-spacing: 0.11px;
    line-height: 24px;
}

div.font-size-16-black-lato{
    color: rgba(0,0,0,1.0) !important;
    font-family: 'Lato', Helvetica, Arial, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.11px;
    line-height: 26px;
}

div.font-size-16-black-planos{
    color: rgba(0,0,0,1.0) !important;
    font-family: 'Inter', Helvetica, Arial, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: 0.11px;
}

.botao-conheca-agora{
    border: 1px solid rgba(216,86,102,1.0) !important;
    border-radius: 6px;
    background-color: transparent;     
    font-family: 'Inter', Helvetica, Arial, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 19px;
    max-width: 205px;
    max-height: 50px;
    width: 100%;
    height: 100%;
}

.botao-conheca-agora-mobile{
    border: 1px solid rgba(216,86,102,1.0);
    border-radius: 6px;
    background-color: transparent;     
    font-family: 'Inter', Helvetica, Arial, serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    height: 19px;
    max-width: 410px;
    max-height: 200px;
    width: 100%;
    height: 100%;
}

div.card-style{
    border-radius: 50px; 
    background-color: rgba(236,237,243,1.0) !important; 
    background: rgba(236,237,243,1.0) !important;
}

div.card-style-formulario{
    border-radius: 50px; 
    background-color: rgba(250,250,250,1.0) !important; 
    background: rgba(250,250,250,1.0) !important;
}

div.card-style-planos{
    border-radius: 20px; 
    background-color: rgba(248,248,248,1.0) !important; 
    background: rgba(248,248,248,1.0) !important;
}

div.font-size-18-blue{
    color: rgba(116,162,214,1.0);
    font-family: 'Inter', Helvetica, Arial, serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 3.00px;
    line-height: 32px;
}

img.resize{
    max-width:125px;
    max-height:80px;
    width: auto;
    height: auto;
}

div.font-size-56-black{
    color: rgba(51,51,51,1.0);
    font-family: 'Inter', Helvetica, Arial, serif;
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.00px;
    line-height: 64px;
}
div.font-size-35-black{
    color: rgba(61,61,61,1.0);
    font-family: 'Inter', Helvetica, Arial, serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.70px;
    line-height: 40px;
}

div.h-160{
    height: 160px !important;
}