.elementor-19 .elementor-element.elementor-element-11c5893d{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.96;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-11c5893d::before, .elementor-19 .elementor-element.elementor-element-11c5893d > .elementor-background-video-container::before, .elementor-19 .elementor-element.elementor-element-11c5893d > .e-con-inner > .elementor-background-video-container::before, .elementor-19 .elementor-element.elementor-element-11c5893d > .elementor-background-slideshow::before, .elementor-19 .elementor-element.elementor-element-11c5893d > .e-con-inner > .elementor-background-slideshow::before, .elementor-19 .elementor-element.elementor-element-11c5893d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0B0B0E;--background-overlay:'';}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-19 .elementor-element.elementor-element-8657cb5{padding:0px 0px 20px 0px;}@media(min-width:768px){.elementor-19 .elementor-element.elementor-element-11c5893d{--content-width:700px;}}/* Start custom CSS for shortcode, class: .elementor-element-2d52b3d1 *//* =========================================================
   LOGIN — BIBLIOTECA CRIATIVA / PAID MEMBERSHIPS PRO
========================================================= */

.pmpro_login_wrap {
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    background: #151519 !important;
    border: 1px solid #2A2D35 !important;
    border-radius: 28px !important;
    padding: 40px !important;
    color: #ffffff !important;
    box-shadow: 0 24px 90px rgba(255, 90, 0, 0.08) !important;
}

/* Remove estilos internos do PMPro */
.pmpro_login_wrap form,
.pmpro_login_wrap table,
.pmpro_login_wrap tbody,
.pmpro_login_wrap tr,
.pmpro_login_wrap td,
.pmpro_login_wrap .pmpro_form,
.pmpro_login_wrap .pmpro_card,
.pmpro_login_wrap .pmpro_section,
.pmpro_login_wrap .pmpro {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.pmpro_login_wrap form {
    margin: 0 !important;
    padding: 0 !important;
}

/* Textos */
.pmpro_login_wrap,
.pmpro_login_wrap p,
.pmpro_login_wrap span,
.pmpro_login_wrap div,
.pmpro_login_wrap label {
    color: #ffffff !important;
}

/* Labels */
.pmpro_login_wrap label {
    display: block !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin: 0 0 8px 0 !important;
}

/* Espaçamento dos campos */
.pmpro_login_wrap .login-username,
.pmpro_login_wrap .login-password,
.pmpro_login_wrap .pmpro_form_field,
.pmpro_login_wrap p.login-username,
.pmpro_login_wrap p.login-password {
    margin-bottom: 22px !important;
}

/* Campos */
.pmpro_login_wrap input[type="text"],
.pmpro_login_wrap input[type="email"],
.pmpro_login_wrap input[type="password"],
.pmpro_login_wrap input#user_login,
.pmpro_login_wrap input#user_pass {
    width: 100% !important;
    height: 58px !important;
    background: #0E0F13 !important;
    color: #ffffff !important;
    border: 1.5px solid #ff6a00 !important;
    border-radius: 16px !important;
    padding: 0 18px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    outline: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
}

.pmpro_login_wrap input::placeholder {
    color: #777B86 !important;
}

.pmpro_login_wrap input[type="text"]:focus,
.pmpro_login_wrap input[type="email"]:focus,
.pmpro_login_wrap input[type="password"]:focus,
.pmpro_login_wrap input#user_login:focus,
.pmpro_login_wrap input#user_pass:focus {
    border-color: #ff7a00 !important;
    box-shadow: 0 0 0 4px rgba(255, 122, 0, 0.12) !important;
}

/* =========================================================
   SENHA — REMOVE SHOW PASSWORD PADRÃO
========================================================= */

.pmpro_login_wrap button.wp-hide-pw,
.pmpro_login_wrap .button.wp-hide-pw,
.pmpro_login_wrap .wp-hide-pw,
.pmpro_login_wrap .wp-pwd button:not(.bc-toggle-password),
.pmpro_login_wrap .login-password button:not(.bc-toggle-password),
.pmpro_login_wrap .pmpro_form_field-password button:not(.bc-toggle-password),
.pmpro_login_wrap p.login-password button:not(.bc-toggle-password) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Wrapper criado pelo JS ao redor do campo senha */
.bc-password-box {
    position: relative !important;
    width: 100% !important;
}

