/* Start custom CSS for shortcode, class: .elementor-element-687e785 *//* =========================================================
   AAUNTRIA — ULTIMATE MEMBER
   FORMULÁRIO DE CADASTRO PREMIUM
   ========================================================= */


/* =========================================================
   FONT
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');


/* =========================================================
   VARIÁVEIS
   ========================================================= */

:root {

    --aa-gold: #e6b957;
    --aa-gold-light: #f4cf72;
    --aa-gold-soft: rgba(230,185,87,.14);

    --aa-bg: #090909;
    --aa-card: rgba(18,18,18,.72);
    --aa-field: rgba(255,255,255,.035);

    --aa-white: #f7f5ef;
    --aa-text: rgba(247,245,239,.78);
    --aa-muted: rgba(247,245,239,.40);
    --aa-border: rgba(255,255,255,.10);

}


/* =========================================================
   ULTIMATE MEMBER — ÁREA PRINCIPAL
   ========================================================= */

.um {

    width: 100% !important;
    max-width: 760px !important;

    margin: 35px auto 80px !important;

    padding: 0 !important;

    font-family:
        'Manrope',
        -apple-system,
        BlinkMacSystemFont,
        'Segoe UI',
        sans-serif !important;

    color: var(--aa-white) !important;

}


/* =========================================================
   FORMULÁRIO
   ========================================================= */

.um .um-form {

    position: relative;

    width: 100% !important;

    padding: 42px 42px 38px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.018)
        ) !important;

    border:
        1px solid rgba(255,255,255,.09) !important;

    border-radius: 24px !important;

    box-shadow:
        0 30px 100px rgba(0,0,0,.42),
        inset 0 1px 0 rgba(255,255,255,.025) !important;

    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

}


/* =========================================================
   BRILHO SUTIL NO TOPO DO CARD
   ========================================================= */

.um .um-form::before {

    content: "";

    position: absolute;

    top: 0;
    left: 12%;

    width: 76%;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(230,185,87,.55),
            transparent
        );

    opacity: .7;

}


/* =========================================================
   PEQUENO TÍTULO INTERNO
   ========================================================= */

.um .um-form::after {

    content: "CRIE SUA CONTA GRATUITAMENTE";

    display: block;

    margin:
        0 0 34px;

    color:
        rgba(230,185,87,.75);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 3px;

    text-align: left;

}


/* =========================================================
   CAMPOS
   ========================================================= */

.um .um-field {

    margin-bottom: 25px !important;

}


/* =========================================================
   LABELS
   ========================================================= */

.um .um-field-label {

    margin-bottom: 9px !important;

    padding: 0 !important;

}


.um .um-field-label label {

    display: block !important;

    margin: 0 !important;

    color:
        rgba(247,245,239,.68) !important;

    font-family:
        'Manrope',
        sans-serif !important;

    font-size: 12px !important;

    font-weight: 600 !important;

    letter-spacing: .1px !important;

}


/* =========================================================
   TRADUÇÕES DOS CAMPOS
   ========================================================= */

/* NOME */

.um .um-field-first_name .um-field-label label {

    font-size: 0 !important;

}

.um .um-field-first_name .um-field-label label::after {

    content: "Nome";

    font-size: 12px;

}


/* USUÁRIO / EMAIL */

.um .um-field-user_login .um-field-label label {

    font-size: 0 !important;

}

.um .um-field-user_login .um-field-label label::after {

    content: "E-mail ou nome de usuário";

    font-size: 12px;

}


/* WHATSAPP */

.um .um-field-whatsapp .um-field-label label,
.um .um-field-whatsapp_number .um-field-label label {

    font-size: 0 !important;

}

.um .um-field-whatsapp .um-field-label label::after,
.um .um-field-whatsapp_number .um-field-label label::after {

    content: "WhatsApp";

    font-size: 12px;

}


/* SENHA */

.um .um-field-user_password .um-field-label label {

    font-size: 0 !important;

}

