.metricas {
    display: flex;
    padding-bottom: 32px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 32px;
    align-self: stretch;
}

.metricas__container {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    width: 280px;
    height: auto;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #8E2424;
}

.metricas__number {
    color: #8E2424;

    /* Display xl/Semibold */
    font-size: 60px;

    font-weight: 700;
    line-height: 72px;
    letter-spacing: -1.2px;
}

.metricas__title {
    color: var(--gray-900, #101828);

    /* Text lg/Medium */
    font-size: 18px;

    font-weight: 500;
    line-height: 28px;

}

.metricas__text {
    color: var(--gray-500, #667085);

    /* Text md/Normal */
    font-size: 16px;

    font-weight: 400;
    line-height: 24px;
}

@media screen and (min-width: 768px) {
    .metricas {
        gap: 64px;
        padding-bottom: 96px;
    }
    .metricas__container {
        border: none;
        padding: 0;
    }
    
}