/*layout para celulares*/

@media screen and (max-width: 639px) {
    .chapeu_navegacao_aberto_pre {
        font: normal normal calc(var(--texto) * 2.5)/calc(var(--entrelinha) * 2.5) "Estado Fine", serif;
        color: var(--cor_primaria);
        text-transform: uppercase;
    }
    .chapeu_navegacao_aberto {
        font: normal normal 700 calc(var(--texto) * 4)/calc(var(--entrelinha) * 4) "Estado Headline", serif;
        color: var(--cor_primaria);
        text-align: center;
        opacity: ;
        margin-top: 40px;
    }
    .titulo_navegacao_aberto {
        font: normal normal calc(var(--texto) * 8.6)/calc(var(--entrelinha) * 3) "Estado Fine", serif;
        color: var(--cor_primaria);
        text-transform: uppercase;
        text-align: center;
        margin: 0 0 calc(var(--entrelinha) * 3) 0;
    }
    .titulo_navegacao_aberto a,
    #menu_navegacao_aberto a {
        color: var(--cor_texto);
    }
    .titulo_navegacao_aberto a:hover,
    #menu_navegacao_aberto a:hover {
        color: var(--cor_primaria);
    }
    #menu_navegacao_aberto {
        font: normal normal 600 calc(var(--texto) * 2.8)/calc(var(--entrelinha) * 3) "Flama", serif;
        color: white;
        text-transform: uppercase;
        text-align: center;
    }
    #menu_navegacao_aberto li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        padding: 12.5px 0 14px 0;
    }
    #fechar {
        position: fixed;
        width: 100%;
        bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    /*    ______*/
    .container_titulo_capa {
        top: 30%;
        position: absolute;
        margin: 0 auto 0 auto;
        width: 100%;
    }
    .h1_capa {
        font-size: calc(var(--texto) * 13);
        line-height: calc(var(--entrelinha) * 3);
        letter-spacing: -0.005rem;
    }
    .h2_capa {
        font-size: calc(var(--texto) * 5);
        line-height: calc(var(--entrelinha) * 3);
        letter-spacing: -0.05rem;
    }
    .h1_internas {
        font-size: calc(var(--texto) * 7);
        line-height: calc(var(--entrelinha) * 4);
        text-transform: ;
        letter-spacing: -0.05rem;
        margin: calc(var(--entrelinha) * 3) auto calc(var(--entrelinha) * 1) auto;
    }
    .h2_internas {
        font-size: calc(var(--texto) * 3.5);
        line-height: calc(var(--entrelinha) * 2);
        text-transform: ;
        letter-spacing: -0.0003rem;
        margin: ;
    }
    .h3_subtitulo {
        font-size: calc(var(--texto) * 5);
        line-height: calc(var(--entrelinha) * 3);
        text-transform: ;
        letter-spacing: -0.01rem;
        border-top: 1px solid rgba(50, 50, 50, 0.2);
        padding: calc(var(--entrelinha) * 2) 0 calc(var(--entrelinha) * 2) 0;
        margin: calc(var(--entrelinha) * 2) 0 0 0;
    }
    .h4_subtitulo {
        font-size: calc(var(--texto) * 3);
        line-height: calc(var(--entrelinha) * 2);
        letter-spacing: -0.01rem;
        margin: -20px 0 8px 0;
    }
    .leiatambem {
        display: none;
    }
}


/*layout para tablets*/

