@media (max-width: 1024px) {

    header nav {
        display: flex;
    }

    header ul {
        top: 0;
        left: 0;
        position: fixed;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        background: var(--branco);
        justify-content: center;
        align-items: center;
        z-index: 10;
        opacity: 0;
        visibility: hidden;
    }
    header .grid > a:last-child {
        display: none;
    }
    header .grid {
        grid-template-columns: max-content max-content;
        justify-content: space-between;
    }
    section.banner .bg {
        margin: 0 30px;
    }
    header.abrir ul {
        opacity: 1;
        visibility: visible;
    }
    section.empresa .grid, section.duvidas .grid, footer .bg, section.chamada .bg, section.dicas .grid:last-child {
        grid-template-columns: 1fr;
        text-align: center;
    }
    section.banner .bg, section.dicas article p {
        text-align: center;
    }
    section.banner .conteudo ul, section.empresa ul, section.empresa .grid div > div {
        justify-content: center;
    }
    section.banner .conteudo ol {
        justify-content: center;
        gap: 30px;
    }
    section.chamada figure img {
        display: none;
    }
    section.chamada p {
        max-width: unset;
    }
    section.chamada ul, section.duvidas .duvida a {
        margin: auto;
    }
    footer .bg div:nth-child(1) img {
        margin: 0 auto 20px;
    }
    footer strong {
        justify-content: center;
    }
    footer ul {
        align-items: center;
    }
    section.banner .conteudo {
        max-width: unset;
    }
    section.banner .avaliacao {
        display: none;
    }
    h2, cite, p {
        text-align: center;
    }
}


@media (max-width: 480px) {
    section.empresa.interno figure {
        max-width: 100%;
        width: 100%;
    }
    section.produtos ul {
        flex-direction: column;
    }
    section.banner .bg {
        background-size: cover !important;        
    }
    section.produtos .rotativo button {
        display: none;
    }
    section.produtos .lista {
        grid-template-columns: 1fr 1fr;
    }
    section.banner .conteudo ul {
        flex-direction: column;
        align-items: center;
    }
    section.banner .conteudo ol, section.chamada .bg:before, section.duvidas .duvida:before, section.banner.interno .bg:before {
        display: none;
    }
    section.banner .conteudo h1 {
        font-size: 32px;
        line-height: 46px;
    }
    section.banner .bg {
        padding: 30px 0;
    }
    section.banner .conteudo {
        padding: 30px;
    }
    h2 {
        font-size: 32px;
    }
    .creditos .grid {
        justify-content: center;
    }
    .creditos a {
        flex-direction: column;
        margin-top: 15px;        
    }
    section.empresa .grid div > div, section.empresa ul, section.duvidas form div {
        flex-direction: column;
    }
    section.duvidas form button {
        width: 100%;
    }
    section.duvidas article h3, section.duvidas article p {
        text-align: left;
    }

}


@media (max-width: 360px) {


}