.um .um-field-user_password .um-field-label label::after {

    content: "Senha";

    font-size: 12px;

}


/* CONFIRMAR SENHA */

.um .um-field-confirm_user_password .um-field-label label {

    font-size: 0 !important;

}

.um .um-field-confirm_user_password .um-field-label label::after {

    content: "Confirmar senha";

    font-size: 12px;

}


/* =========================================================
   INPUTS
   ========================================================= */

.um .um-form input[type="text"],
.um .um-form input[type="email"],
.um .um-form input[type="password"],
.um .um-form input[type="tel"],
.um .um-form input[type="number"] {

    width: 100% !important;

    height: 58px !important;

    margin: 0 !important;

    padding:
        0 18px !important;

    background:
        rgba(255,255,255,.035) !important;

    border:
        1px solid rgba(255,255,255,.105) !important;

    border-radius:
        13px !important;

    color:
        var(--aa-white) !important;

    font-family:
        'Manrope',
        sans-serif !important;

    font-size:
        14px !important;

    font-weight:
        500 !important;

    outline: none !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.018) !important;

    transition:
        border-color .3s ease,
        background .3s ease,
        box-shadow .3s ease,
        transform .3s ease !important;

}


/* =========================================================
   INPUT — HOVER
   ========================================================= */

.um .um-form input[type="text"]:hover,
.um .um-form input[type="email"]:hover,
.um .um-form input[type="password"]:hover,
.um .um-form input[type="tel"]:hover,
.um .um-form input[type="number"]:hover {

    border-color:
        rgba(255,255,255,.18) !important;

    background:
        rgba(255,255,255,.045) !important;

}


/* =========================================================
   INPUT — FOCO
   ========================================================= */

.um .um-form input[type="text"]:focus,
.um .um-form input[type="email"]:focus,
.um .um-form input[type="password"]:focus,
.um .um-form input[type="tel"]:focus,
.um .um-form input[type="number"]:focus {

    border-color:
        rgba(230,185,87,.72) !important;

    background:
        rgba(230,185,87,.045) !important;

    box-shadow:
        0 0 0 3px rgba(230,185,87,.08),
        0 8px 30px rgba(0,0,0,.18) !important;

}


/* =========================================================
   PLACEHOLDERS
   ========================================================= */

.um .um-form input::placeholder {

    color:
        rgba(247,245,239,.22) !important;

    opacity: 1 !important;

}


/* =========================================================
   REMOVE PLACEHOLDER DA CONFIRMAÇÃO
   ========================================================= */

.um .um-field-confirm_user_password input::placeholder {

    color:
        transparent !important;

}


/* =========================================================
   BOTÃO PRINCIPAL
   ========================================================= */

.um .um-form input[type="submit"],
.um .um-form input[type="button"],
.um .um-form .um-button {

    width: 100% !important;

    height: 58px !important;

    margin-top: 12px !important;

    padding: 0 25px !important;

    border: none !important;

    border-radius: 14px !important;

    background:
        linear-gradient(
            135deg,
            #f2c968 0%,
            #dcae4e 100%
        ) !important;

    color:
        #080808 !important;

    font-family:
        'Manrope',
        sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        800 !important;

    letter-spacing:
        .1px !important;

    box-shadow:
        0 12px 35px rgba(230,185,87,.13) !important;

    cursor: pointer !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        filter .3s ease !important;

}


/* =========================================================
   BOTÃO — HOVER
   ========================================================= */

.um .um-form input[type="submit"]:hover,
.um .um-form input[type="button"]:hover,
.um .um-form .um-button:hover {

    transform:
        translateY(-2px) !important;

    filter:
        brightness(1.05) !important;

    box-shadow:
        0 16px 45px rgba(230,185,87,.20) !important;

}


/* =========================================================
   BOTÃO — ACTIVE
   ========================================================= */

.um .um-form input[type="submit"]:active,
.um .um-form input[type="button"]:active,
.um .um-form .um-button:active {

    transform:
        translateY(0) !important;

}


