/* =========================================================
   PRAIAS — FINAL HERO COMPOSITION
   Centro geométrico da viewport, não do grid anterior.
   ========================================================= */

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{
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    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__inner{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    width:min(920px, calc(100vw - 80px)) !important;
    max-width:920px !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    text-align:center !important;
}

html body .guia-hero.guia-hero--archive .guia-praias-hero__copy{
    width:100% !important;
    max-width:780px !important;
    margin:0 auto !important;
    padding:0 !important;
    text-align:center !important;
}

html body .guia-hero.guia-hero--archive .guia-praias-hero__copy h1{
    width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
    text-align:center !important;
}

html body .guia-hero.guia-hero--archive .guia-praias-lead{
    width:100% !important;
    margin:12px auto 22px !important;
    padding:0 !important;
    text-align:center !important;
}

html body .guia-hero.guia-hero--archive .guia-praias-hero__tools{
    width:min(760px, 100%) !important;
    max-width:760px !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
}

html body .guia-hero.guia-hero--archive .guia-praias-search-wrapper{
    width:100% !important;
    margin:0 auto !important;
}

html body .guia-hero.guia-hero--archive .guia-praias-search-input{
    width:100% !important;
    box-sizing:border-box !important;
    margin:0 auto !important;
}

html body .guia-hero.guia-hero--archive .guia-praias-filters-wrapper{
    width:100% !important;
    margin:14px auto 0 !important;
    display:flex !important;
    justify-content:center !important;
}

html body .guia-hero.guia-hero--archive .guia-praias-filters{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 auto !important;
}

html body .guia-hero.guia-hero--archive .guia-praias-filter-status{
    width:100% !important;
    margin:14px auto 0 !important;
    display:flex !important;
    justify-content:center !important;
    text-align:center !important;
}

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

    html body .guia-hero.guia-hero--archive .guia-praias-hero__tools{
        width:100% !important;
    }

    html body .guia-hero.guia-hero--archive .guia-praias-filters-wrapper{
        overflow-x:auto !important;
        justify-content:flex-start !important;
        scrollbar-width:none;
    }

    html body .guia-hero.guia-hero--archive .guia-praias-filters{
        width:max-content !important;
        min-width:100% !important;
        justify-content:flex-start !important;
    }
}

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