/* =========================================================
   SINGLE PRAIA — FINAL CENTERED HERO
   Mesma gravidade visual da Home/Praias.
   ========================================================= */

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

html body .guia-hero.guia-hero--single .sp-hero-content{
    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--single .sp-hero-title{
    width:100% !important;
    max-width:800px !important;
    margin:0 auto 8px !important;
    text-align:center !important;
    font-size:var(--guia-hero-final-title, clamp(42px,4.5vw,58px)) !important;
    line-height:.98 !important;
}

html body .guia-hero.guia-hero--single .sp-hero-location{
    width:100% !important;
    justify-content:center !important;
    margin:0 auto 10px !important;
    text-align:center !important;
}

html body .guia-hero.guia-hero--single .sp-hero-meta{
    width:100% !important;
    justify-content:center !important;
    margin:0 auto 16px !important;
    text-align:center !important;
}

html body .guia-hero.guia-hero--single .sp-hero-actions{
    width:100% !important;
    justify-content:center !important;
    margin:0 auto !important;
}

html body .guia-hero.guia-hero--single .sp-hero-btn{
    flex:0 0 auto !important;
}

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

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

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