.quem-somos {}

.quem-somos .hero {
    display: flex;
    width: 100%;
}

.quem-somos .metricas {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(5, 1fr);
    justify-content: center;
}
.quem-somos .metricas > div {
    margin: auto;
}
@media (max-width: 960px) {
    .quem-somos .metricas {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 620px) {
    .quem-somos .metricas {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 460px) {
    .quem-somos .metricas {
        grid-template-columns: repeat(1, 1fr);
    }
}

.quem-somos .conteudo {
    display: flex;
    gap: 74px;
    @media( max-width: 380px ){
        & {
            padding-right: 16px !important;
            padding-left: 16px !important;
        }
    }
}
.quem-somos .conteudo figure {
    display: block;
    flex: none;
    flex-grow: 1;
    max-width: 644px;
    width: 100%;
}
.quem-somos .conteudo .is-vertical p {
    color: var(--wp--preset--color--ch-very-dark-gray);
    font-family: var(--wp--preset--font-family--galano);
    font-size: 18px;
}
.quem-somos .conteudo .is-vertical p strong {
    color: var(--wp--preset--color--ch-dark-blue);
}
@media (max-width: 1140px) {
    .quem-somos .conteudo {
        display: block;
    }
    .quem-somos .conteudo figure {
        margin: 0 auto 32px;
    }
}


.quem-somos .nossos-negocios {
    @media( max-width: 380px ){
        & {
            padding-left: 16px !important;
            padding-right: 16px !important;
        }
    }
}
.quem-somos .nossos-negocios .is-layout-constrained {
    align-items: stretch;
    display: grid;
    gap: 0 32px;
    grid-template-columns: repeat(3, 1fr);
}
.quem-somos .nossos-negocios .is-layout-constrained > div{
    margin-block-start: 0;
}
@media (max-width: 880px) {
    .quem-somos .nossos-negocios .is-layout-constrained {
        grid-template-columns: repeat(1, 1fr);
        gap: 24px 0px;
    }
}












.quem-somos .wp-block-buttons {}
.quem-somos .wp-block-buttons .wp-block-button {}
.quem-somos .wp-block-buttons .wp-block-button .wp-element-button {
    @media( max-width: 380px ){
        & {
            white-space: pre-wrap;
            text-decoration: underline;
            height: auto;
            line-height: 24px;
            &::before {
                display: none;
            }
        }
    }
}

.quem-somos .suporte > .is-layout-constrained {
    display: grid;
    gap: 0 16px;
    grid-template-columns: repeat(3, 1fr);
}
.quem-somos .suporte > .is-layout-constrained .wp-block-group {
    margin-block: 0;
}
@media (max-width: 880px) {
    .quem-somos .suporte > .is-layout-constrained {
        grid-template-columns: repeat(2,1fr);
    }
}
@media (max-width: 660px) {
    .quem-somos .suporte {
        padding: 0 24px;
    }
    .quem-somos .suporte > .is-layout-constrained {
        grid-template-columns: repeat(1,1fr);
        gap: 24px 0;
    }
    .quem-somos .suporte > .is-layout-constrained .wp-block-group {
        width: 100%;
    }
}