/* Correção definitiva da secção Conteúdos Inteligentes com IA.
 * O bloco esquerdo ainda herdava uma grelha interna antiga, deixando o texto
 * preso numa coluna estreita. Aqui anulamos essa grelha e mantemos apenas a
 * grelha principal de duas colunas da secção.
 */

#automacao .container.ai-stack {
    width: min(calc(100% - 40px), 1440px) !important;
    display: grid !important;
    grid-template-columns: minmax(460px, .92fr) minmax(560px, 1.08fr) !important;
    gap: clamp(52px, 6vw, 104px) !important;
    align-items: start !important;
}

#automacao .ai-stack > .reveal:first-child {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
}

#automacao .ai-stack > .reveal:first-child > .section-kicker,
#automacao .ai-stack > .reveal:first-child > h2,
#automacao .ai-stack > .reveal:first-child > p {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
}

#automacao .ai-stack > .reveal:first-child > .section-kicker {
    max-width: 100% !important;
    margin-bottom: 22px !important;
}

#automacao .ai-stack > .reveal:first-child > h2 {
    max-width: 680px !important;
    margin: 0 !important;
    font-size: clamp(3rem, 4.35vw, 4.9rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -.045em !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

#automacao .ai-stack > .reveal:first-child > p {
    max-width: 650px !important;
    margin: 34px 0 0 !important;
    font-size: 1.04rem !important;
    line-height: 1.65 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

#automacao .automation-content-panel {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    align-self: start !important;
}

@media (max-width: 1260px) {
    #automacao .container.ai-stack {
        width: min(calc(100% - 34px), 1120px) !important;
        grid-template-columns: 1fr !important;
        gap: 42px !important;
    }

    #automacao .ai-stack > .reveal:first-child > h2,
    #automacao .ai-stack > .reveal:first-child > p {
        max-width: 820px !important;
    }
}

@media (max-width: 760px) {
    #automacao .container.ai-stack {
        width: min(calc(100% - 24px), 100%) !important;
        gap: 30px !important;
    }

    #automacao .ai-stack > .reveal:first-child > h2 {
        font-size: clamp(2.35rem, 10vw, 3.6rem) !important;
        line-height: 1.06 !important;
    }

    #automacao .ai-stack > .reveal:first-child > p {
        margin-top: 24px !important;
        font-size: .98rem !important;
    }
}