/* =========================================================
   SINGLE EVENTO — FINAL CENTERED HERO
   Mesma gravidade visual da Home, Praias e Single Praia.
   ========================================================= */

html body .guia-hero.guia-hero--event{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
}

html body .guia-hero.guia-hero--event .gevento-hero__container{
    width:min(920px, calc(100vw - 80px)) !important;
    max-width:920px !important;
    height:auto !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
}

html body .guia-hero.guia-hero--event .gevento-hero__container > *{
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
}

html body .guia-hero.guia-hero--event .gevento-hero__container .gevento-hero__category,
html body .guia-hero.guia-hero--event .gevento-hero__container .gevento-hero__badge{
    margin-bottom:14px !important;
}

html body .guia-hero.guia-hero--event .gevento-hero__title{
    width:100% !important;
    max-width:860px !important;
    margin:0 auto 14px !important;
    text-align:center !important;
    font-size:var(--guia-hero-final-title, clamp(42px,4.5vw,58px)) !important;
    line-height:.98 !important;
    letter-spacing:-.04em !important;
}

html body .guia-hero.guia-hero--event .gevento-hero__meta,
html body .guia-hero.guia-hero--event .gevento-hero__details{
    width:100% !important;
    justify-content:center !important;
    align-items:center !important;
    margin:0 auto !important;
    text-align:center !important;
}

html body .guia-hero.guia-hero--event .gevento-hero__meta > *,
html body .guia-hero.guia-hero--event .gevento-hero__details > *{
    text-align:center !important;
}

@media (max-width:780px){
    html body .guia-hero.guia-hero--event .gevento-hero__container{
        width:calc(100vw - 48px) !important;
        max-width:none !important;
    }

    html body .guia-hero.guia-hero--event .gevento-hero__title{
        font-size:clamp(34px,9vw,46px) !important;
        max-width:100% !important;
    }
}

@media (max-width:520px){
    html body .guia-hero.guia-hero--event .gevento-hero__container{
        width:calc(100vw - 32px) !important;
    }
}