/*
Theme Name: Hello Elementor Child (AIM)
Description: Tema premium Grupo AIM estilo Fintech focado em sobrescrever o template Consulz.
Author: Antigravity
Template: hello-elementor
Version: 1.0.2
*/

:root {
  --aim-bg-color: #0B0B0D;
  --aim-bg-secondary: #121214;
  --aim-card-bg: #161618;
  --aim-primary: #7C3AED;
  --aim-primary-hover: #6D28D9;
  --aim-text-main: #FFFFFF;
  --aim-text-muted: rgba(255, 255, 255, 0.7);
  --aim-border-color: rgba(255, 255, 255, 0.05);
}

/* ==========================================================================
   1. OVERRIDES GLOBAIS (FORÇA O TEMA FINTECH ESCURO)
   ========================================================================== */

body, 
.elementor-page, 
main {
    background-color: var(--aim-bg-color) !important;
    font-family: 'Inter', sans-serif !important;
}

/* Aniquilando os fundos originais (Brancos, Azuis e Cinzas do Consulz) */
.elementor-section, 
.elementor-column,
.elementor-widget-container,
.elementor-widget-icon-box,
.elementor-element-populated {
    background-color: transparent !important;
}

/* Força fundo Dark Mode nas Seções Internas de fundo branco */
.elementor-inner-column > .elementor-element-populated,
.elementor-widget-wrap.elementor-element-populated {
    background-color: transparent !important;
}

/* Corrige Divisores de Forma (Shape Dividers) que vieram Brancos */
.elementor-shape .elementor-shape-fill {
    fill: var(--aim-bg-color) !important;
}
.elementor-shape-top .elementor-shape-fill,
.elementor-shape-bottom .elementor-shape-fill {
    fill: var(--aim-bg-color) !important;
}

/* Corrige as Sobreposições (Overlays Azuis do Consulz em Imagens) */
.elementor-background-overlay,
.elementor-section > .elementor-background-overlay {
    background-color: rgba(11, 11, 13, 0.85) !important;
    background-image: none !important; /* Tira gradientes antigos */
}


/* ==========================================================================
   2. TIPOGRAFIA (INTER, BRANCO E ROXO VIBRANTE)
   ========================================================================== */

/* Todos os Títulos */
.elementor-heading-title, 
h1, h2, h3, h5 {
    color: var(--aim-text-main) !important;
    font-family: 'Inter', sans-serif !important;
}

/* Subtítulos (Ex: "Looking For A") */
.elementor-widget-heading h4.elementor-heading-title,
.elementor-widget-heading h6.elementor-heading-title {
    color: var(--aim-primary) !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

/* Textos de Apoio e Descrições */
.elementor-text-editor, 
.elementor-icon-box-description,
p {
    color: var(--aim-text-muted) !important;
    line-height: 1.7 !important;
    font-family: 'Inter', sans-serif !important;
}


/* ==========================================================================
   3. BOTÕES PREMIUM (GLOW EFFECT)
   ========================================================================== */

.elementor-button {
    background-color: var(--aim-primary) !important;
    color: #FFF !important;
    border-radius: 50px !important;
    padding: 16px 36px !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    border: none !important;
    box-shadow: 0 4px 20px rgba(124, 58, 237, 0.4) !important;
    transition: all 0.3s ease !important;
}

.elementor-button:hover {
    background-color: var(--aim-primary-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 30px rgba(124, 58, 237, 0.6) !important;
}

/* Botão Secundário (Contact Us Outline) */
.elementor-button.elementor-size-sm.elementor-animation-float:first-child,
.elementor-widget-button:nth-child(1) .elementor-button {
    background-color: transparent !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: none !important;
}
.elementor-widget-button:nth-child(2) .elementor-button {
    background-color: var(--aim-primary) !important;
    border: 2px solid var(--aim-primary) !important;
}


/* ==========================================================================
   4. CARDS DE SERVIÇO (OVERRIDE DOS BLOCOS BRANCOS ENVIADOS)
   ========================================================================== */

/* Sequestrando os icon-boxes nativos do Consulz */
.elementor-widget-icon-box > .elementor-widget-container {
    background-color: var(--aim-card-bg) !important;
    border: 1px solid var(--aim-border-color) !important;
    border-radius: 16px !important;
    padding: 40px 30px !important;
    transition: all 0.4s ease !important;
    height: 100%;
}

.elementor-widget-icon-box > .elementor-widget-container:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 40px rgba(124, 58, 237, 0.1) !important;
    border-color: rgba(124, 58, 237, 0.3) !important;
}

/* Ícones das caixas (Consulz SVG ou PNG) */
.elementor-icon-box-icon {
    margin-bottom: 25px !important;
}

/* Força os botões nativos "Learn More" dentro das colunas a ficarem sem fundo e com texto roxo */
.elementor-widget-button .elementor-button-link {
    display: inline-flex;
}


/* ==========================================================================
   5. LISTAS DE ÍCONES DO CONSULZ ("Ticks" do Hero)
   ========================================================================== */

.elementor-icon-list-item .elementor-icon-list-text {
    color: var(--aim-text-muted) !important;
    font-weight: 500 !important;
}

.elementor-icon-list-icon i,
.elementor-icon-list-icon svg {
    color: var(--aim-primary) !important;
    fill: var(--aim-primary) !important;
    font-size: 14px !important;
}


/* ==========================================================================
   6. LIMPEZA DOS DROPSHADOWS E MARGINS DO TEMA
   ========================================================================== */

/* Colunas do Consulz que vinham com sombras azuis ridículas */
.elementor-column-wrap,
.elementor-widget-wrap {
    box-shadow: none !important;
}

/* Menu de Navegação / Header Superior (Tornando Overlay Premium) */
header#masthead,
.elementor-location-header {
    position: absolute !important;
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 9999 !important;
    background-color: transparent !important;
    border: none !important;
}

/* Força a barra superior do topo (Telefones/Sociais) a ser escura */
header#masthead > .elementor-section:first-child,
.elementor-location-header > .elementor-section:first-child {
    background-color: rgba(11, 11, 13, 0.95) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Área principal do Logo e Nav Menu transparente para vazar o Hero */
header#masthead > .elementor-section:nth-child(2),
.elementor-location-header > .elementor-section:nth-child(2) {
    background-color: transparent !important;
}

/* Links do Menu do Header */
.elementor-nav-menu--main .elementor-item,
.hfe-nav-menu a {
    color: var(--aim-text-main) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    font-family: 'Inter', sans-serif !important;
    transition: all 0.3s ease !important;
}
.elementor-nav-menu--main .elementor-item:hover,
.hfe-nav-menu a:hover {
    color: var(--aim-primary) !important;
}

/* Dropdowns / Megamenus Premium Grupo AIM */
.elementor-nav-menu--dropdown,
.hfe-nav-menu .sub-menu {
    background-color: var(--aim-primary) !important;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.5) !important;
    padding: 10px 0 !important;
}
.elementor-nav-menu--dropdown a,
.hfe-nav-menu .sub-menu a {
    color: #FFF !important;
    padding: 12px 25px !important;
}
.elementor-nav-menu--dropdown a:hover,
.hfe-nav-menu .sub-menu a:hover {
    background-color: rgba(0,0,0,0.15) !important;
    color: #FFF !important;
}