/* =========================================================
   ÁREA INFERIOR DO FORMULÁRIO
   ========================================================= */

.um .um-col-alt {

    margin-top:
        25px !important;

}


/* =========================================================
   "JÁ POSSUI UMA CONTA?"
   ========================================================= */

.um .um-col-alt-b {

    margin-top:
        24px !important;

    padding-top:
        24px !important;

    border-top:
        1px solid rgba(255,255,255,.07) !important;

    text-align:
        center !important;

}


/* =========================================================
   LINK DE LOGIN
   ========================================================= */

.um .um-col-alt-b a {

    color:
        rgba(247,245,239,.45) !important;

    font-family:
        'Manrope',
        sans-serif !important;

    font-size:
        12px !important;

    font-weight:
        500 !important;

    text-decoration:
        none !important;

    transition:
        color .25s ease !important;

}


/* =========================================================
   DEIXA O LINK MAIS PREMIUM
   ========================================================= */

.um .um-col-alt-b a::after {

    content:
        "  Entrar →";

    color:
        var(--aa-gold-light);

    font-weight:
        700;

}


/* =========================================================
   CASO O ULTIMATE MEMBER TENHA TEXTO ORIGINAL
   ESCONDE O TEXTO DUPLICADO DO LINK
   ========================================================= */

.um .um-col-alt-b a {

    font-size:
        0 !important;

}

.um .um-col-alt-b a::after {

    font-size:
        12px;

}


/* =========================================================
   ERROS
   ========================================================= */

.um .um-field-error {

    margin-top:
        8px !important;

    padding:
        8px 10px !important;

    border-radius:
        8px !important;

    background:
        rgba(180,50,50,.10) !important;

    color:
        rgba(255,150,150,.85) !important;

    font-size:
        11px !important;

}


/* =========================================================
   MENSAGENS DE SUCESSO
   ========================================================= */

.um .um-notice {

    border:
        1px solid rgba(230,185,87,.20) !important;

    border-radius:
        12px !important;

    background:
        rgba(230,185,87,.06) !important;

    color:
        rgba(247,245,239,.75) !important;

    font-size:
        12px !important;

}


/* =========================================================
   REMOVE ELEMENTOS VISUAIS PADRÃO DO UM
   ========================================================= */

.um .um-clear {

    clear: both;

}


.um .um-field-checkbox-option,
.um .um-field-radio-option {

    color:
        rgba(247,245,239,.48) !important;

}


/* =========================================================
   LINKS
   ========================================================= */

.um a {

    color:
        var(--aa-gold-light);

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .um {

        width:
            calc(100% - 28px) !important;

        max-width:
            none !important;

        margin:
            25px auto 55px !important;

    }


    .um .um-form {

        padding:
            30px 20px 28px !important;

        border-radius:
            20px !important;

    }


    .um .um-form::after {

        margin-bottom:
            28px;

        font-size:
            8px;

        letter-spacing:
            2.5px;

    }


    .um .um-field {

        margin-bottom:
            21px !important;

    }


    .um .um-field-label {

        margin-bottom:
            8px !important;

    }


    .um .um-field-label label,
    .um .um-field-first_name .um-field-label label::after,
    .um .um-field-user_login .um-field-label label::after,
    .um .um-field-whatsapp .um-field-label label::after,
    .um .um-field-whatsapp_number .um-field-label label::after,
    .um .um-field-user_password .um-field-label label::after,
    .um .um-field-confirm_user_password .um-field-label label::after {

        font-size:
            11px !important;

    }


    .um .um-form input[type="text"],
    .um .um-form input[type="email"],
    .um .um-form input[type="password"],
    .um .um-form input[type="tel"],
    .um .um-form input[type="number"] {

        height:
            56px !important;

        padding:
            0 16px !important;

        border-radius:
            12px !important;

        font-size:
            14px !important;

    }


    .um .um-form input[type="submit"],
    .um .um-form input[type="button"],
    .um .um-form .um-button {

        height:
            57px !important;

        margin-top:
            8px !important;

        border-radius:
            13px !important;

        font-size:
            13px !important;

    }


    .um .um-col-alt-b {

        margin-top:
            20px !important;

        padding-top:
            20px !important;

    }

}


