/* =========================================================
   HERO ALIGNMENT FINAL
   Home + Praias = centered
   Single Praia + Single Evento = left aligned
   Typography remains under the unified Hero contract.
   ========================================================= */

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

html body .guia-hero.guia-hero--home .ggp-v25-hero-content{
    margin-inline:auto !important;
    text-align:center !important;
}

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

html body .guia-hero.guia-hero--archive .guia-praias-hero__content,
html body .guia-hero.guia-hero--archive .guia-praias-hero__inner,
html body .guia-hero.guia-hero--archive .guia-praias-hero__copy,
html body .guia-hero.guia-hero--archive .guia-praias-hero__tools{
    margin-inline:auto !important;
    text-align:center !important;
}

/* SINGLE PRAIA — left aligned */
html body .guia-hero.guia-hero--single{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:left !important;
}

html body .guia-hero.guia-hero--single .sp-hero-content{
    width:min(1200px, calc(100% - 80px)) !important;
    max-width:1200px !important;
    margin-inline:auto !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    text-align:left !important;
}

html body .guia-hero.guia-hero--single .sp-hero-title{
    text-align:left !important;
    margin-inline:0 !important;
}

html body .guia-hero.guia-hero--single .sp-hero-location{
    justify-content:flex-start !important;
    margin-inline:0 !important;
    text-align:left !important;
}

html body .guia-hero.guia-hero--single .sp-hero-meta{
    justify-content:flex-start !important;
    margin-inline:0 !important;
    text-align:left !important;
}

html body .guia-hero.guia-hero--single .sp-hero-actions{
    justify-content:flex-start !important;
    margin-inline:0 !important;
}

/* SINGLE EVENTO — left aligned */
html body .guia-hero.guia-hero--event{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:left !important;
}

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

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

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