.a5-sustainability-logosBlock strong {
    font-weight: 700;
}

.a5-sustainability-logosBlock.no-padding {
    padding: 0rem;
}

.a5-sustainability-logosBlock {
    /**width: 100%;
    max-width: 1248px;
    margin: 0 auto;
    background: var(--color-azulGrandeza-500);
    padding: 80px var(--spacing-06, 16px);*/
    display: flex;
    max-width: 1248px;
    width: 100%;
    padding: 50px var(--spacing-06, 16px);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--spacing-09, 40px);
    margin: auto;
}

.a5-sustainability-logosBlock .sustainabilityLogosBlock-bodyContainer {
    display: flex;
    align-items: center;
    gap: var(--spacing-07, 24px);
    align-self: stretch;
    flex-wrap: wrap;
}

.a5-sustainability-logosBlock .sustainabilityLogosBlock-bodyContainer .bodySustainabilityContainer-imageBlock {
    position: relative;
    max-width: 588px;
    width: 100%;
    display: flex;
    flex: 1 1 400px;
    align-self: stretch;
    overflow: hidden;

    border-radius: 24px;    
    max-width: none;
    min-height: 328px;
    max-height: 328px;
}

.a5-sustainability-logosBlock .sustainabilityLogosBlock-bodyContainer .bodySustainabilityContainer-imageBlock img.bg-bodyContainer {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.a5-sustainability-logosBlock .sustainabilityLogosBlock-bodyContainer .bodySustainabilityContainer-imageBlock::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #FFF 59.13%, rgba(255, 255, 255, 0.00) 100%);
    pointer-events: none;
    z-index: 2;
}

.a5-sustainability-logosBlock .sustainabilityLogosBlock-bodyContainer .bodySustainabilityContainer-imageBlock .bodyContainer-imageBlock__info {
    position: relative;
    z-index: 3;
    display: flex;
    width: 100%;
    /*width: 588px;
    height: 328px;
    min-width: 588px;
    max-width: 588px;*/
    padding: var(--spacing-07, 24px) var(--spacing-06, 16px);
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-08, 32px);
}

.a5-sustainability-logosBlock .sustainabilityLogosBlock-bodyContainer .bodySustainabilityContainer-imageBlock .bodyContainer-imageBlock__info .bodyContainer-imageBlock__info__logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-10, 32px);
    width: 100%;
    max-width: 311px;
    max-height: 83px;
}

.a5-sustainability-logosBlock .sustainabilityLogosBlock-bodyContainer .bodySustainabilityContainer-imageBlock .bodyContainer-imageBlock__info .bodyContainer-imageBlock__info__logos .logoContainer-item {
    flex: 1 1 0%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.a5-sustainability-logosBlock .sustainabilityLogosBlock-bodyContainer .bodySustainabilityContainer-imageBlock .bodyContainer-imageBlock__info .bodyContainer-imageBlock__info__logos .logoContainer-item img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.a5-sustainability-logosBlock .sustainabilityLogosBlock-bodyContainer .sustainabilityLogosBlock-titleContainer {
    color: var(--text-general-title, #0A0E12);
    text-align: center;
    font-family: var(--font-family-primary, Poppins);
    font-size: var(--font-size-body2, 16px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--font-lineHeight-body2, 24px); /* 150% */
}

.a5-sustainability-logosBlock .sustainabilityLogosBlock-bodyContainer .bodyContainer-textBlock {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--spacing-10, 48px);
    align-self: stretch;
    border-radius: var(--borderRadius-lg, 32px);
    background: var(--color-azulCategorico-700, #0F151F);
    
    max-width: none;
    flex: 1;
    padding: var(--spacing-12, 48px) var(--spacing-07, 24px);
}

@media(min-width: 768px) {
    .a5-sustainability-logosBlock {
        padding: 88px var(--spacing-07, 24px);
    }

    .a5-sustainability-logosBlock .sustainabilityLogosBlock-bodyContainer .bodySustainabilityContainer-imageBlock .bodyContainer-imageBlock__info {
        padding: var(--spacing-07, 24px) var(--spacing-11, 48px);
    }

    .a5-sustainability-logosBlock .sustainabilityLogosBlock-bodyContainer .bodySustainabilityContainer-imageBlock {
        max-width: none;
    }

    .a5-sustainability-logosBlock .sustainabilityLogosBlock-bodyContainer .bodyContainer-textBlock {
        max-width: none;
        flex: 1;
        padding: var(--spacing-12, 56px);
    }

    .a5-sustainability-logosBlock .sustainabilityLogosBlock-bodyContainer .bodySustainabilityContainer-imageBlock .bodyContainer-imageBlock__info .bodyContainer-imageBlock__info__logos {
        gap: 56px;
        max-width: 450px;
        max-height: 107px;
    }

}

@media(min-width: 1089px) {
    .a5-sustainability-logosBlock {
        padding: 60px var(--spacing-07, 24px);
    }

    .a5-sustainability-logosBlock .sustainabilityLogosBlock-bodyContainer .bodySustainabilityContainer-imageBlock .bodyContainer-imageBlock__info {
        padding: var(--spacing-07, 24px) var(--spacing-10, 48px);
    }

    .a5-sustainability-logosBlock .sustainabilityLogosBlock-bodyContainer .bodySustainabilityContainer-imageBlock {
        max-width: 588px;
    }

    .a5-sustainability-logosBlock .sustainabilityLogosBlock-bodyContainer .bodyContainer-textBlock {
        max-width: 588px;
        max-height: 328px;
        flex: 1 1 400px;
        padding: var(--spacing-12, 64px);
    }
}