/* =========================================================
   TELAS MUITO PEQUENAS
   ========================================================= */

@media (max-width: 380px) {

    .um {

        width:
            calc(100% - 20px) !important;

    }


    .um .um-form {

        padding:
            26px 16px 24px !important;

    }


    .um .um-field {

        margin-bottom:
            19px !important;

    }

}


/* =========================================================
   ACESSIBILIDADE / REDUZ MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .um *,
    .um *::before,
    .um *::after {

        transition:
            none !important;

        animation:
            none !important;

    }

}




/* =========================================================
   AAUNTRIA — ULTIMATE MEMBER
   PREMIUM FORM / STREAMING INTERFACE
========================================================= */

.um {
    font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    color: #f7f5ef !important;
}


/* =========================================================
   FORM CONTAINER
========================================================= */

.um .um-form {
    padding: 4px 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.um .um-row,
.um .um-col-1,
.um .um-col-121 {
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   FIELD
========================================================= */

.um .um-field {
    margin: 0 0 15px !important;
    padding: 0 !important;
}


/* =========================================================
   LABEL
========================================================= */

.um .um-field-label {
    margin: 0 0 7px !important;
    padding: 0 !important;
}

.um .um-field-label label {
    display: block !important;

    color: rgba(247,245,239,.58) !important;

    font-size: 10px !important;
    line-height: 1.2 !important;

    font-weight: 600 !important;
    letter-spacing: .35px !important;
}


/* =========================================================
   INPUT — BASE
========================================================= */

.um .um-form input[type="text"],
.um .um-form input[type="email"],
.um .um-form input[type="password"],
.um .um-form input[type="tel"],
.um .um-form input[type="number"],
.um .um-form textarea,
.um .um-form select {

    width: 100% !important;

    height: 48px !important;
    min-height: 48px !important;

    padding: 0 16px !important;

    border: 1px solid rgba(255,255,255,.105) !important;

    border-radius: 11px !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.025)
        ) !important;

    color: #f7f5ef !important;

    font-family: "Manrope", sans-serif !important;

    font-size: 12px !important;
    font-weight: 500 !important;

    outline: none !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 4px 20px rgba(0,0,0,.08) !important;

    transition:
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease,
        transform .25s ease !important;
}


/* =========================================================
   PLACEHOLDER
========================================================= */

.um .um-form input::placeholder,
.um .um-form textarea::placeholder {

    color: rgba(255,255,255,.25) !important;
    opacity: 1 !important;
}


/* =========================================================
   HOVER
========================================================= */

.um .um-form input[type="text"]:hover,
.um .um-form input[type="email"]:hover,
.um .um-form input[type="password"]:hover,
.um .um-form input[type="tel"]:hover,
.um .um-form input[type="number"]:hover,
.um .um-form textarea:hover,
.um .um-form select:hover {

    border-color:
        rgba(255,255,255,.18) !important;

    background:
        rgba(255,255,255,.045) !important;
}


/* =========================================================
   FOCUS — GOLD PREMIUM
========================================================= */

.um .um-form input[type="text"]:focus,
.um .um-form input[type="email"]:focus,
.um .um-form input[type="password"]:focus,
.um .um-form input[type="tel"]:focus,
.um .um-form input[type="number"]:focus,
.um .um-form textarea:focus,
.um .um-form select:focus {

    border-color:
        rgba(231,193,104,.65) !important;

    background:
        linear-gradient(
            135deg,
            rgba(231,193,104,.075),
            rgba(255,255,255,.025)
        ) !important;

    box-shadow:
        0 0 0 3px rgba(231,193,104,.055),
        0 8px 30px rgba(0,0,0,.15) !important;

    transform:
        translateY(-1px) !important;
}


/* =========================================================
   SELECT
========================================================= */

