/*
 * Buildora V7.5.3
 * Prioriza os formularios em notebooks com pouca altura.
 */

/* Desktop com altura reduzida */
@media (min-width: 901px) and (max-height: 820px) {

    .bd-story {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .bd-story h2 {
        font-size: clamp(32px, 3vw, 43px);
        line-height: 1.08;
        margin: 12px 0;
        letter-spacing: -1.6px;
    }

    .bd-story p {
        margin: 12px 0;
        line-height: 1.5;
    }

    /*
     * A ilustracao e o principal motivo
     * do excesso de altura no desktop.
     */
    .bd-story-visual {
        display: none;
    }

    .bd-story-foot {
        margin-top: 18px;
    }

    .bd-form-area {
        justify-content: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .bd-form-card {
        padding: 17px 23px;
    }

    .bd-form-heading {
        margin-bottom: 10px;
    }

    .bd-form-heading h1 {
        margin: 6px 0 4px;
        font-size: 28px;
    }

    .bd-account-form,
    .bd-login-form {
        gap: 7px;
    }

    .bd-account-form label,
    .bd-login-form label {
        gap: 4px;
    }

    .bd-account-form input,
    .bd-login-form input {
        min-height: 40px;
        padding: 8px 11px;
    }

    .bd-account-form button,
    .bd-login-form button {
        min-height: 42px;
    }

    .bd-account-footer,
    .bd-login-footer {
        margin-top: 8px;
    }

    .bd-form-footer {
        padding-top: 8px;
    }
}

/* Celular: formulario com prioridade */
@media (max-width: 480px) {

    .bd-form-area {
        min-height: auto;
        padding: 15px 12px;
    }

    .bd-form-card {
        padding: 19px 17px;
    }

    .bd-form-heading {
        margin-bottom: 13px;
    }

    .bd-account-form,
    .bd-login-form {
        gap: 9px;
    }
}