a:hover
{
    text-decoration: underline;
}


.cabecalho
{
    text-decoration: visible;
    color: var(--cor-fonte); 
    z-index: 80; 
}


.compensacao_nav
{
    width: 100%;
    height: 80px;
    pointer-events: none;
    position: relative;
    z-index: 0;
    top: 0; 
}

.botao
{

    width: 20%;
    margin-left: 40%;
    height: 50;
    padding: 10px;
    text-align: center;
    background-color: #8e24aa;
    border-radius: 5px; 
}

.botao:hover{
    background-color: #B36DC6;
    text-decoration: underline;
}
.botao > a
{
    color: white;
    font-family: 'Fjalla One';
    font-size: 16px;
}

button.botao
{
    all: unset;
    width: 40%;
    height: 30px;
    margin-top: 80px;
    padding: 10px;
    text-align: center;
    float:right;
    background-color: #8e24aa;
    border-radius: 5px; 
    color: white;
    font-family: 'Fjalla One';
    font-size: 16px;
}

.titulo
{
    
    margin-top: 10px;
    width: 100%;
    text-align: center;
}

b.titulo
{
    font-family: 'Fjalla One';
    
}

.texto
{
    font-family: Roboto;
    text-align: justify;
    width: 90%; 
    margin-left: 5%;
    margin-top: 30px;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 8px 8px 20px var(--cor-sombra);
}

a.texto
{
    font-family: Roboto;
    color: var(--cor-fonte);

    text-decoration: underline;
    margin: 0px;
    padding: 0px;
    border-radius: 0px;
    box-shadow: none;
}

img.texto
{
    width: 100%;
    margin: 0;
    margin-top: 10px;
    padding: 0px;
    background-image: var(--cor-fundo);
    border-radius: 5px;
    box-shadow: 4px 4px 10px var(--cor-sombra);
}


video.texto
{
    width: 100%;
    margin: 0;
    margin-top: 10px;
    padding: 0px;
    background-image: var(--cor-fundo);
    border-radius: 5px;
    box-shadow: 4px 4px 10px var(--cor-sombra);
}



.citacao
{
    background-color: rgba(200, 200, 200, 0.1);
    border-left: 3px solid #8C9EFF;
    padding: 10px;
    width: 80%;
    margin:20px 80px 20px 80px;
    margin-left: 80px;
 
}

.citacao > p >a
{
    text-decoration: underline;
    color: var(--cor-fonte);
}

.citacao > p
{
    font-family: Roboto;
}

.div_responsiva
{
    display: block;
    text-align: justify;
}


.div_responsiva50to100
{
    width: 90%; 
    margin: 5%; 
    text-align: justify;
}

.div_responsivaOnInDesktop
{
    display: none;
}

.div_responsivaOnInMobile
{
    display:block;
    text-align: justify;
}