/**
 * Patrocinadores / Apoio — DigitalEDU Ao Vivo (landing, shortcode e portal)
 */
:root {
    --de-aovivo-patroc-divider: #d8dee6;
}

.digitaledu-aovivo-patroc-stack {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.digitaledu-aovivo-patroc-tier {
    width: 100%;
    box-sizing: border-box;
}

.digitaledu-aovivo-patroc-tier--apoio {
    padding-top: 2px;
}

/*
 * Flex + wrap: cada linha fica centralizada; logos quebram quando não cabem.
 * max-width nos itens (~1/7 da largura) favorece ~6–7 logos por linha em telas largas.
 */
.digitaledu-aovivo-patroc-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    gap: 1.15rem 1.35rem;
}

.digitaledu-aovivo-patroc-grid > div {
    flex: 0 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: calc((100% - 6 * 1.35rem) / 7);
    box-sizing: border-box;
}

.digitaledu-aovivo-patroc-grid--apoio {
    gap: 1rem 1.2rem;
}

.digitaledu-aovivo-patroc-grid--apoio > div {
    max-width: calc((100% - 6 * 1.2rem) / 7);
}

.digitaledu-aovivo-patroc-divider {
    border: 0;
    height: 1px;
    width: 100%;
    max-width: 880px;
    margin: 1.35rem auto 1.1rem;
    padding: 0;
    background: linear-gradient(
        to right,
        transparent,
        var(--de-aovivo-patroc-divider) 8%,
        var(--de-aovivo-patroc-divider) 92%,
        transparent
    );
    opacity: 1;
}

.digitaledu-aovivo-patroc-support-label {
    color: var(--primary-green, #1d9500);
    font-size: 1.05rem;
    font-weight: 600;
    margin: 0 0 0.85rem;
    letter-spacing: 0.02em;
    text-align: center;
    width: 100%;
}

@media (max-width: 1100px) {
    .digitaledu-aovivo-patroc-grid > div {
        max-width: calc((100% - 4 * 1.35rem) / 5);
    }

    .digitaledu-aovivo-patroc-grid--apoio > div {
        max-width: calc((100% - 4 * 1.2rem) / 5);
    }
}

@media (max-width: 768px) {
    .digitaledu-aovivo-patroc-grid,
    .digitaledu-aovivo-patroc-grid--apoio {
        gap: 0.9rem 1rem;
    }

    .digitaledu-aovivo-patroc-grid > div {
        max-width: calc((100% - 3 * 1rem) / 4);
    }

    .digitaledu-aovivo-patroc-grid--apoio > div {
        max-width: calc((100% - 3 * 1rem) / 4);
    }

    .digitaledu-aovivo-patroc-divider {
        margin: 1.1rem auto 0.85rem;
    }
}

@media (max-width: 520px) {
    .digitaledu-aovivo-patroc-grid > div {
        max-width: calc((100% - 2 * 1rem) / 3);
    }

    .digitaledu-aovivo-patroc-grid--apoio > div {
        max-width: calc((100% - 2 * 1rem) / 3);
    }
}

@media (max-width: 380px) {
    .digitaledu-aovivo-patroc-grid > div,
    .digitaledu-aovivo-patroc-grid--apoio > div {
        max-width: calc((100% - 1 * 0.85rem) / 2);
    }
}