/* =========================================================
   MC PG ANUNCIE HERO — v3.0.0
   Reconstrução integral baseada no mockup aprovado
   ========================================================= */

.mcpgah{
    --mcpgah-orange:#ff5a0a;
    --mcpgah-orange-dark:#e94c00;
    --mcpgah-ink:#111827;
    --mcpgah-text:#273244;
    --mcpgah-muted:#4f5968;
    --mcpgah-bg-image:none;

    position:relative;
    left:50%;
    width:100vw;
    max-width:none;
    min-height:590px;
    margin-left:-50vw;
    overflow:hidden;
    background:
        var(--mcpgah-bg-image) center/cover no-repeat,
        radial-gradient(circle at 71% 42%,rgba(255,103,25,.08) 0 205px,transparent 206px),
        linear-gradient(108deg,#fff 0%,#fff 61%,#fffaf7 100%);
    font-family:Inter,Arial,sans-serif;
    color:var(--mcpgah-ink);
}

.mcpgah,
.mcpgah *{
    box-sizing:border-box;
}

.mcpgah__inner{
    position:relative;
    z-index:3;
    width:min(1600px,calc(100% - 64px));
    min-height:590px;
    margin:0 auto;
    padding:48px 0 35px;
    display:grid;
    grid-template-columns:minmax(0,52fr) minmax(0,48fr);
    gap:38px;
    align-items:center;
}

.mcpgah__content{
    min-width:0;
    padding-left:4px;
}

.mcpgah__eyebrow{
    display:block;
    margin:0 0 16px;
    color:var(--mcpgah-orange);
    font-size:12px;
    line-height:1.2;
    font-weight:850;
    letter-spacing:.055em;
}

.mcpgah__title{
    margin:0;
    color:var(--mcpgah-ink);
    font-size:clamp(44px,3.55vw,62px);
    line-height:1.02;
    letter-spacing:-.042em;
    font-weight:850;
}

.mcpgah__title span,
.mcpgah__title strong{
    display:block;
    white-space:nowrap;
}

.mcpgah__title strong{
    color:var(--mcpgah-orange);
    font-weight:850;
}

.mcpgah__description{
    width:min(600px,100%);
    margin:21px 0 0;
    color:var(--mcpgah-text);
    font-size:16px;
    line-height:1.68;
}

.mcpgah__benefits{
    width:min(720px,100%);
    margin-top:32px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:27px;
}

.mcpgah-benefit{
    min-width:0;
}

.mcpgah-benefit__icon{
    width:38px;
    height:38px;
    margin-bottom:10px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    color:var(--mcpgah-orange);
    background:transparent;
    border-radius:0;
}

.mcpgah-benefit__icon svg{
    width:35px;
    height:35px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.mcpgah-benefit strong{
    display:block;
    white-space:nowrap;
    color:var(--mcpgah-ink);
    font-size:13px;
    line-height:1.28;
    font-weight:800;
}

.mcpgah-benefit p{
    margin:6px 0 0;
    color:var(--mcpgah-muted);
    font-size:11px;
    line-height:1.55;
}

.mcpgah__visual{
    position:relative;
    min-width:0;
    min-height:465px;
}

.mcpgah__devices{
    position:absolute;
    inset:0;
}

.mcpgah-device{
    position:absolute;
}

.mcpgah-device--notebook{
    left:0;
    top:24px;
    width:88%;
    height:auto;
    filter:drop-shadow(0 25px 27px rgba(23,29,37,.2));
}

.mcpgah-device__lid{
    position:relative;
    width:100%;
    aspect-ratio:16/9.55;
    padding:10px 10px 13px;
    border-radius:15px 15px 6px 6px;
    background:#17191c;
}

.mcpgah-device__camera{
    position:absolute;
    z-index:2;
    left:50%;
    top:4px;
    width:3px;
    height:3px;
    margin-left:-1.5px;
    border-radius:50%;
    background:#5d6064;
}

.mcpgah-device__screen{
    width:100%;
    height:100%;
    overflow:hidden;
    border-radius:5px 5px 2px 2px;
    background:#f7f8f9;
}

.mcpgah-device__screen img,
.mcpgah-device__phone-screen img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

.mcpgah-device__notebook-base{
    position:absolute;
    left:-6.2%;
    top:100%;
    width:112.4%;
    height:18px;
    border-radius:1px 1px 17px 17px;
    background:linear-gradient(180deg,#e4e5e7 0%,#aeb2b8 65%,#94999f 100%);
    box-shadow:0 8px 10px rgba(20,26,34,.14);
}

.mcpgah-device__notebook-base:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:3px;
    background:#f5f5f6;
}

.mcpgah-device__notebook-base span{
    position:absolute;
    left:42%;
    top:0;
    width:16%;
    height:5px;
    border-radius:0 0 7px 7px;
    background:#858b92;
}

.mcpgah-device--phone{
    z-index:5;
    right:1.5%;
    top:106px;
    width:25.5%;
    aspect-ratio:9/18.1;
    padding:8px 7px 9px;
    border-radius:25px;
    background:#17191c;
    box-shadow:0 22px 30px rgba(22,29,38,.22);
}

.mcpgah-device__phone-speaker{
    position:absolute;
    z-index:2;
    left:37%;
    top:5px;
    width:26%;
    height:4px;
    border-radius:99px;
    background:#393c40;
}

.mcpgah-device__phone-screen{
    width:100%;
    height:100%;
    overflow:hidden;
    border-radius:17px;
    background:#f7f8f9;
}

.mcpgah-placeholder{
    width:100%;
    height:100%;
    padding:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    text-align:center;
    color:#6e7786;
    background:linear-gradient(135deg,#fff,#f1f3f5);
}

.mcpgah-placeholder strong{
    font-size:13px;
}

.mcpgah-placeholder span{
    margin-top:5px;
    font-size:9px;
}

.mcpgah-placeholder--phone strong{
    font-size:10px;
}

.mcpgah-placeholder--phone span{
    font-size:7px;
}

.mcpgah__decor{
    position:absolute;
    pointer-events:none;
}

.mcpgah__decor--dots{
    display:none;
    z-index:1;
    right:2.7%;
    top:30px;
    width:154px;
    height:146px;
    opacity:.52;
    background-image:radial-gradient(#ff9b68 1.15px,transparent 1.15px);
    background-size:12px 12px;
}

.mcpgah.has-dots .mcpgah__decor--dots{
    display:block;
}

.mcpgah__decor--circle-one,
.mcpgah__decor--circle-two{
    display:none;
    z-index:0;
    border-radius:50%;
}

.mcpgah.has-circles .mcpgah__decor--circle-one,
.mcpgah.has-circles .mcpgah__decor--circle-two{
    display:block;
}

.mcpgah__decor--circle-one{
    right:21%;
    top:73px;
    width:350px;
    height:350px;
    background:rgba(255,113,40,.065);
}

.mcpgah__decor--circle-two{
    left:-145px;
    bottom:-215px;
    width:370px;
    height:370px;
    background:rgba(255,197,163,.105);
}

/* Elementor e temas: neutraliza limites de largura do wrapper externo. */
.elementor-widget-shortcode:has(.mcpgah),
.elementor-widget-shortcode:has(.mcpgah) > .elementor-widget-container{
    width:100%;
    max-width:none;
    overflow:visible;
}

/* Desktop intermediário */
@media(max-width:1320px){
    .mcpgah__inner{
        width:min(1240px,calc(100% - 48px));
        grid-template-columns:minmax(0,51fr) minmax(0,49fr);
        gap:30px;
    }

    .mcpgah__title{
        font-size:clamp(42px,3.7vw,56px);
    }

    .mcpgah__benefits{
        gap:20px;
    }

    .mcpgah-benefit strong{
        font-size:12px;
    }

    .mcpgah-benefit p{
        font-size:10.5px;
    }
}

/* Tablet */
@media(max-width:1040px){
    .mcpgah{
        min-height:auto;
    }

    .mcpgah__inner{
        width:min(920px,calc(100% - 40px));
        min-height:auto;
        padding:48px 0 38px;
        grid-template-columns:1fr;
        gap:28px;
    }

    .mcpgah__content{
        text-align:center;
    }

    .mcpgah__title span,
    .mcpgah__title strong{
        white-space:normal;
    }

    .mcpgah__description,
    .mcpgah__benefits{
        margin-left:auto;
        margin-right:auto;
    }

    .mcpgah__visual{
        width:min(800px,100%);
        min-height:480px;
        margin:0 auto;
    }
}

/* Mobile */
@media(max-width:700px){
    .mcpgah__inner{
        width:min(100% - 28px,620px);
        padding:40px 0 32px;
    }

    .mcpgah__eyebrow{
        font-size:10px;
    }

    .mcpgah__title{
        font-size:clamp(38px,11vw,52px);
    }

    .mcpgah__description{
        font-size:15px;
    }

    .mcpgah__benefits{
        grid-template-columns:1fr 1fr;
        gap:22px;
        text-align:left;
    }

    .mcpgah-benefit strong{
        white-space:normal;
        font-size:13px;
    }

    .mcpgah-benefit p{
        font-size:11px;
    }

    .mcpgah__visual{
        min-height:360px;
    }

    .mcpgah-device--notebook{
        top:25px;
        width:88%;
    }

    .mcpgah-device--phone{
        top:93px;
        width:28%;
    }

    .mcpgah__decor--dots{
        display:none!important;
    }
}

@media(max-width:460px){
    .mcpgah__benefits{
        grid-template-columns:1fr;
    }

    .mcpgah-benefit{
        display:grid;
        grid-template-columns:40px 1fr;
        column-gap:11px;
    }

    .mcpgah-benefit__icon{
        grid-row:1/3;
        margin:0;
    }

    .mcpgah__visual{
        min-height:285px;
    }

    .mcpgah-device--phone{
        top:78px;
    }
}

@media(prefers-reduced-motion:reduce){
    .mcpgah-slide{
        transition:none;
    }
}