@font-face {
    font-family: 'Font-TemaAno-2023';
    src: url('../fonts/Bungee-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UniNeue';
    src: url('../fonts/UniNeue-HeavyItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UniNeueLight';
    src: url('../fonts/UniNeue-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Times';
    src: url('../fonts/times.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v16/1DbO0RvWEevroPvEzA5briEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

/*
Cor Predominante
 */
.btn_main{
    background: var(--colorMainGradient) !important;
    color: #FFFFFF;
    border: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}
.btn_main:hover{
    background: var(--colorMainHover) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.bg_main{
    background: var(--colorMainGradient) !important;
}

.color_main{
    color: var(--colorMain) !important;
}

/*
Cor Secundária
 */
.btn_secondary{
    background: var(--colorSecondaryGradient) !important;
    color: #FFFFFF;
    border: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}
.btn_secondary:hover{
    background: var(--colorSecondaryHover) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.bg_secondary{
    background: var(--colorSecondaryGradient) !important;
}

.color_secondary{
    color: var(--colorSecondary) !important;
}

/*
Cor Auxiliar
 */
.btn_aux{
    background: var(--colorAuxGradient) !important;
    color: var(--color-text-on-clear-bg) !important;
    border: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}
.btn_aux:hover{
    background: var(--colorAuxHover) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.bg_aux{
    background: var(--colorAuxGradient) !important;
}
.color_aux{
    color: var(--colorAux) !important;
}

.btn_round {
    border-radius: 50%; /* Deixa o botão com bordas arredondadas */
    width: 45px; /* Define a largura do botão */
    height: 45px; /* Define a altura do botão */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2em;
}

.htmlchars {
    /*padding: 30px 0 !important;*/
    line-height: 1.6;
    color: #444;
}

.htmlchars p {
    margin-bottom: 15px;
}