
.mcpe-promo,
.mcpe-promo *,
.mcpe-promo *::before,
.mcpe-promo *::after{
    box-sizing:border-box;
}

/* Neutraliza o widget do Elementor sem decidir a posição do bloco.
   O shortcode continua sendo o único responsável por onde ele aparece. */
.elementor-widget-shortcode:has(.mcpe-promo),
.elementor-widget-shortcode:has(.mcpe-promo) > .elementor-widget-container{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
}

/* Mesma lógica estrutural usada pelos blocos da própria Home. */
.mcpe-promo{
    position:relative;
    left:50%;
    width:100vw;
    max-width:100vw;
    margin-left:-50vw;
    margin-right:-50vw;
    padding:0;
    background:#fff;
}

.mcpe-promo__inner{
    width:calc(100vw - 150px);
    max-width:1768px;
    height:280px !important;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,3fr);
    gap:12px;
    align-items:stretch;
}

.mcpe-promo__item{
    position:relative;
    min-width:0;
    width:100%;
    height:280px !important;
    min-height:280px !important;
    max-height:280px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden;
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:100% 280px;
}

.mcpe-promo__item > a{
    position:absolute;
    inset:0;
    display:block;
    z-index:2;
}

@media (max-width:1200px){
    .mcpe-promo__inner{
        width:calc(100vw - 48px);
        max-width:none;
    }
}

@media (max-width:767px){
    .mcpe-promo{
        left:50%;
        width:100vw;
        margin-left:-50vw;
        margin-right:-50vw;
    }

    .mcpe-promo__inner{
        width:calc(100vw - 36px);
        max-width:none;
        height:auto !important;
        grid-template-columns:1fr;
        gap:10px;
    }

    .mcpe-promo__item{
        height:220px !important;
        min-height:220px !important;
        max-height:220px !important;
        background-size:100% 220px;
    }
}
