.elementor-675 .elementor-element.elementor-element-298a9e8f{--display:flex;--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}body.elementor-page-675:not(.elementor-motion-effects-element-type-background), body.elementor-page-675 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}body.elementor-page-675{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS *//* =========================
   PMS ACCOUNT - FINAL APPLE STYLE
========================= */


/* =========================================================
   1) RESET DO PMS
   Remove bolinhas, listas e marcações padrão
   NÃO mexa aqui se já está funcionando
========================================================= */
.pms-form-fields-wrapper,
.pms-form-fields-wrapper li,
form#pms_edit-profile-form ul,
form#pms_edit-profile-form li,
.pms-account-navigation ul,
.pms-account-navigation li {
    list-style: none !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
}

.pms-form-fields-wrapper li::marker,
form#pms_edit-profile-form li::marker,
.pms-account-navigation li::marker,
.pms-form-fields-wrapper li::before,
form#pms_edit-profile-form li::before,
.pms-account-navigation li::before {
    display: none !important;
    content: none !important;
}


/* =========================================================
   2) TIPOGRAFIA BASE
   Negritos automáticos
========================================================= */
.pms-form label,
.pms-edit-profile label,
.pms-account label,
.pms-form strong,
.pms-edit-profile strong,
.pms-account strong,
.pms-account th,
.pms-account td:first-child,
.pms-account-subscription-details-table td:first-child {
    font-weight: 600 !important;
    color: #334155 !important;
}


/* =========================================================
   3) CARD PRINCIPAL (CAIXA BRANCA)
   AQUI controla espaço entre BORDA e conteúdo
========================================================= */
.elementor-page .pms-account,
.elementor-page .pms-account-page,
.elementor-page .pms-account-wrapper,
.elementor-page .pms-subscriptions-page,
.elementor-page .pms-payments-page,
.elementor-page .pms-edit-profile,
.elementor-page .pms-form {
    background: #FFFFFF !important;
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    border-radius: 28px !important;

    /* MAIS espaço interno = aumentar */
    padding: 32px !important;

    box-shadow:
        0 10px 28px rgba(15, 23, 42, 0.06),
        0 2px 8px rgba(15, 23, 42, 0.04) !important;

    font-family: inherit !important;
    box-sizing: border-box !important;
}


/* =========================================================
   4) TEXTOS GERAIS
========================================================= */
.elementor-page .pms-account *,
.elementor-page .pms-account-page *,
.elementor-page .pms-account-wrapper *,
.elementor-page .pms-subscriptions-page *,
.elementor-page .pms-payments-page *,
.elementor-page .pms-edit-profile *,
.elementor-page .pms-form * {
    color: #0F172A !important;
    font-family: inherit !important;
}


/* =========================================================
   5) MENU SUPERIOR
========================================================= */
.elementor-page .pms-account-navigation {

    /* Espaço entre menu e formulário */
    margin-bottom: 28px !important;

    text-align: center !important;
}

.elementor-page .pms-account-navigation ul {
    display: inline-flex !important;

    /* espaço entre botões */
    gap: 3px !important;

    padding: 4px !important;
    margin: 0 auto !important;
    background: rgba(241, 245, 249, 0.96) !important;
    border: 1px solid rgba(203, 213, 225, 0.8) !important;
    border-radius: 18px !important;
    width: fit-content !important;

    box-shadow:
        inset 0 1px 2px rgba(255,255,255,0.8),
        inset 0 -1px 2px rgba(0,0,0,0.03) !important;
}

.elementor-page .pms-account-navigation li {
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-page .pms-account-navigation a {
    display: block !important;

    /* tamanho dos botões do menu */
    padding: 10px 16px !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    color: #64748B !important;
    border-radius: 14px !important;
    background: transparent !important;
    transition: all 0.18s ease !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
}

.elementor-page .pms-account-navigation a:hover {
    background: rgba(255,255,255,0.85) !important;
    color: #0A3D62 !important;
    transform: scale(0.98);
}

.elementor-page .pms-account-navigation .current a,
.elementor-page .pms-account-navigation .pms-account-navigation-link--active {
    background: #FFFFFF !important;
    color: #0A3D62 !important;
    font-weight: 600 !important;

    box-shadow:
        0 2px 8px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255,255,255,0.9) !important;
}


/* =========================================================
   6) FORMULÁRIO INTERNO
   AQUI controla distância lateral do formulário
   ESTE provavelmente é o que você queria mexer
========================================================= */
.elementor-page #pms_edit-profile-form,
.elementor-page .pms-form {

    /* cima/baixo | esquerda/direita */
    padding: 30px 30px 30px 30px  !important;

    margin-top: 0 !important;
}


/* =========================================================
   7) ESPAÇO ENTRE CAMPOS
========================================================= */
.elementor-page .pms-form-fields-wrapper {
    display: flex !important;
    flex-direction: column !important;

    /* distância entre inputs */
    gap: 20px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-page .pms-form-fields-wrapper li {
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   8) INPUTS
========================================================= */
.elementor-page .pms-account input,
.elementor-page .pms-account select,
.elementor-page .pms-account textarea,
.elementor-page .pms-edit-profile input,
.elementor-page .pms-edit-profile select,
.elementor-page .pms-edit-profile textarea,
.elementor-page .pms-form input,
.elementor-page .pms-form select,
.elementor-page .pms-form textarea {
    width: 100% !important;
    background: #F8FAFC !important;
    color: #0F172A !important;
    border: 1px solid rgba(203, 213, 225, 0.9) !important;
    border-radius: 16px !important;

    /* espaço interno do input */
    padding: 15px 18px !important;

    margin-top: 6px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;

    /* altura */
    min-height: 56px !important;
}

.elementor-page .pms-account input:focus,
.elementor-page .pms-account select:focus,
.elementor-page .pms-account textarea:focus,
.elementor-page .pms-edit-profile input:focus,
.elementor-page .pms-edit-profile select:focus,
.elementor-page .pms-edit-profile textarea:focus,
.elementor-page .pms-form input:focus,
.elementor-page .pms-form select:focus,
.elementor-page .pms-form textarea:focus {
    border-color: #0A3D62 !important;
    box-shadow: 0 0 0 4px rgba(10, 61, 98, 0.08) !important;
    outline: none !important;
    background: #FFFFFF !important;
}


/* =========================================================
   9) LABELS
========================================================= */
.elementor-page .pms-account label,
.elementor-page .pms-edit-profile label,
.elementor-page .pms-form label {
    display: block;
    font-weight: 600 !important;

    /* espaço label -> input */
    margin-bottom: 10px !important;

    font-size: 12.5px !important;
    color: #475569 !important;
}


/* =========================================================
   10) TABELAS
========================================================= */
.elementor-page table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin-top: 18px !important;
    overflow: hidden !important;
    border-radius: 20px !important;
    border: 1px solid rgba(226,232,240,0.9) !important;
}

.elementor-page table th {
    background: #F8FAFC !important;
    color: #0A3D62 !important;
    padding: 16px 18px !important;
    font-weight: 600 !important;
}

.elementor-page table td {
    padding: 16px 18px !important;
    background: #FFFFFF !important;
    border-top: 1px solid rgba(226,232,240,0.8) !important;
}


/* =========================================================
   11) BOTÕES PREMIUM
========================================================= */
.elementor-page .button,
.elementor-page button,
.elementor-page input[type="submit"],
.elementor-page .pms-btn,
.elementor-page .pms-account-subscription-action-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    background: linear-gradient(180deg, #1E6FA3 0%, #0A3D62 100%) !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 14px !important;

    padding: 12px 20px !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;

    cursor: pointer !important;
    transition: all 0.22s ease !important;

    box-shadow:
        0 8px 20px rgba(10, 61, 98, 0.18),
        inset 0 1px 0 rgba(255,255,255,0.22) !important;
}

.elementor-page .button:hover,
.elementor-page button:hover,
.elementor-page input[type="submit"]:hover,
.elementor-page .pms-btn:hover,
.elementor-page .pms-account-subscription-action-link:hover {
    transform: translateY(-2px) !important;
    box-shadow:
        0 12px 26px rgba(10, 61, 98, 0.24),
        inset 0 1px 0 rgba(255,255,255,0.28) !important;
}

/* CANCELAR */
.elementor-page .pms-account-subscription-action-link__cancel {
    background: linear-gradient(180deg, #EF4444 0%, #DC2626 100%) !important;

    box-shadow:
        0 8px 20px rgba(220, 38, 38, 0.20),
        inset 0 1px 0 rgba(255,255,255,0.18) !important;
}

.elementor-page .pms-account-subscription-action-link__cancel:hover {
    box-shadow:
        0 12px 26px rgba(220, 38, 38, 0.28),
        inset 0 1px 0 rgba(255,255,255,0.22) !important;
}

/* ABANDONAR */
.elementor-page .pms-account-subscription-action-link__abandon {
    background: linear-gradient(180deg, #64748B 0%, #475569 100%) !important;

    box-shadow:
        0 8px 20px rgba(71, 85, 105, 0.18),
        inset 0 1px 0 rgba(255,255,255,0.18) !important;
}

.elementor-page .pms-account-subscription-action-link__abandon:hover {
    box-shadow:
        0 12px 26px rgba(71, 85, 105, 0.24),
        inset 0 1px 0 rgba(255,255,255,0.22) !important;
}

/* =========================================================
   12) LINKS
========================================================= */
.elementor-page a,
.elementor-page a:hover,
.elementor-page a::before,
.elementor-page a::after {
    text-decoration: none !important;
}

/* =========================================================
   13) RESPONSIVIDADE
========================================================= */

/* Tablet */
@media (max-width: 1024px) {
    .elementor-page .pms-account,
    .elementor-page .pms-account-page,
    .elementor-page .pms-account-wrapper,
    .elementor-page .pms-subscriptions-page,
    .elementor-page .pms-payments-page,
    .elementor-page .pms-edit-profile,
    .elementor-page .pms-form {
        padding: 24px !important;
        border-radius: 22px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .elementor-page #pms_edit-profile-form,
    .elementor-page .pms-form {
        padding: 20px !important;
    }

    .elementor-page .pms-account-navigation ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 6px !important;
    }

    .elementor-page .pms-account-navigation a {
        padding: 10px 14px !important;
        font-size: 12px !important;
    }

    .elementor-page table {
        display: block !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
    }
}

/* Celular */
@media (max-width: 767px) {
    .elementor-page .pms-account,
    .elementor-page .pms-account-page,
    .elementor-page .pms-account-wrapper,
    .elementor-page .pms-subscriptions-page,
    .elementor-page .pms-payments-page,
    .elementor-page .pms-edit-profile,
    .elementor-page .pms-form {
        padding: 16px !important;
        border-radius: 18px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .elementor-page #pms_edit-profile-form,
    .elementor-page .pms-form {
        padding: 12px !important;
    }

    /* MENU CONTINUA HORIZONTAL COM SCROLL */
    .elementor-page .pms-account-navigation {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding-bottom: 4px !important;
    }

    .elementor-page .pms-account-navigation ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        width: max-content !important;
        min-width: 100% !important;
        gap: 6px !important;
    }

    .elementor-page .pms-account-navigation a {
        padding: 10px 14px !important;
        font-size: 12px !important;
        flex-shrink: 0 !important;
    }

    .elementor-page .pms-form-fields-wrapper {
        gap: 14px !important;
    }

    .elementor-page .pms-account input,
    .elementor-page .pms-account select,
    .elementor-page .pms-account textarea,
    .elementor-page .pms-edit-profile input,
    .elementor-page .pms-edit-profile select,
    .elementor-page .pms-edit-profile textarea,
    .elementor-page .pms-form input,
    .elementor-page .pms-form select,
    .elementor-page .pms-form textarea {
        min-height: 50px !important;
        padding: 12px 14px !important;
    }

    .elementor-page table {
        display: block !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
    }

    .elementor-page table th,
    .elementor-page table td {
        padding: 12px !important;
        font-size: 13px !important;
    }

    .elementor-page .button,
    .elementor-page button,
    .elementor-page input[type="submit"],
    .elementor-page .pms-btn {
        width: 100% !important;
    }
}

/* MENSAGEM SEM ASSINATURA */
.pms-block-container > p {
    background: #FFFFFF !important;
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    border-radius: 18px !important;
    padding: 18px 22px !important;
    box-shadow:
        0 8px 20px rgba(15, 23, 42, 0.06),
        0 2px 8px rgba(15, 23, 42, 0.04) !important;
    margin: 16px 0 !important;
    color: #0F172A !important;
}

.pms-block-container > p a {
    color: #0A3D62 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* CORREÇÃO CHECKBOX LEMBRAR */
.elementor-page .pms-form .login-remember {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 18px 0 !important;
    padding: 0 !important;
}

.elementor-page .pms-form .login-remember input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    min-height: unset !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 5px !important;
    accent-color: #0A3D62 !important;
    flex-shrink: 0 !important;
    box-shadow: none !important;
}

.elementor-page .pms-form .login-remember label {
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #475569 !important;
    cursor: pointer !important;
}/* End custom CSS */