.containerResumo {
    position: relative; /* Adicione esta linha */
    width: calc(100% + 2 * var(--five-gutter)) !important;
    max-width: 99.8vw;
    overflow: hidden; /* Garante que o before não vaze */
    padding-left: var(--five-gutter) !important;
}

.containerResumo > .compResumo > .col {
    position: relative;
    z-index: 1;
}

.compResumo {
    margin-top: var(--double-gutter);
    padding: var(--double-gutter) var(--seven-gutter) var(--double-gutter) var(--seven-gutter);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.compResumo-capa img {
    width: auto;
    height: 100%;
    max-height: 20rem;
    object-fit: contain;
    border-radius: var(--border-radius)
}

h2.compResumo-titulo,
.compResumo-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

h2.compResumo-titulo {
    line-height: 1.3;
    -webkit-line-clamp: 2; /* Limita a 2 linhas */
    padding-bottom: 2px !important;
    position: relative;
    color: var(--cor-primaria) !important;
    text-align: center;
    margin-bottom: 1rem;
}

.compResumoCorpo {
    margin-left: 15px;
}
.compResumo-text {
    margin-left: 10px;
    -webkit-line-clamp: 8;
    margin-bottom: 10px;
    min-height: 3em;
    line-height: 1.6;
}

/* Layout para imagem à esquerda */
.compResumo.imagem-esquerda > .col:first-child {
    order: 1;
    flex: 0 0 40%;
    max-width: 40%;
}

.compResumo.imagem-esquerda > .col:last-child {
    order: 2;
    flex: 0 0 60%;
    max-width: 60%;
}

/* Layout para imagem à direita */
.compResumo.imagem-direita > .col:first-child {
    order: 2;
    flex: 0 0 40%;
    max-width: 40%;
}

.compResumo.imagem-direita > .col:last-child {
    order: 1;
    flex: 0 0 60%;
    max-width: 60%;
}

/* Responsivo para mobile */

@media (max-width: 1800px) {
    .containerResumo::before {
        left: 10%;
    }
}

@media (max-width: 1300px) {
    .containerResumo::before {
        left: 30%;
        transform: skewX(-92deg) scale(7);
    }
}
@media (max-width: 1100px) {
    .containerResumo::before {
        left: 30%;
        transform: skewX(-92deg) scale(7);
    }
    .compResumo-capa {
        padding-top: 2rem;
    }
}
@media (max-width: 1000px) {
    main .containerResumo {
        max-width: 140vw;
    }
}

@media (max-width: 768px) {
    main .containerResumo {
        width: calc(100% + 2 * var(--five-gutter)) !important;
        max-width: 99.8vw;
        margin-top: var(--double-gutter) !important;
    }

    .compResumo {
        padding: 0;
    }

    .compResumo > .col {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .compResumo > .col:first-child {
        order: 1 !important; /* Imagem primeiro */
        margin-bottom: 20px;
    }

    .compResumo > .col:last-child {
        order: 2 !important; /* Texto depois */
    }

    .compResumoCorpo {
        margin-left: 0;
        padding: 0 15px;
    }

    .compResumo-text {
        margin-left: 0;
        -webkit-line-clamp: 6; /* Reduz linhas visíveis no mobile */
    }

    h2.compResumo-titulo {
        font-size: calc(var(--gutter) * 1.05);
        text-align: center;
    }

    .botaoQuemSomos {
        justify-content: center !important;
    }
}
@media (max-width: 600px) {
    main .containerResumo {
        width: calc(100% + 2 * var(--five-gutter)) !important;
        max-width: 99.8vw;
        padding: var(--gutter) !important;
    }
}