/* Mobile-only layout repair for the About hero. */
.team-apply-link,
#about-equipe img[onclick] {
    cursor: pointer;
}

@media (max-width: 767px) {
    #about {
        height: auto;
        min-height: 100%;
    }

    #about #header-about {
        box-sizing: border-box;
        min-height: 100svh;
        height: auto;
        margin-bottom: 0;
        padding: 0;
        overflow: hidden;
    }

    #about #header-about .container,
    #about #header-about .table {
        width: 100%;
        height: auto;
        min-height: 100svh;
        margin: 0;
        padding: 0;
    }

    #about #header-about .table__vAlign {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        min-height: 100svh;
        height: auto;
        margin: 0;
        padding: 118px 24px 64px;
    }

    #about #header-about .title-destaque {
        width: 100%;
        float: none;
        margin: 0 0 30px;
    }

    #about #header-about .title-destaque__text {
        max-width: 100%;
    }

    #about #header-about .title-destaque__text__mask {
        font-size: clamp(29px, 8.4vw, 38px);
        line-height: 1.18;
        white-space: normal;
    }

    #about #header-about .corpo-texto {
        width: 100%;
        max-width: 520px;
        float: none;
        margin: 0;
        font-size: 15px;
        line-height: 1.7;
    }

    #about #header-about .corpo-texto .text {
        display: block;
    }

    #about #header-about .bt-project {
        display: inline-block;
        margin-top: 26px;
    }

    /* Decorative desktop shapes crowd the text on narrow screens. */
    #about #header-about .table__vAlign > .elem,
    #about #header-about .corpo-texto > .elem {
        display: none !important;
    }
}

@media (max-width: 380px) {
    #about #header-about .table__vAlign {
        justify-content: flex-start;
        padding: 108px 20px 52px;
    }

    #about #header-about .title-destaque {
        margin-bottom: 24px;
    }

    #about #header-about .title-destaque__text__mask {
        font-size: 28px;
    }

    #about #header-about .corpo-texto {
        font-size: 14px;
        line-height: 1.6;
    }
}

/* main.js sets inline margin-bottom = window height on resize (the mobile URL bar
   showing/hiding fires resize), which adds an empty black screen at the page end. */
@media (max-width: 767px) {
    #about #header-about,
    #about #contato {
        margin-bottom: 0 !important;
    }
}