/*
 * GUIA DE GUARAPARI — HERO MASTER FINAL
 * 18.36.2
 * Uma única autoridade para a composição dos heros públicos.
 * Mobile: 1 linha é o estado preferencial; 2 linhas são a exceção editorial.
 */

html body .guia-hero :is(
    .ggp-v25-hero-content h1,
    .guia-praias-hero__copy h1,
    .sp-hero-title,
    .gevento-hero__title
){
    text-wrap:balance !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:none !important;
    max-width:100% !important;
}

html body .guia-hero :is(
    .ggp-v25-hero-content > p,
    .guia-praias-lead
){
    text-wrap:balance !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:none !important;
    max-width:100% !important;
}

@media (max-width: 780px){
    html body .guia-hero :is(
        .ggp-v25-hero-content,
        .guia-praias-hero__inner,
        .sp-hero-content,
        .gevento-hero__container
    ){
        width:calc(100% - 32px) !important;
        max-width:none !important;
        box-sizing:border-box !important;
    }

    /* O título parte grande e confortável. O JS só reduz se realmente necessário. */
    html body .guia-hero :is(
        .ggp-v25-hero-content h1,
        .guia-praias-hero__copy h1,
        .sp-hero-title,
        .gevento-hero__title
    ){
        font-size:var(--guia-hero-fit-title, clamp(30px, 8.4vw, 40px)) !important;
        line-height:1.02 !important;
        letter-spacing:-.035em !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    html body .guia-hero :is(
        .ggp-v25-hero-content > p,
        .guia-praias-lead
    ){
        font-size:var(--guia-hero-fit-lead, 16px) !important;
        line-height:1.42 !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    /* Não estreitar artificialmente a descrição nem a busca. */
    html body .guia-hero.guia-hero--home .ggp-v25-hero-content,
    html body .guia-hero.guia-hero--archive .guia-praias-hero__inner{
        width:calc(100% - 32px) !important;
    }

    html body .guia-hero.guia-hero--home .ggp-v25-hero-content > p{
        max-width:none !important;
    }

    html body .guia-hero.guia-hero--home .ggp-v25-hero-search,
    html body .guia-hero.guia-hero--home .ggp-v25-search-form,
    html body .guia-hero.guia-hero--archive .guia-praias-search-wrapper{
        width:100% !important;
        max-width:none !important;
    }

    /* Busca: conforto táctil e tipográfico, inclusive em telas <= 430px. */
    html body .guia-hero.guia-hero--home .ggp-v25-hero-search .ggp-v25-search-form,
    html body .guia-hero.guia-hero--home .ggp-v25-hero-search .ggp-v25-search-form input[type="search"],
    html body .guia-hero.guia-hero--home .ggp-v25-hero-search .ggp-v25-search-btn{
        height:52px !important;
    }

    html body .guia-hero.guia-hero--home .ggp-v25-hero-search .ggp-v25-search-form input[type="search"]{
        font-size:16px !important;
        padding-inline:16px !important;
    }

    html body .guia-hero.guia-hero--home .ggp-v25-hero-search .ggp-v25-search-btn{
        width:52px !important;
        min-width:52px !important;
    }
}

@media (max-width: 520px){
    html body .guia-hero :is(
        .ggp-v25-hero-content,
        .guia-praias-hero__inner,
        .sp-hero-content,
        .gevento-hero__container
    ){
        width:calc(100% - 32px) !important;
    }

    /* A Home usa a largura útil inteira: evita a quebra artificial de 2 linhas. */
    html body .guia-hero.guia-hero--home .ggp-v25-hero-content h1{
        max-width:none !important;
    }

    html body .guia-hero.guia-hero--home .ggp-v25-hero-content > p{
        max-width:none !important;
        white-space:normal !important;
    }
}

@media (prefers-reduced-motion: reduce){
    html body .guia-hero *{
        scroll-behavior:auto !important;
    }
}