@charset 'UTF-8';

@media (min-width: 768px) {
    
    /* nav bar */
    #btn-menu {
        display: none;
    }

    nav {
        justify-content: space-around;
    }

    nav ul {
        display: flex;
        flex-direction: row;
        align-items: center;
        position: static;
        background-color: transparent;
        width: auto;
        max-width: none;
        height: auto;
        padding: 0;
        border: none;
        box-shadow: none;

        transform: none;
        visibility: visible;
        transition: none;
    }

    nav ul li {
        width: auto;
        margin-bottom: 0;
    }

    nav ul li:last-child {
        margin-top: 0;
    }

    nav ul li a {
        color: var(--cor-3);
        font-size: 1rem;
    }

    nav ul li a.ativo::before {
        display: none;
    }

    nav ul li a.ctf {
        display: inline-block;
        width: auto;
        padding: 15px 50px;
    }

    img#logo-menu {
        display: none;
    }

    /* home */
    .container > div.conteudo-home {
        margin-left: 60px;
    }

    .grid {
        grid-template-columns: 50px 1fr 50px;
    }

    /* Como Funicona */
    .conteudo-como-funciona {
        max-width: 1000px;
    }
    
    .conteudo-como-funciona > p {
        margin-bottom: 50px;
    }

    .layout-colunas {
        display: flex; 
        flex-direction: row-reverse; 
        align-items: center; 
        justify-content: center; 
        gap: 60px;
    }

    .imagem-box, .texto-box {
        flex: 1; 
    }

    .imagem-box img {
        width: 100%;
        height: 550px; 
        max-height: none;
        display: block;
        object-fit: cover; 
        border-radius: 12px;

        margin-bottom: 70px;
    }

    /* Serviços*/
    #servicos {
        min-height: 78vh;
    }

    div.conteudo-servicos {
        display: grid;
        grid-template-columns: repeat(3, 1fr); 
        gap: 25px; 
        align-items: stretch; 

        max-width: 1100px; 
        
        margin-left: auto;
        margin-right: auto;
    }

    .cabecalho-seco {
        grid-column: 1 / -1; 
        
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
    }

    div.mini-box {
        margin-bottom: 0;
        padding: 15px;
    }

    /* Explicação */
    .cabecalho-explicacao {
        max-width: 900px;
    }

    .lista-cards-explicacao {
        max-width: 1100px;
        margin: 0 auto;
        gap: 60px;
    }

    .card-explicacao {
        flex-direction: row;
        align-items: center;
        gap: 60px;
        padding: 40px;
    }

    .card-explicacao:nth-child(even) {
        flex-direction: row-reverse;
    }

    .imagem-card-explicacao img {
        height: 320px;
    }

    /* Call (Agendar) */
    .card-call {
        flex-direction: row;
        align-items: center;
        gap: 60px;

        max-width: 1100px;
        margin: 80px auto;
        padding: 50px;
    }

    /* Footer */
    .conteudo-footer {
        flex-direction: row;
        justify-content: space-between;
        gap: 60px;
    }

    .coluna-marca {
        flex: 1.5;
    }

    .coluna-footer {
        flex: 1;
    }
}

@media (min-width:1080px) {
    div.mini-box {
        margin-bottom: 0; 
        padding: 20px 50px;
    }
}