.enquete-background{
    background-color: #C0DCCD;
    justify-content: center;
    padding: 5rem;
}

.enquete-background .celular-enquete {
    max-width: 15rem;
    margin-right: 3rem;
}
.enquete-background div {
    text-align: center;
    flex: 1;
}
.enquete-background .icone-grafico {
    width: 50px;
}

.resultado-enquete {
    justify-content: flex-start;
    gap: 1rem;
}

.resultado-enquete img {
    max-width: 14rem;
    flex: 1;
}

.resultado-enquete-grafico{
    justify-content: center;
    gap: 1rem;
}

.resultado-enquete-grafico img {
    max-width: 35rem;
    flex: 1;
}
.resultado-enquete-grafico div {
    flex: 1;
}

.personas img:first-of-type {
    width: 100%;
}
.personas img{
    flex: 1;
    width: 50%;
}

.pricipais-insights {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch; /* ou center */
    gap: 1rem;
}

.pricipais-insights div {
    flex: 1;
    max-width: 14rem;
    min-width: 11rem;
    text-align: center;
}

.pricipais-insights div img {
    max-width: 100%;
    height: auto;
    display: block;
    padding: 2rem;
}

.ideacao{
    display: flex;
}

.ideacao div:first-of-type {
    flex: 2;
}

.ideacao div {
    flex: 1;
}

.ideacao div img{
    display: block;
}

.teste-usabilidade div {
    flex: 1;
}
.teste-usabilidade div img {
    display: block;
}

.resultado-final-dashboard {
    background-color: #08366b33;
    padding: 2rem;
    display: flex;
    align-items: center;
    gap:1rem;
}

.resultado-final-dashboard .prototipo-web {
    flex: 3;
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1fr;
}

.resultado-final-dashboard .prototipo-mobile {
    flex: 1;
}

.resultado-final-site {
    background-color: #2E8B5733;
    padding: 2rem;
    display: flex;
    align-items: center;
    gap:1rem;
}

.consideracoes-finais div {
    flex: 1;
}


@media (max-width: 768px) {
    .enquete-background{
        padding: 3rem;
    }

    .enquete-background .celular-enquete {
        margin-right: 0rem;
        margin-bottom: 2rem;
    }
    
    .icone-grafico {
        display: none;
    }

    .resultado-enquete {
        justify-content: center;
    }
    
    .resultado-enquete > img {
        max-width: 15rem;
        margin-bottom: 5rem;
    }

    .resultado-enquete-grafico > img {
        margin-bottom: 2rem;
    }

    .personas > img{
        width: 100%;
    }

    .pricipais-insights > div {
        min-width: 8rem;
    }

    .pricipais-insights > div > img {
        padding: 2rem;
    }

    .ideacao{
        display: block;
    }

    .teste-usabilidade {
        display: block;
    }

    .teste-usabilidade > div > img {
        display: block;
    }

    .resultado-final-dashboard {
        padding: 1rem;
        display: block;
        align-items: center;
        gap: 2rem;
    } 

    .resultado-final-dashboard > .prototipo-web {
        display: block;
        gap: 2rem;
    } 

    .resultado-final-site {
        display: block;
    }

    .resultado-final-site > div img {
        padding: 0.5rem;
    }

    .consideracoes-finais{
        display: block;
    }
    
    
}