.contex-container {
    width: 100%;
    max-width: var(--largura-container);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--espaco-lg);
    padding-right: var(--espaco-lg);
}

.contex-coluna-texto {
    width: 100%;
    max-width: var(--largura-texto);
    margin-left: auto;
    margin-right: auto;
}

.contex-site {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.contex-main {
    flex: 1;
    padding-top: var(--espaco-lg);
    padding-bottom: var(--espaco-xl);
    scroll-margin-top: 0;
}

.contex-layout-duas-colunas {
    display: grid;
    gap: var(--espaco-lg);
    align-items: start;
}

.contex-layout-duas-colunas.conteudo-sidebar {
    grid-template-columns: 1fr 300px;
}

.contex-layout-duas-colunas.conteudo-thumbnail {
    grid-template-columns: 1fr 400px;
}

.contex-sidebar {
    position: sticky;
    top: var(--espaco-lg);
    align-self: start;
}

:root {
    --altura-header: 120px;
}

.contex-grid-2 {
    display: grid;
    grid-template-columns: repeat( 2, 1fr );
    gap: var(--espaco-lg);
}

.contex-grid-fluido {
    display: grid;
    grid-template-columns: repeat( auto-fill, minmax( 250px, 1fr ) );
    gap: var(--espaco-lg);
}

.contex-lista-vertical {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-lg);
}

.contex-separador {
    border: none;
    border-top: var(--borda-separador);
    margin: var(--espaco-lg) 0;
}

.contex-frontpage {
    display: grid;
    grid-template-columns: 2.5fr 1fr;
    gap: var(--espaco-xl);
    align-items: start;
}

.contex-frontpage__contos {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-lg);
}

.contex-frontpage__lateral {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-lg);
}

.contex-frontpage__are,
.contex-frontpage__notas {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-md);
}

.contex-frontpage__titulo {
    font-size: var(--tamanho-detalhe);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 0;
}

.contex-frontpage__titulo a {
    color: var(--cor-detalhe);
    text-decoration: none;
    transition: color 0.2s ease;
}

.contex-frontpage__titulo a:hover {
    color: var(--cor-corpo);
}

.contex-frontpage__contos .contex-grid-2 {
    gap: var(--espaco-md);
}

.contex-frontpage__ver-todos {
    align-self: center;
}

@media ( max-width: 480px ) {

    .contex-container {
        padding-left: var(--espaco-sm);
        padding-right: var(--espaco-sm);
    }

    .contex-layout-duas-colunas.conteudo-sidebar,
    .contex-layout-duas-colunas.conteudo-thumbnail {
        grid-template-columns: 1fr;
    }

    .contex-layout-duas-colunas.conteudo-sidebar .contex-single--are,
    .contex-layout-duas-colunas.conteudo-sidebar .contex-single--notas {
        order: 2;
    }

    .contex-layout-duas-colunas.conteudo-sidebar .contex-sidebar {
        order: 1;
    }

    .contex-sidebar {
        position: static;
    }

    .contex-grid-2 {
        grid-template-columns: 1fr;
    }

    .contex-grid-fluido {
        grid-template-columns: 1fr;
    }

    .contex-main {
        padding-top: var(--espaco-lg);
        padding-bottom: var(--espaco-lg);
    }

    .contex-frontpage {
        grid-template-columns: 1fr;
    }

    .contex-frontpage__contos {
        order: 1;
    }

    .contex-frontpage__lateral {
        order: 2;
    }

    .contex-frontpage__are {
        order: 1;
    }

    .contex-frontpage__notas {
        order: 2;
    }

    .contex-frontpage__contos .contex-grid-2 .contex-card--contos-preview:nth-child(n+6) {
        display: none;
    }

    .contex-frontpage__ver-todos {
        align-self: center;
        text-align: center;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }

}