.elementor-2185 .elementor-element.elementor-element-c93cff8{--display:flex;--min-height:100px;}.elementor-2185 .elementor-element.elementor-element-f662610{width:100%;max-width:100%;}@media(min-width:768px){.elementor-2185 .elementor-element.elementor-element-c93cff8{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-c93cff8 *//* --- Estilos para o Wrapper Principal da Aplicação --- */
#daniel-andry-spa-wrapper {
    /* Garante que o box model é consistente para todos os elementos dentro */
    box-sizing: border-box !important;
    /* Força um tamanho de fonte base maior para o wrapper e todos os filhos que herdam */
    font-size: 1.125rem !important; /* Aproximadamente 18px */
    line-height: 1.75 !important;
    color: #475569 !important; /* Cor do texto padrão para garantir */
    font-family: 'Inter', sans-serif !important; /* Garante a fonte */
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    overflow-x: hidden !important; /* Previne scroll horizontal em todo o wrapper */
    padding: 0 !important; /* Zera paddings no wrapper principal */
    margin: 0 !important; /* Zera margens no wrapper principal */
    display: block !important; /* Garante que o wrapper se comporte como um bloco */
    min-height: 100vh !important; /* Garante que o wrapper ocupe pelo menos a altura da tela */
}

/* --- Ajustes de Fonte para Títulos (FORÇANDO TAMANHOS ESPECÍFICOS) --- */
/* Forçando o tamanho para o H1 (Seu nome) */
#daniel-andry-spa-wrapper #inicio h1 {
    font-size: 3.75rem !important; /* text-5xl (60px) */
    line-height: 1.2 !important;
}

@media (min-width: 768px) { /* md:text-7xl */
    #daniel-andry-spa-wrapper #inicio h1 {
        font-size: 4.5rem !important; /* text-7xl (72px) */
    }
}

/* Forçando o tamanho para o H2 */
#daniel-andry-spa-wrapper h2 {
    font-size: 2.25rem !important; /* text-4xl (36px) */
    line-height: 1.25 !important;
}

/* Forçando o tamanho para o H3 */
#daniel-andry-spa-wrapper h3 {
    font-size: 1.5rem !important; /* text-2xl (24px) */
    line-height: 1.375 !important;
}

/* --- Ajustes para Elementos de Texto Gerais --- */
/* Garante o tamanho da fonte para parágrafos, listas e spans */
#daniel-andry-spa-wrapper p,
#daniel-andry-spa-wrapper ul,
#daniel-andry-spa-wrapper li,
#daniel-andry-spa-wrapper span,
#daniel-andry-spa-wrapper a,
#daniel-andry-spa-wrapper button {
    font-size: inherit !important; /* Vão herdar o 1.125rem do wrapper */
    line-height: inherit !important;
}

/* Ajuste específico para os parágrafos introdutórios em cada seção */
#daniel-andry-spa-wrapper section p.text-xl {
    font-size: 1.25rem !important; /* text-xl (20px) */
    line-height: 1.75rem !important;
}


/* --- Soluções para a Trajetória Profissional Amontoada --- */

/* Reset agressivo de margens e paddings em todos os elementos da linha do tempo */
#daniel-andry-spa-wrapper .timeline-item,
#daniel-andry-spa-wrapper .timeline-item > div,
#daniel-andry-spa-wrapper .timeline-button,
#daniel-andry-spa-wrapper .timeline-button > div,
#daniel-andry-spa-wrapper .timeline-content,
#daniel-andry-spa-wrapper .timeline-content ul,
#daniel-andry-spa-wrapper .timeline-content li {
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important; /* Garante box-sizing consistente */
}

/* Garante que o contêiner principal da linha do tempo não seja cortado */
#daniel-andry-spa-wrapper .relative.max-w-2xl.mx-auto {
    position: relative !important; /* Garante o contexto de posicionamento */
    overflow: visible !important; /* CRÍTICO: Permite que os elementos se estendam além do contêiner */
    width: 100% !important; /* Garante que ocupe a largura total disponível */
    max-width: 768px !important; /* Um max-width mais generoso para garantir espaço */
    margin-left: auto !important; /* Centraliza */
    margin-right: auto !important; /* Centraliza */
    /* Garante que o layout flexível interno da linha do tempo funcione */
    display: block !important; /* Não use flex no pai direto, deixe os itens internos gerenciarem */
}

/* Estilos para a linha vertical central e os círculos */
#daniel-andry-spa-wrapper .absolute.left-1/2 {
    left: 50% !important; /* Garante que a linha e os círculos estejam no centro */
    transform: translateX(-50%) !important; /* Efeitos de centralização */
    z-index: 10 !important; /* Garante que os círculos e linha fiquem por cima */
}

#daniel-andry-spa-wrapper .absolute.left-1/2.w-0.5 {
    height: 100% !important; /* Garante que a linha vertical ocupe a altura total */
}


/* Estilos para os contêineres dos botões e conteúdo da linha do tempo */
#daniel-andry-spa-wrapper .timeline-item .flex {
    display: flex !important; /* Força o comportamento flex */
    align-items: flex-start !important; /* Alinha itens ao topo para evitar sobreposição vertical */
}

#daniel-andry-spa-wrapper .timeline-item .flex.flex-row-reverse {
    flex-direction: row-reverse !important; /* Garante a reversão para o lado direito */
}

#daniel-andry-spa-wrapper .timeline-item .w-1/2 {
    width: 50% !important; /* Garante a largura de 50% para os blocos de texto */
    flex-shrink: 0 !important; /* Impede que eles encolham */
}

#daniel-andry-spa-wrapper .timeline-content {
    display: none; /* Garante que esteja oculto por padrão, o JS vai mostrar */
    /* Garante que o conteúdo expandido seja empurrado para o lado certo */
    position: relative !important; /* Para que o border-l/r funcione sem problemas */
}

#daniel-andry-spa-wrapper .timeline-item .w-1/2.pl-8 {
    padding-left: 2rem !important; /* Garante padding correto para alinhamento */
}
#daniel-andry-spa-wrapper .timeline-item .w-1/2.pr-8 {
    padding-right: 2rem !important; /* Garante padding correto para alinhamento */
}


/* Ajustes para o contêiner do chart (se estiver amontoado) */
#daniel-andry-spa-wrapper .chart-container {
    width: 100% !important;
    max-width: 600px !important; /* Um max-width um pouco maior para o gráfico */
    margin-left: auto !important;
    margin-right: auto !important;
    height: 400px !important; /* Força a altura */
    max-height: 50vh !important; /* Máximo de 50% da altura da viewport */
    overflow: hidden !important; /* Esconde qualquer parte que transborde do canvas */
}

/* --- Para o Elementor não adicionar espaço indesejado ao redor do código HTML --- */
/* Esta regra é CRÍTICA. Ajuste '.elementor-2185 .elementor-element.elementor-element-c93cff8' para o ID ou classe do seu widget HTML no Elementor se souber */
/* Se você não tem um ID/Classe específica para o widget, tente ".elementor-widget-container" diretamente */
.elementor-widget-container { /* Alvo mais genérico, pode afetar outros widgets Elementor */
    padding: 0 !important;
    margin: 0 !important;
}

/* Uma alternativa mais segura se você puder adicionar uma classe/ID ao seu widget HTML no Elementor */
/* Ex: Se você der ao widget a classe "meu-curriculo-widget" */
/* .meu-curriculo-widget > .elementor-widget-container {
    padding: 0 !important;
    margin: 0 !important;
} *//* End custom CSS */