.bc-password-box input {
    padding-right: 52px !important;
}

/* Ícone personalizado de mostrar senha */
.bc-toggle-password {
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 28px !important;
    height: 28px !important;
    border: none !important;
    background: transparent !important;
    color: #8A8F9C !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 50 !important;
    box-shadow: none !important;
}

.bc-toggle-password svg {
    width: 19px !important;
    height: 19px !important;
    stroke: currentColor !important;
}

.bc-toggle-password:hover {
    color: #FF7A00 !important;
}

/* =========================================================
   LEMBRAR-ME
========================================================= */

.pmpro_login_wrap .login-remember,
.pmpro_login_wrap .pmpro_form_field-checkbox {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin: 4px 0 28px 0 !important;
}

.pmpro_login_wrap input[type="checkbox"] {
    width: 15px !important;
    height: 15px !important;
    accent-color: #ff5a00 !important;
    cursor: pointer !important;
}

/* =========================================================
   BOTÃO PRINCIPAL
   Importante: aqui só estilizamos input submit.
   Não estilizamos .button genérico para não afetar SHOW PASSWORD.
========================================================= */

.pmpro_login_wrap input[type="submit"],
.pmpro_login_wrap input#wp-submit,
.pmpro_login_wrap .login-submit input[type="submit"],
.pmpro_login_wrap .pmpro_submit input[type="submit"] {
    width: 100% !important;
    height: 56px !important;
    background: #ff5a00 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 16px !important;
    padding: 0 22px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.2px !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
}

.pmpro_login_wrap input[type="submit"]:hover,
.pmpro_login_wrap input#wp-submit:hover,
.pmpro_login_wrap .login-submit input[type="submit"]:hover,
.pmpro_login_wrap .pmpro_submit input[type="submit"]:hover {
    background: #ff7a00 !important;
    transform: translateY(-1px) !important;
}

.pmpro_login_wrap .login-submit,
.pmpro_login_wrap .pmpro_submit {
    margin: 0 !important;
    padding: 0 !important;
}

/* =========================================================
   LINKS E RECUPERAÇÃO DE SENHA
========================================================= */

.pmpro_login_wrap a {
    color: #ff7a00 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.pmpro_login_wrap a:hover {
    color: #ff9a3d !important;
}

/* Remove linhas finais */
.pmpro_login_wrap hr {
    display: none !important;
}

.pmpro_login_wrap .pmpro_actions_nav,
.pmpro_login_wrap .login-lost-password,
.pmpro_login_wrap .pmpro_lost_password {
    border-top: none !important;
    padding-top: 12px !important;
    margin-top: 18px !important;
}

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

.pmpro_login_wrap .pmpro_message,
.pmpro_login_wrap .pmpro_success,
.pmpro_login_wrap .pmpro_error,
.pmpro_message,
.pmpro_error,
.pmpro_success {
    background: #1D1815 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 122, 0, 0.35) !important;
    border-radius: 14px !important;
    padding: 14px 16px !important;
    margin-bottom: 18px !important;
}

/* Quando usuário já está logado */
.pmpro_login_wrap .pmpro_logged_in_welcome_wrap,
.pmpro_login_wrap .pmpro_logged_in_welcome {
    background: transparent !important;
    color: #ffffff !important;
}

.pmpro_login_wrap h1,
.pmpro_login_wrap h2,
.pmpro_login_wrap h3 {
    color: #ffffff !important;
}

/* =========================================================
   RESPONSIVO
========================================================= */

@media (max-width: 767px) {
    .pmpro_login_wrap {
        max-width: 100% !important;
        padding: 28px 22px !important;
        border-radius: 22px !important;
    }

    .pmpro_login_wrap input[type="text"],
    .pmpro_login_wrap input[type="email"],
    .pmpro_login_wrap input[type="password"],
    .pmpro_login_wrap input#user_login,
    .pmpro_login_wrap input#user_pass {
        height: 54px !important;
        border-radius: 14px !important;
    }

    .pmpro_login_wrap input[type="submit"],
    .pmpro_login_wrap input#wp-submit,
    .pmpro_login_wrap .login-submit input[type="submit"],
    .pmpro_login_wrap .pmpro_submit input[type="submit"] {
        height: 54px !important;
        border-radius: 14px !important;
    }
}/* End custom CSS */