.elementor-9 .elementor-element.elementor-element-c40a6f9{--display:flex;--min-height:100vh;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-c879c9b{text-align:center;}.elementor-9 .elementor-element.elementor-element-e6148bb{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-326afbc *//**
 * Estilos do shortcode [mpi_login] (abas de entrar/criar conta).
 *
 * Motivo de existir num arquivo próprio, enfileirado via wp_enqueue_style,
 * em vez de <style> inline no template: esse shortcode costuma rodar
 * dentro de um menu offset/flyout do tema, e vários desses construtores de
 * menu filtram o HTML do item (removendo tags <style>/<script>, mas
 * mantendo o texto de dentro como conteúdo visível). Um arquivo .css
 * carregado no <head> da página não passa por esse filtro.
 */
.mpi-login-tabs { display: flex; gap: 4px; margin-bottom: 20px; border-bottom: 1px solid var(--mpi-border, #e5e7eb); }
.mpi-login-tab {
    all: unset;
    flex: 1;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
    font-weight: 700;
    color: var(--mpi-muted, #6b7280);
    background-color: transparent;
    border-bottom: 2px solid transparent;
    box-sizing: border-box;
    transition: background-color .15s, color .15s;
}
.mpi-login-tab:hover,
.mpi-login-tab:focus-visible {
    background-color: #f9b400 !important;
    color: #2D241F !important;
}
.mpi-login-tab.is-active { color: var(--mpi-dark, #12172b); border-bottom-color: var(--mpi-accent, #F9B400); }
.mpi-login-erro { color: #dc2626; font-weight: 600; }
.mpi-login-tipo-conta { display: flex; justify-content: center; align-items: center; gap: 16px; margin-top: 4px; width: 100%; }
.mpi-login-tipo-opcao { display: flex; align-items: center; gap: 6px; font-weight: 400; }
.mpi-login-tipo-opcao input { width: auto; }
.mpi-login-tipo-aviso { font-size: 12px; color: var(--mpi-muted, #6b7280); margin: 8px 0 0; }

.mpi-login-forca-senha { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 4px; }
.mpi-login-forca-senha li {
    font-size: 12px;
    color: var(--mpi-muted, #6b7280);
    padding-left: 20px;
    position: relative;
}
.mpi-login-forca-senha li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid var(--mpi-border, #e5e7eb);
    box-sizing: border-box;
}
.mpi-login-forca-senha li.is-ok { color: var(--mpi-green, #16a34a); }
.mpi-login-forca-senha li.is-ok::before {
    content: '✓';
    border-color: var(--mpi-green, #16a34a);
    background: var(--mpi-green, #16a34a);
    color: #fff;
    font-size: 10px;
    line-height: 13px;
    text-align: center;
}

/* Botão "mostrar senha" — injetado por mpi-login.js ao redor de cada
   input[type=password] dentro do shortcode de login/cadastro. */
.mpi-senha-wrap { position: relative; }
.mpi-senha-wrap input[type="password"],
.mpi-senha-wrap input[type="text"] {
    padding-right: 42px !important;
}
.mpi-senha-toggle {
    all: unset;
    position: absolute;
    top: 20px;
    right: 0;
    bottom: 0;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--mpi-muted, #6b7280);
}
.mpi-senha-toggle:hover,
.mpi-senha-toggle:focus-visible, { background-color: transparent;
color: var(--mpi-dark, #12172b); }
.mpi-senha-toggle svg { width: 18px; height: 18px; }
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    background-color: #F9B400;
    color: #252019;
    text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c40a6f9 *//* ═══════════════════════════════════════════════════════════════════════
   Minha Conta (WooCommerce) — estilo alinhado ao painel do mentor
   Escopo: body.woocommerce-account, pra não vazar pra outras páginas.
   Os tokens de cor repetem os mesmos usados no dashboard do mentor
   (--mpi-accent, --mpi-text etc.) — se algum dia os dois CSS forem
   carregados juntos na mesma página, os valores batem certinho.
   ═══════════════════════════════════════════════════════════════════════ */

.elementor-9 .elementor-element.elementor-element-c40a6f9 {
    --mpi-accent:       #F9B400;
    --mpi-accent-hover: #e0a300;
    --mpi-dark:         #12172b;
    --mpi-text:         #1a1f36;
    --mpi-muted:        #6b7280;
    --mpi-border:       #e5e7eb;
    --mpi-bg:           #f4f5f7;
    --mpi-radius:       14px;
    --mpi-green:        #16a34a;
    --mpi-green-light:  #f0fdf4;
    --mpi-green-border: #86efac;
    --mpi-blue:         #1d4ed8;
    --mpi-blue-light:   #eff6ff;
    --mpi-blue-border:  #bfdbfe;
}

/* ── Fundo geral da área logada ── */
.elementor-9 .elementor-element.elementor-element-c40a6f9 .woocommerce {
    background:var(--mpi-bg) !important;
    padding:32px 0 !important;
    border-radius:var(--mpi-radius) !important;
}

/* ── Navegação lateral/superior (Dashboard, Orders, Downloads...) ── */
.elementor-9 .elementor-element.elementor-element-c40a6f9 .woocommerce-MyAccount-navigation {
    background:#fff !important;
    border:1px solid var(--mpi-border) !important;
    border-radius:var(--mpi-radius) !important;
    padding:10px !important;
    margin-bottom: 24px;
}

.elementor-9 .elementor-element.elementor-element-c40a6f9 .woocommerce-MyAccount-navigation ul {
    display: flex;
    gap: 6px;
    margin: 0;
    padding:0 !important;
    list-style: none;
}

.elementor-9 .elementor-element.elementor-element-c40a6f9 .woocommerce-MyAccount-navigation-link {
    margin: 0;
}

.elementor-9 .elementor-element.elementor-element-c40a6f9 .woocommerce-MyAccount-navigation-link a {
    display: block;
    padding:10px 16px !important;
    border-radius:10px !important;
    color:var(--mpi-text) !important;
    text-decoration:none !important;
    font-size:14px !important;
    font-weight:600 !important;
    transition: background .15s ease, color .15s ease;
}

.elementor-9 .elementor-element.elementor-element-c40a6f9 .woocommerce-MyAccount-navigation-link a:hover {
    background:var(--mpi-bg) !important;
}

.elementor-9 .elementor-element.elementor-element-c40a6f9 .woocommerce-MyAccount-navigation-link.is-active a {
    background:var(--mpi-accent) !important;
    color:var(--mpi-dark) !important;
}

.elementor-9 .elementor-element.elementor-element-c40a6f9 .woocommerce-MyAccount-navigation-link--customer-logout a {
    color:#b00020 !important;
}

/* ── Conteúdo (cartão principal) ── */
.elementor-9 .elementor-element.elementor-element-c40a6f9 .woocommerce-MyAccount-content {
    background:#fff !important;
    border:1px solid var(--mpi-border) !important;
    border-radius:var(--mpi-radius) !important;
    padding:28px 32px !important;
}

.elementor-9 .elementor-element.elementor-element-c40a6f9 .woocommerce-MyAccount-content p {
    color:var(--mpi-text) !important;
    font-size:15px !important;
    line-height: 1.6;
}

.elementor-9 .elementor-element.elementor-element-c40a6f9 .woocommerce-MyAccount-content strong {
    color:var(--mpi-dark) !important;
}

.elementor-9 .elementor-element.elementor-element-c40a6f9 .woocommerce-MyAccount-content a {
    color:var(--mpi-blue) !important;
    text-decoration:none !important;
    font-weight:600 !important;
}
.elementor-9 .elementor-element.elementor-element-c40a6f9 .woocommerce-MyAccount-content a:hover {
    text-decoration:underline !important;
}

/* ── Notices (avisos do WooCommerce) ── */
.elementor-9 .elementor-element.elementor-element-c40a6f9 .woocommerce-notices-wrapper .woocommerce-message {
    background:var(--mpi-green-light) !important;
    border:1px solid var(--mpi-green-border) !important;
    border-left:4px solid var(--mpi-green) !important;
    border-radius:10px !important;
    color:var(--mpi-dark) !important;
    padding:14px 18px !important;
}
.elementor-9 .elementor-element.elementor-element-c40a6f9 .woocommerce-notices-wrapper .woocommerce-error {
    background:#fef2f2 !important;
    border:1px solid #fecaca !important;
    border-left:4px solid #b00020 !important;
    border-radius:10px !important;
    color:var(--mpi-dark) !important;
    padding:14px 18px !important;
}

/* ── Tabelas (pedidos, downloads, endereços) ── */
.elementor-9 .elementor-element.elementor-element-c40a6f9 table.woocommerce-orders-table,
.elementor-9 .elementor-element.elementor-element-c40a6f9 table.woocommerce-table {
    border:1px solid var(--mpi-border) !important;
    border-radius:10px !important;
    overflow: hidden;
    border-collapse:separate !important;
    border-spacing:0 !important;
    width: 100%;
}
.elementor-9 .elementor-element.elementor-element-c40a6f9 table.woocommerce-orders-table thead th {
    background:var(--mpi-bg) !important;
    color:var(--mpi-muted) !important;
    font-size:12px !important;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding:12px 16px !important;
    text-align: left;
}
.elementor-9 .elementor-element.elementor-element-c40a6f9 table.woocommerce-orders-table tbody td {
    padding:14px 16px !important;
    border-top:1px solid var(--mpi-border) !important;
    font-size:14px !important;
    color:var(--mpi-text) !important;
}

/* ── Botões (ex: "Pay", "View", formulários de endereço) ── */
.elementor-9 .elementor-element.elementor-element-c40a6f9 .woocommerce-Button,
.elementor-9 .elementor-element.elementor-element-c40a6f9 button.button,
.elementor-9 .elementor-element.elementor-element-c40a6f9 input.button {
    background:var(--mpi-accent) !important;
    color:var(--mpi-dark) !important;
    border:none !important;
    border-radius:10px !important;
    padding:12px 22px !important;
    font-size:14px !important;
    font-weight:600 !important;
    cursor: pointer;
}
.elementor-9 .elementor-element.elementor-element-c40a6f9 .woocommerce-Button:hover,
.elementor-9 .elementor-element.elementor-element-c40a6f9 button.button:hover,
.elementor-9 .elementor-element.elementor-element-c40a6f9 input.button:hover {
    background:var(--mpi-accent-hover) !important;
}

/* ── Formulários (editar endereço, editar conta) ── */
.elementor-9 .elementor-element.elementor-element-c40a6f9 .woocommerce-form-row input,
.elementor-9 .elementor-element.elementor-element-c40a6f9 .woocommerce-form-row select,
.elementor-9 .elementor-element.elementor-element-c40a6f9 .woocommerce-form-row textarea {
    border:1px solid var(--mpi-border) !important;
    border-radius:8px !important;
    padding:10px 12px !important;
    font-size:14px !important;
    color:var(--mpi-text) !important;
    width: 100%;
}
.elementor-9 .elementor-element.elementor-element-c40a6f9 .woocommerce-form-row input:focus,
.elementor-9 .elementor-element.elementor-element-c40a6f9 .woocommerce-form-row select:focus,
.elementor-9 .elementor-element.elementor-element-c40a6f9 .woocommerce-form-row textarea:focus {
    outline: none;
    border-color:var(--mpi-accent) !important;
    box-shadow: 0 0 0 3px rgba(249, 180, 0, 0.15);
}
.elementor-9 .elementor-element.elementor-element-c40a6f9 .woocommerce-form-row label {
    font-size:13px !important;
    font-weight:600 !important;
    color:var(--mpi-text) !important;
    margin-bottom: 4px;
    display: block;
}

/* ── Responsivo ── */
@media (max-width: 782px) {
    .elementor-9 .elementor-element.elementor-element-c40a6f9 .woocommerce-MyAccount-navigation ul {
        flex-direction: column;
    }
    .elementor-9 .elementor-element.elementor-element-c40a6f9 .woocommerce-MyAccount-content {
        padding:20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6148bb *//* ═══════════════════════════════════════════════════════════════════════
   Minha Conta (WooCommerce) — estilo alinhado ao painel do mentor
   Escopo: body.woocommerce-account, pra não vazar pra outras páginas.
   Os tokens de cor repetem os mesmos usados no dashboard do mentor
   (--mpi-accent, --mpi-text etc.) — se algum dia os dois CSS forem
   carregados juntos na mesma página, os valores batem certinho.
   ═══════════════════════════════════════════════════════════════════════ */

.elementor-9 .elementor-element.elementor-element-e6148bb {
    --mpi-accent:       #F9B400;
    --mpi-accent-hover: #e0a300;
    --mpi-dark:         #12172b;
    --mpi-text:         #1a1f36;
    --mpi-muted:        #6b7280;
    --mpi-border:       #e5e7eb;
    --mpi-bg:           #f4f5f7;
    --mpi-radius:       14px;
    --mpi-green:        #16a34a;
    --mpi-green-light:  #f0fdf4;
    --mpi-green-border: #86efac;
    --mpi-blue:         #1d4ed8;
    --mpi-blue-light:   #eff6ff;
    --mpi-blue-border:  #bfdbfe;
}

/* ── Fundo geral da área logada ── */
.elementor-9 .elementor-element.elementor-element-e6148bb .woocommerce {
    background:var(--mpi-bg) !important;
    padding:32px 0 !important;
    border-radius:var(--mpi-radius) !important;
}

/* ── Navegação lateral/superior (Dashboard, Orders, Downloads...) ── */
.elementor-9 .elementor-element.elementor-element-e6148bb .woocommerce-MyAccount-navigation {
    background:#fff !important;
    border:1px solid var(--mpi-border) !important;
    border-radius:var(--mpi-radius) !important;
    padding:10px !important;
    margin-bottom: 24px;
}

.elementor-9 .elementor-element.elementor-element-e6148bb .woocommerce-MyAccount-navigation ul {
    display: flex;
    gap: 6px;
    margin: 0;
    padding:0 !important;
    list-style: none;
}

.elementor-9 .elementor-element.elementor-element-e6148bb .woocommerce-MyAccount-navigation-link {
    margin: 0;
}

.elementor-9 .elementor-element.elementor-element-e6148bb .woocommerce-MyAccount-navigation-link a {
    display: block;
    padding:10px 16px !important;
    border-radius:10px !important;
    color:var(--mpi-text) !important;
    text-decoration:none !important;
    font-size:14px !important;
    font-weight:600 !important;
    transition: background .15s ease, color .15s ease;
}

.elementor-9 .elementor-element.elementor-element-e6148bb .woocommerce-MyAccount-navigation-link a:hover {
    background:var(--mpi-bg) !important;
}

.elementor-9 .elementor-element.elementor-element-e6148bb .woocommerce-MyAccount-navigation-link.is-active a {
    background:var(--mpi-accent) !important;
    color:var(--mpi-dark) !important;
}

.elementor-9 .elementor-element.elementor-element-e6148bb .woocommerce-MyAccount-navigation-link--customer-logout a {
    color:#b00020 !important;
}

/* ── Conteúdo (cartão principal) ── */
.elementor-9 .elementor-element.elementor-element-e6148bb .woocommerce-MyAccount-content {
    background:#fff !important;
    border:1px solid var(--mpi-border) !important;
    border-radius:var(--mpi-radius) !important;
    padding:28px 32px !important;
}

.elementor-9 .elementor-element.elementor-element-e6148bb .woocommerce-MyAccount-content p {
    color:var(--mpi-text) !important;
    font-size:15px !important;
    line-height: 1.6;
}

.elementor-9 .elementor-element.elementor-element-e6148bb .woocommerce-MyAccount-content strong {
    color:var(--mpi-dark) !important;
}

.elementor-9 .elementor-element.elementor-element-e6148bb .woocommerce-MyAccount-content a {
    color:var(--mpi-blue) !important;
    text-decoration:none !important;
    font-weight:600 !important;
}
.elementor-9 .elementor-element.elementor-element-e6148bb .woocommerce-MyAccount-content a:hover {
    text-decoration:underline !important;
}

/* ── Notices (avisos do WooCommerce) ── */
.elementor-9 .elementor-element.elementor-element-e6148bb .woocommerce-notices-wrapper .woocommerce-message {
    background:var(--mpi-green-light) !important;
    border:1px solid var(--mpi-green-border) !important;
    border-left:4px solid var(--mpi-green) !important;
    border-radius:10px !important;
    color:var(--mpi-dark) !important;
    padding:14px 18px !important;
}
.elementor-9 .elementor-element.elementor-element-e6148bb .woocommerce-notices-wrapper .woocommerce-error {
    background:#fef2f2 !important;
    border:1px solid #fecaca !important;
    border-left:4px solid #b00020 !important;
    border-radius:10px !important;
    color:var(--mpi-dark) !important;
    padding:14px 18px !important;
}

/* ── Tabelas (pedidos, downloads, endereços) ── */
.elementor-9 .elementor-element.elementor-element-e6148bb table.woocommerce-orders-table,
.elementor-9 .elementor-element.elementor-element-e6148bb table.woocommerce-table {
    border:1px solid var(--mpi-border) !important;
    border-radius:10px !important;
    overflow: hidden;
    border-collapse:separate !important;
    border-spacing:0 !important;
    width: 100%;
}
.elementor-9 .elementor-element.elementor-element-e6148bb table.woocommerce-orders-table thead th {
    background:var(--mpi-bg) !important;
    color:var(--mpi-muted) !important;
    font-size:12px !important;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding:12px 16px !important;
    text-align: left;
}
.elementor-9 .elementor-element.elementor-element-e6148bb table.woocommerce-orders-table tbody td {
    padding:14px 16px !important;
    border-top:1px solid var(--mpi-border) !important;
    font-size:14px !important;
    color:var(--mpi-text) !important;
}

/* ── Botões (ex: "Pay", "View", formulários de endereço) ── */
.elementor-9 .elementor-element.elementor-element-e6148bb .woocommerce-Button,
.elementor-9 .elementor-element.elementor-element-e6148bb button.button,
.elementor-9 .elementor-element.elementor-element-e6148bb input.button {
    background:var(--mpi-accent) !important;
    color:var(--mpi-dark) !important;
    border:none !important;
    border-radius:10px !important;
    padding:12px 22px !important;
    font-size:14px !important;
    font-weight:600 !important;
    cursor: pointer;
}
.elementor-9 .elementor-element.elementor-element-e6148bb .woocommerce-Button:hover,
.elementor-9 .elementor-element.elementor-element-e6148bb button.button:hover,
.elementor-9 .elementor-element.elementor-element-e6148bb input.button:hover {
    background:var(--mpi-accent-hover) !important;
}

/* ── Formulários (editar endereço, editar conta) ── */
.elementor-9 .elementor-element.elementor-element-e6148bb .woocommerce-form-row input,
.elementor-9 .elementor-element.elementor-element-e6148bb .woocommerce-form-row select,
.elementor-9 .elementor-element.elementor-element-e6148bb .woocommerce-form-row textarea {
    border:1px solid var(--mpi-border) !important;
    border-radius:8px !important;
    padding:10px 12px !important;
    font-size:14px !important;
    color:var(--mpi-text) !important;
    width: 100%;
}
.elementor-9 .elementor-element.elementor-element-e6148bb .woocommerce-form-row input:focus,
.elementor-9 .elementor-element.elementor-element-e6148bb .woocommerce-form-row select:focus,
.elementor-9 .elementor-element.elementor-element-e6148bb .woocommerce-form-row textarea:focus {
    outline: none;
    border-color:var(--mpi-accent) !important;
    box-shadow: 0 0 0 3px rgba(249, 180, 0, 0.15);
}
.elementor-9 .elementor-element.elementor-element-e6148bb .woocommerce-form-row label {
    font-size:13px !important;
    font-weight:600 !important;
    color:var(--mpi-text) !important;
    margin-bottom: 4px;
    display: block;
}

/* ── Responsivo ── */
@media (max-width: 782px) {
    .elementor-9 .elementor-element.elementor-element-e6148bb .woocommerce-MyAccount-navigation ul {
        flex-direction: column;
    }
    .elementor-9 .elementor-element.elementor-element-e6148bb .woocommerce-MyAccount-content {
        padding:20px !important;
    }
}/* End custom CSS */