/* Fonts */
@font-face {
    font-family: 'Roboto-Light';
    src: url('/Assets/Fonts/Roboto-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('/Assets/Fonts/Roboto-Medium.ttf') format('truetype');
}




/*=========================================================================*/


* {
    padding: 0;
    margin: 0;
    font-family: Roboto-Light
}


body {
    background: linear-gradient(290deg, #FAFAD4, #89B2A2);
    min-height: 100vh;
    overflow-x: hidden
}


.logo-empresa {
    width: 100%;
    max-width: 13rem;
    margin-top: -2rem;
    left: 1rem;
}

.img-logo {
    width: 100%;
    max-width: 15rem;
}

.nome-empresa {
    font-size: 4rem;
    font-weight: 600;
    margin-top: -3rem
}

.slogan-empresa {
    font-size: 1.6rem;
    font-weight: 600;
    margin-top: -1rem;
}

.divisor-natural {
    width: 100%;
    height: 13rem;
    background: linear-gradient(0deg, #f9f9d200 -2%, #f9f9d3, #f7f7d200 65%);
}

.tela-celulares {
    width: 100%;
    max-width: 18rem
}

.titulo-informativo {
    font-family: 'Roboto-medium';
    font-size: 2.5rem;
    font-weight: bold;
    padding-bottom: 1rem;
    border-bottom: solid 2px #73b4a0;
}

.descritivo-informativo
{
    font-size: 1.3rem
}

.fundo-celular-one
{
    width:37rem;
    height:37rem;
    border-radius:100%;
    position:absolute;
    bottom:-17rem;
    background:#73b4a0;
    z-index:-10
}


.botaoAcessarReport {
    margin-left: auto;
    margin-right: 2rem;
    margin-top: 2rem;
    background: #73b3a0;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    max-width: 12rem;
    border-radius: 1rem;
    color: #fcfdfb;
    font-size: 1.2rem;
    cursor: pointer;
}