.mcsh-hero,
.mcsh-hero *{
    box-sizing:border-box;
}

.mcsh-hero{
    position:relative;
    isolation:isolate;
    left:50%;
    width:100vw;
    max-width:100vw;
    margin-left:-50vw;
    margin-right:-50vw;
    min-height:520px;
    overflow:hidden;
    background-size:cover;
    background-position:var(--mcsh-position,center center);
    background-repeat:no-repeat;
    color:#fff;
    font-family:Arial,Helvetica,sans-serif;
}

.mcsh-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,var(--mcsh-overlay,.82)) 0%,
            rgba(0,0,0,.74) 27%,
            rgba(0,0,0,.46) 54%,
            rgba(0,0,0,.08) 100%
        );
}

.mcsh-hero::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.22));
    pointer-events:none;
}

.mcsh-hero__inner{
    width:min(1480px,calc(100% - 64px));
    min-height:520px;
    margin:0 auto;
    display:flex;
    align-items:center;
    padding:52px 0 48px;
}

.mcsh-hero__content{
    width:min(610px,48%);
}

.mcsh-hero__eyebrow{
    position:relative;
    width:max-content;
    margin-bottom:28px;
    padding-bottom:11px;
    color:#F58220;
    font-size:14px;
    line-height:1;
    font-weight:800;
    letter-spacing:.02em;
    text-transform:uppercase;
}

.mcsh-hero__eyebrow::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:46px;
    height:3px;
    border-radius:10px;
    background:#F58220;
}

.mcsh-hero__title{
    margin:0;
    color:#fff;
    font-size:clamp(42px,4.1vw,68px);
    line-height:1.08;
    font-weight:800;
    letter-spacing:-.035em;
    text-wrap:balance;
}

.mcsh-hero__description{
    max-width:560px;
    margin:28px 0 0;
    color:rgba(255,255,255,.94);
    font-size:18px;
    line-height:1.65;
    font-weight:400;
}

.mcsh-hero__actions{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin-top:34px;
}

.mcsh-hero__button{
    min-height:54px;
    padding:0 25px;
    border-radius:5px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    font-size:15px;
    line-height:1;
    font-weight:800;
    text-decoration:none!important;
    transition:transform .18s ease,background .18s ease,border-color .18s ease;
}

.mcsh-hero__button:hover{
    transform:translateY(-1px);
}

.mcsh-hero__button--primary{
    border:2px solid #F58220;
    background:#F58220;
    color:#111!important;
}

.mcsh-hero__button--primary:hover{
    border-color:#e56e0c;
    background:#e56e0c;
}

.mcsh-hero__button--secondary{
    border:2px solid rgba(255,255,255,.82);
    background:rgba(0,0,0,.18);
    color:#fff!important;
}

.mcsh-hero__button--secondary:hover{
    border-color:#fff;
    background:rgba(255,255,255,.08);
}

@media (max-width:1024px){
    .mcsh-hero,
    .mcsh-hero__inner{
        min-height:490px;
    }

    .mcsh-hero__inner{
        width:min(100% - 44px,1100px);
    }

    .mcsh-hero__content{
        width:min(650px,70%);
    }

    .mcsh-hero__title{
        font-size:clamp(42px,6vw,58px);
    }
}

@media (max-width:700px){
    .mcsh-hero{
        min-height:560px;
        background-position:center center;
    }

    .mcsh-hero::before{
        background:
            linear-gradient(
                180deg,
                rgba(0,0,0,.74) 0%,
                rgba(0,0,0,.62) 47%,
                rgba(0,0,0,.82) 100%
            );
    }

    .mcsh-hero__inner{
        min-height:560px;
        width:calc(100% - 38px);
        align-items:flex-end;
        padding:52px 0 46px;
    }

    .mcsh-hero__content{
        width:100%;
    }

    .mcsh-hero__eyebrow{
        margin-bottom:24px;
        font-size:12px;
    }

    .mcsh-hero__title{
        font-size:clamp(38px,11vw,50px);
        line-height:1.07;
    }

    .mcsh-hero__description{
        margin-top:22px;
        font-size:16px;
        line-height:1.55;
    }

    .mcsh-hero__actions{
        display:grid;
        grid-template-columns:1fr;
        gap:12px;
        margin-top:28px;
    }

    .mcsh-hero__button{
        width:100%;
        min-height:52px;
    }
}


/* Padrão global dos containers Mamborê Conecta: largura total da janela. */
.mcsh-hero{
    right:50%;
}

@supports (width:100dvw){
    .mcsh-hero{
        width:100dvw;
        max-width:100dvw;
        margin-left:-50dvw;
        margin-right:-50dvw;
    }
}