.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:transparent;background-image:linear-gradient(104deg, #000000 15%, #141414 49%);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- HĀRO TABS: MASTER CODE (FINAL) --- */

/* 1. O ANTÍDOTO (Mata o verde do tema na raiz do widget) */
#haro-luxury-tabs {
    --e-global-color-accent: transparent !important;
    --e-global-color-text: #888 !important;
    --e-global-color-primary: transparent !important;
    --e-global-color-secondary: transparent !important;
}

/* 2. BOTÕES INATIVOS (Fundo Preto Vidro) */
#haro-luxury-tabs [role="tab"] {
    background-color: #0a0a0a !important; 
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #888888 !important;
    
    border-radius: 8px !important;
    margin-bottom: 10px !important;
    padding: 20px !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

/* 3. HOVER (Passar o mouse - GARANTE QUE NÃO FICA VERDE) */
#haro-luxury-tabs [role="tab"]:hover {
    background-color: #222 !important; /* Cinza escuro */
    border-color: #FFD700 !important; /* Borda Dourada */
    color: #fff !important; /* Texto Branco */
}

/* 4. BOTÃO ATIVO (Ouro Metálico Rico - Idêntico ao Topo) */
#haro-luxury-tabs [role="tab"][aria-selected="true"] {
    /* O Degradê "Barra de Ouro" (Horizontal) */
    background: linear-gradient(90deg, #AA893C 0%, #EACC6E 50%, #AA893C 100%) !important;
    background-color: #C6A649 !important; /* Fallback */
    
    /* Texto Preto (Contraste) */
    color: #000000 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    
    /* Borda e Brilho */
    border: 1px solid #F8E295 !important;
    box-shadow: 0 0 25px rgba(200, 160, 60, 0.4) !important;
    
    transform: scale(1.05) !important;
    z-index: 2;
}

/* Garante que ícones ou textos internos fiquem pretos no botão ativo */
#haro-luxury-tabs [role="tab"][aria-selected="true"] * {
    color: #000000 !important;
    fill: #000000 !important;
}

/* 5. CONTEÚDO (Painel da Direita) */
#haro-luxury-tabs [role="tabpanel"],
#haro-luxury-tabs .e-n-tabs-content {
    background: rgba(15, 15, 15, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 12px !important;
    padding: 0px !important;
}/* End custom CSS */