.elementor-69 .elementor-element.elementor-element-1f45b5f1{--display:flex;}.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 );}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-90697e8 *//* =========================================
   DESIGN MODERNO PMPRO LEVELS (CARD STYLE)
   ========================================= */

/* 1. Limpa o container geral e remove bordas da tabela antiga */
#pmpro_levels, 
.pmpro_card, 
.pmpro_card_content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 2. Esconde o cabeçalho da tabela (Nível, Preço, Ação) que deixa o visual velho */
.pmpro_levels_table thead {
    display: none !important;
}

/* 3. Transforma a tabela em um Grid Flexível */
.pmpro_levels_table tbody {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 30px !important; /* Espaço entre os cards */
    justify-content: center !important;
}

/* 4. Estilo do CARD (A antiga linha da tabela) */
tr.pmpro_level {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #ffffff !important;
    width: 100% !important;
    max-width: 350px !important; /* Largura máxima do card */
    padding: 40px 30px !important;
    border-radius: 20px !important; /* Bordas arredondadas */
    border: 1px solid #f0f0f0 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important; /* Sombra suave de luxo */
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    margin-bottom: 0 !important; /* Remove margem padrão */
}

/* Efeito Hover: O card "flutua" quando passa o mouse */
tr.pmpro_level:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.12) !important;
    border-color: #e0e0e0 !important;
}

/* 5. Título do Nível (Ex: Vip) */
tr.pmpro_level th {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    padding: 0 0 20px 0 !important;
    border: none !important;
    background: transparent !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Linha decorativa abaixo do título */
tr.pmpro_level th::after {
    content: '' !important;
    display: block !important;
    width: 50px !important;
    height: 3px !important;
    background: #0073aa !important; /* Mude para a cor do seu Beach Club */
    margin: 15px auto 0 auto !important;
    border-radius: 2px !important;
}

/* 6. Preço */
tr.pmpro_level td {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 0 0 30px 0 !important;
    border: none !important;
    background: transparent !important;
}

.pmpro_level-price {
    font-size: 16px !important;
    color: #666 !important;
    margin: 0 !important;
}

.pmpro_level-price strong {
    display: block !important;
    font-size: 32px !important;
    color: #333 !important;
    margin-bottom: 5px !important;
}

/* 7. Botão de Selecionar */
a.pmpro_btn, 
a.pmpro_btn-select {
    display: inline-block !important;
    background-color: #111 !important; /* Cor de fundo do botão */
    color: #fff !important;
    padding: 15px 40px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 50px !important; /* Botão redondo (Pill shape) */
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border: 2px solid #111 !important;
    width: auto !important;
    min-width: 200px !important;
    text-align: center !important;
}

/* Hover do Botão */
a.pmpro_btn:hover, 
a.pmpro_btn-select:hover {
    background-color: #fff !important;
    color: #111 !important;
    transform: scale(1.05) !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
}

/* Ajuste Mobile: Garante que fique um abaixo do outro */
@media (max-width: 768px) {
    tr.pmpro_level {
        width: 100% !important;
        max-width: 100% !important;
    }
}/* End custom CSS */