.elementor-kit-9{--e-global-color-primary:#3C83F6;--e-global-color-secondary:#6B26D9;--e-global-color-text:#F8FAFC;--e-global-color-accent:#A9B5C6;--e-global-color-35292f5:#080C16;--e-global-typography-primary-font-family:"Space Grotesk";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Space Grotesk";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Space Grotesk";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:0.5em;}.elementor-kit-9 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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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-kit-9{--e-global-typography-primary-font-size:32px;--e-global-typography-secondary-font-size:20px;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Configuração Base do Card */
.vortex-card {
    background: rgba(10, 14, 23, 0.4); /* Fundo base escuro */
    backdrop-filter: blur(12px); /* Efeito vidro */
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden; /* Importante para o brilho não vazar */
    z-index: 1;
}

/* O Efeito "Glow" Gradiente no Fundo (Camada Oculta) */
.vortex-card::before {
    content: '';
    position: absolute;
    inset: 0; /* Ocupa todo o card */
    background: linear-gradient(135deg, rgba(74,141,247, 0.15), rgba(152, 101, 240, 0.15)); /* Azul p/ Roxo sutil */
    opacity: 0; /* Invisível inicialmente */
    transition: opacity 0.5s ease;
    z-index: -1; /* Fica atrás do texto */
}

/* Ação de Hover no Card */
.vortex-card:hover {
    border-color: rgba(59, 130, 246, 0.4); /* Borda azul acende */
    box-shadow: 0 20px 40px -15px rgba(0,0,0,0.5); /* Sombra suave */
}

.vortex-card:hover::before {
    opacity: 1; /* Revela o gradiente de fundo */
}

/* --- Animação da Linha (Separador) --- */
.vortex-card .vortex-line .elementor-divider-separator {
    background: linear-gradient(90deg, #3b82f6, #7c3aed) !important; /* Gradiente real */
    border-top: 0 !important; /* Remove borda padrão do Elementor */
    height: 4px; /* Garante altura */
    border-radius: 2px;
    opacity: 0; /* Invisível */
    transform: translateY(10px); /* Começa mais pra baixo */
    transition: all 0.4s ease;
}

/* Mostra a linha quando passa o mouse no Card PAI */
.vortex-card:hover .vortex-line .elementor-divider-separator {
    opacity: 1;
    transform: translateY(0);
}

/* A Linha Decorativa (Inicialmente invisível) */
.vortex-card::after {
    content: '';
    position: absolute;
    bottom: 10px; /* Ajuste conforme seu padding */
    left: 32px;  /* Alinhado com o texto */
    width: 50px;
    height: 4px;
    background: linear-gradient(90deg, #3b82f6, #7c3aed);
    border-radius: 2px;
    opacity: 0; /* Invisível */
    transform: translateY(10px);
    transition: all 0.4s ease;
}

/* Mostrar a linha no Hover */
.vortex-card:hover::after {
    opacity: 1;
    transform: translateY(0);
}

.vidro {
    backdrop-filter: blur(10px);
}/* End custom CSS */