.um .um-form select {

    appearance: none !important;
    -webkit-appearance: none !important;

    cursor: pointer !important;
}


/* =========================================================
   PASSWORD TOGGLE
========================================================= */

.um .um-field-password .um-field-area {
    position: relative !important;
}


/* =========================================================
   BOTÃO
========================================================= */

.um .um-form input[type="submit"],
.um .um-form input[type="button"],
.um .um-form .um-button {

    position: relative !important;

    width: 100% !important;

    height: 49px !important;
    min-height: 49px !important;

    margin: 6px 0 0 !important;

    padding: 0 22px !important;

    border: 1px solid rgba(240,201,104,.60) !important;

    border-radius: 11px !important;

    background:
        linear-gradient(
            135deg,
            #efd078 0%,
            #d8ad54 55%,
            #c4973d 100%
        ) !important;

    color: #090909 !important;

    font-family: "Manrope", sans-serif !important;

    font-size: 11px !important;
    font-weight: 800 !important;

    letter-spacing: .65px !important;

    box-shadow:
        0 10px 30px rgba(214,173,85,.12),
        inset 0 1px 0 rgba(255,255,255,.35) !important;

    cursor: pointer !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        filter .25s ease !important;
}


.um .um-form input[type="submit"]:hover,
.um .um-form input[type="button"]:hover,
.um .um-form .um-button:hover {

    transform: translateY(-2px) !important;

    filter: brightness(1.04) !important;

    box-shadow:
        0 15px 38px rgba(214,173,85,.18),
        inset 0 1px 0 rgba(255,255,255,.4) !important;
}


.um .um-form input[type="submit"]:active,
.um .um-form .um-button:active {

    transform: translateY(0) !important;
}


/* =========================================================
   ÁREA DO BOTÃO
========================================================= */

.um .um-col-alt {
    margin: 17px 0 0 !important;
    padding: 0 !important;
}


/* =========================================================
   LINKS
========================================================= */

.um .um-col-alt-b {

    margin: 14px 0 0 !important;
    padding: 0 !important;

    text-align: center !important;
}

.um .um-col-alt-b a {

    color: rgba(247,245,239,.42) !important;

    font-size: 10px !important;
    font-weight: 500 !important;

    text-decoration: none !important;

    transition: color .25s ease !important;
}

.um .um-col-alt-b a:hover {

    color: #e6c47a !important;
}


/* =========================================================
   CHECKBOX
========================================================= */

.um .um-field-checkbox {
    margin: 4px 0 13px !important;
    padding: 0 !important;
}

.um .um-field-checkbox-option {

    color: rgba(247,245,239,.38) !important;

    font-size: 9px !important;
    line-height: 1.5 !important;
}


/* =========================================================
   ERROS
========================================================= */

.um .um-field-error {

    margin-top: 6px !important;
    padding: 7px 10px !important;

    border-radius: 7px !important;

    background: rgba(180,60,60,.08) !important;

    font-size: 9px !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .um .um-form {
        padding: 2px 0 !important;
    }

    .um .um-field {
        margin-bottom: 13px !important;
    }

    .um .um-field-label {
        margin-bottom: 6px !important;
    }

    .um .um-field-label label {
        font-size: 9px !important;
    }

    .um .um-form input[type="text"],
    .um .um-form input[type="email"],
    .um .um-form input[type="password"],
    .um .um-form input[type="tel"],
    .um .um-form input[type="number"],
    .um .um-form textarea,
    .um .um-form select {

        height: 46px !important;
        min-height: 46px !important;

        padding: 0 14px !important;

        border-radius: 10px !important;

        font-size: 11.5px !important;
    }

    .um .um-form input[type="submit"],
    .um .um-form input[type="button"],
    .um .um-form .um-button {

        height: 47px !important;
        min-height: 47px !important;

        border-radius: 10px !important;

        font-size: 10px !important;
    }

    .um .um-col-alt {
        margin-top: 14px !important;
    }

    .um .um-col-alt-b {
        margin-top: 12px !important;
    }
}/* End custom CSS */