@font-face {
    font-family: 'SharpSans-book';
    src: url('../fonts/SharpSans-book.otf');
}

@font-face {
    font-family: 'SharpSans-Bold';
    src: url('../fonts/SharpSans-Bold.otf');
    font-weight: bold;
}

:root{
    --cor-primaria: #000000;
    --cor-secundaria: #0266FD;
    --cor-terciaria: #E0FF44;
}

body {
    font-family: 'SharpSans-book';
    min-height: 75rem;
    padding-top: 4.5rem;
    background-color: #fff;
    font-size-adjust: 0.48;
}

.titulo {
    font-family: 'SharpSans-Bold';
    font-size: 48px;
    color: var(--cor-primaria);
}

.sub-titulo {
    font-family: 'SharpSans-book';
    font-size: 24px;
    color: #666666;
}

#quebra-mobile {
    display:none;
}

.icone-titulo {
    width: 96px;
    height: auto;
}

.filter-cor-primaria {
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(268deg) brightness(107%) contrast(107%);
}

.filter-cor-secundaria {
    filter: invert(21%) sepia(69%) saturate(4527%) hue-rotate(214deg) brightness(107%) contrast(98%);
}

.filter-white {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.filter-black {
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(304deg) brightness(100%) contrast(102%);
}

.texto-grande {
    display: block;
}

.texto-pequeno {
    display: none;
}

.fonte-branca { /* Novo */
    color: #fff;
}

.fonte-preta { /* Novo */
    color: #000;
}

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

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

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

@media(max-width:991px){
    .titulo {
        font-family: 'SharpSans-Bold';
        font-size: 24px;
        color: var(--cor-primaria);
    }

    .sub-titulo {
        font-family: 'SharpSans-book';
        font-size: 18px;
        color: #666666;
    }    

    #quebra-mobile {
        display:block;
    }

    .texto-grande {
        display: none;
    }
    
    .texto-pequeno {
        display: block;
    }
}