/** fixed header **/
.interactions-element .cb-header {
    position: relative;
    top: initial;
    left: initial;
}

.interactions-element .cb-header-fixed-wrapper {
    padding-top: 50px;
}

/** banner slider **/
.cb-banner-slider .interactions-element .cb-banner-slider-item {
    margin-top: 40px;
}

.cb-banner-slider .dropzone {
    padding: 0 20px 20px 20px;
}

/** banner grid **/
.cb-banner-grid .interactions-region[data-region-name="items"] {
    padding: 40px 0;
}

.interactions-element .cb-banner-grid-item {
    margin-top: 40px;
}

/* Badge de Data - igual à produção */
.evento-detail-page .cb-cmsDetailPage .card .date,
.eventos-detail-page .cb-cmsDetailPage .card .date,
.cb-cmsDetailPage .card .date {
    border: 1px solid #afaeb4;
    border-radius: 10px;
    background: #EBF6FC;
    color: #002D4D;
    font-size: 16px;
    font-weight: 400;
    padding: 3px 15px;
}

.content-card {
    border: 1px solid #afaeb4 !important;
}

@media (min-width: 768px) {

    .cb-banner-slider-item .cb-banner-slider-wrapper::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.5);   /* ← linha alterada (era o linear-gradient) */;
      pointer-events: none;
    }

    .cb-banner-grid .interactions-region[data-region-name="items"] {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 40px;
    }

    .cb-banner-grid .interactions-region[data-region-name="items"] webruntimedesign-component-wrapper[data-is-component-wrapper="true"] {
        flex: 1 1 25%;
    }

    .cb-bannerCategoryGrid .interactions-region[data-region-name="items"] {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 40px;
    }

    .cb-bannerCategoryGrid .interactions-region[data-region-name="items"] webruntimedesign-component-wrapper[data-is-component-wrapper="true"] {
        flex: 0 1 25%;
    }

    .cb-modalityGrid__list .interactions-region[data-region-name="items"] {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 40px;
    }

    .cb-modalityGrid__list .interactions-region[data-region-name="items"] webruntimedesign-component-wrapper[data-is-component-wrapper="true"] {
        flex: 0 1 25%;
    }

    .cb-imageAsideGrid .interactions-region[data-region-name="items"] {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 40px;
    }

    .cb-imageAsideGrid .interactions-region[data-region-name="items"] webruntimedesign-component-wrapper[data-is-component-wrapper="true"] {
        flex: 0 1 40%;
    }

}