/* O2.1, primeira dobra EQMS: produto real lidera a leitura. Desktop usa
   composição editorial dividida; no celular, a fotografia vem antes do
   conteúdo. Nenhum produto, rótulo, métrica ou promessa é inventado aqui. */
.hero-split{
    position: relative;
    overflow: hidden;
    background: var(--cor-linho);
}
.hero-split--foto-cheia{
    display: flex;
    height: clamp(500px, 42vw, 620px);
    min-height: 0;
    align-items: stretch;
}
.hero-split--foto-cheia .hero-split__foto{
    order: 2;
    position: relative;
    flex: 0 0 50%;
    width: 50%;
    overflow: hidden;
    border-radius: 0;
    box-shadow: none;
}
.hero-split__foto img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transform: scale(1.15);
    transform-origin: center center;
}
.hero-split--foto-cheia .hero-split__grade{
    order: 1;
    display: flex;
    flex: 1 1 auto;
    width: auto;
    max-width: none;
    margin: 0;
    padding: var(--espaco-2xl);
    align-items: center;
}
.hero-split--foto-cheia .hero-split__texto{
    width: min(100%, 470px);
}
.hero-split__titulo{
    max-width: 16ch;
    margin: 0 0 var(--espaco-md);
    color: var(--cor-cacau);
    font-size: var(--texto-3xl);
    line-height: 1.08;
    text-wrap: balance;
}
.hero-split__divisor{
    width: 56px;
    height: 3px;
    margin-block: var(--espaco-md);
    border-radius: var(--raio-pill);
    background: var(--cor-terracota);
}
.hero-split__subtitulo{
    max-width: 43ch;
    margin-bottom: var(--espaco-lg);
    color: var(--cor-cacau-70);
    font-size: var(--texto-md);
}
.hero-split__ctas{
    display: flex;
    align-items: center;
    gap: var(--espaco-md);
}
.hero-split__ctas .btn{
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
}

@keyframes eqmsHeroFotoRevela{
    from{ clip-path: inset(0 0 0 100%); }
    to{ clip-path: inset(0); }
}
@keyframes eqmsHeroTextoEntra{
    from{ opacity: 0; transform: translateY(16px); }
    to{ opacity: 1; transform: translateY(0); }
}
.hero-split__foto{
    animation: eqmsHeroFotoRevela 0.9s cubic-bezier(0.25, 1, 0.5, 1) both;
}
.hero-split__texto{
    animation: eqmsHeroTextoEntra 0.56s cubic-bezier(0.25, 1, 0.5, 1) 0.12s both;
}

@media (max-width: 900px){
    .hero-split--foto-cheia{
        min-height: 0;
        flex-direction: column;
    }
    .hero-split--foto-cheia .hero-split__foto{
        order: 1;
        flex: 0 0 clamp(310px, 88vw, 430px);
        width: 100%;
    }
    .hero-split--foto-cheia .hero-split__grade{
        order: 2;
        position: relative;
        z-index: 1;
        width: calc(100% - var(--espaco-md) - var(--espaco-md));
        margin: calc(0px - var(--espaco-xl)) var(--espaco-md) 0;
        padding: var(--espaco-xl) var(--espaco-lg) var(--espaco-2xl);
        border-radius: var(--raio-lg) var(--raio-lg) 0 0;
        background: var(--cor-linho);
    }
    .hero-split--foto-cheia .hero-split__texto{
        width: 100%;
    }
    .hero-split__titulo{
        max-width: 18ch;
        font-size: var(--texto-3xl);
    }
}

@media (max-width: 600px){
    .hero-split--foto-cheia .hero-split__foto{
        flex-basis: clamp(300px, 98vw, 390px);
    }
    .hero-split--foto-cheia .hero-split__grade{
        margin-top: calc(0px - var(--espaco-lg));
        padding: var(--espaco-lg) var(--espaco-md) var(--espaco-xl);
    }
    .hero-split__titulo{
        font-size: clamp(2rem, 8.8vw, 2.55rem);
    }
    .hero-split__subtitulo{
        font-size: var(--texto-base);
    }
    .hero-split__ctas,
    .hero-split__ctas .btn{
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce){
    .hero-split__foto,
    .hero-split__texto{
        animation: none;
    }
}