@media screen and (min-width: 640px) and (max-width: 979px) {
    .chapeu_navegacao_aberto_pre {
        font: normal normal calc(var(--texto) * 2.5)/calc(var(--entrelinha) * 2.5) "Estado Fine", serif;
        color: var(--cor_primaria);
        text-transform: uppercase;
    }
    .chapeu_navegacao_aberto {
        font: normal normal 700 calc(var(--texto) * 4)/calc(var(--entrelinha) * 4) "Estado Headline", serif;
        color: var(--cor_primaria);
        text-align: center;
        opacity: ;
    }
    .titulo_navegacao_aberto {
        font: normal normal calc(var(--texto) * 8.6)/calc(var(--entrelinha) * 3) "Estado Fine", serif;
        color: var(--cor_primaria);
        text-transform: uppercase;
        text-align: center;
        margin: 0 0 calc(var(--entrelinha) * 3) 0;
    }
    .titulo_navegacao_aberto a,
    #menu_navegacao_aberto a {
        color: var(--cor_texto);
    }
    .titulo_navegacao_aberto a:hover,
    #menu_navegacao_aberto a:hover {
        color: var(--cor_primaria);
    }
    #menu_navegacao_aberto {
        font: normal normal 600 calc(var(--texto) * 2.8)/calc(var(--entrelinha) * 3) "Flama", serif;
        color: white;
        text-transform: uppercase;
        text-align: center;
    }
    #menu_navegacao_aberto li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        padding: 12.5px 0 14px 0;
    }
    #fechar {
        position: fixed;
        width: 100%;
        bottom: 15px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    #fechar {
        position: fixed;
        width: 100%;
        bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .container_titulo_capa {
        top: 30%;
        position: absolute;
        margin: 0 auto 0 auto;
        width: 100%;
    }
    .h1_capa {
        font-size: calc(var(--texto) * 20);
        line-height: calc(var(--entrelinha) * 3);
        letter-spacing: -0.005rem;
    }
    .h2_capa {
        font-size: calc(var(--texto) * 6);
        line-height: calc(var(--entrelinha) * 3.5);
        letter-spacing: 0.05rem;
    }
    .h1_internas {
        font-size: calc(var(--texto) * 10);
        line-height: calc(var(--entrelinha) * 5);
        text-transform: ;
        letter-spacing: -0.05rem;
        margin: calc(var(--entrelinha) * 1) auto calc(var(--entrelinha) * 1) auto;
    }
    .h2_internas {
        font-size: calc(var(--texto) * 4);
        line-height: calc(var(--entrelinha) * 2.5);
        letter-spacing: -0.0003rem;
    }
    .h3_subtitulo {
        font-size: calc(var(--texto) * 5);
        line-height: calc(var(--entrelinha) * 3);
        text-transform: ;
        letter-spacing: -0.01rem;
        border-top: 1px solid rgba(50, 50, 50, 0.2);
        padding: calc(var(--entrelinha) * 2) 0 calc(var(--entrelinha) * 2) 0;
        margin: calc(var(--entrelinha) * 2) 0 0 0;
    }
    .h4_subtitulo {
        font-size: calc(var(--texto) * 3);
        line-height: calc(var(--entrelinha) * 2);
        letter-spacing: -0.01rem;
        margin: -20px 0 -5px 0;
    }
    .leiatambem {
        display: none;
    }
}


/*layout para desktop*/

@media screen and (min-width: 980px) {
    .container_titulo_capa {
        top: 25%;
        position: absolute;
        margin: 0 auto 0 auto;
        width: 100%;
    }
    .h1_capa {
        font-size: calc(var(--texto) * 25);
        line-height: calc(var(--entrelinha) * 5);
        letter-spacing: -0.4rem;
    }
    .h2_capa {
        font-size: calc(var(--texto) * 6);
        line-height: calc(var(--entrelinha) * 3.5);
        letter-spacing: 0.05rem;
        margin-top: -45px;
    }
    .h1_internas {
        font-size: calc(var(--texto) * 10);
        line-height: calc(var(--entrelinha) * 4);
        text-transform: ;
        letter-spacing: -0.05rem;
        margin: calc(var(--entrelinha) * 6) auto calc(var(--entrelinha) * 1) auto;
    }
    .h2_internas {
        font-size: calc(var(--texto) * 4);
        line-height: calc(var(--entrelinha) * 1);
        letter-spacing: -0.0003rem;
    }
    .h3_subtitulo {
        font-size: calc(var(--texto) * 4);
        line-height: calc(var(--entrelinha) * 3);
        text-transform: ;
        letter-spacing: -0.01rem;
        border-top: 1px solid rgba(50, 50, 50, 0.2);
        padding: calc(var(--entrelinha) * 2) 0 calc(var(--entrelinha) * 0) 0;
        margin: calc(var(--entrelinha) * 2) 0 0 0;
    }
    .h4_subtitulo {
        font-size: calc(var(--texto) * 3);
        line-height: calc(var(--entrelinha) * 2);
        letter-spacing: -0.01rem;
        margin: -20px 0 -5px 0;
    }
    .titulos_capitulos {
        font-size: calc(var(--texto) * 2.6);
        line-height: calc(var(--entrelinha) * 1.6);
        text-align: center;
    }
    .titulos_tarja_interna {
        font-size: normal normal 200 calc(var(--texto) * 3.5);
        line-height: calc(var(--entrelinha) * 3);
        text-transform: uppercase;
        letter-spacing: -0.002rem;
        color: var(--cor_primaria);
        text-decoration: none;
        margin: 0 0 0 0;
        position: ;
        width: ;
    }
}