/* TEXAN GROUP - Paleta de Cores Official */

:root {
    /* Cores principais da Texan */
    --texan-blue-dark: #0b1e63;     /* Azul escuro - confiança e estabilidade */
    --texan-purple-primary: #521de6; /* Roxo principal - criatividade e inteligência */
    --texan-purple-secondary: #8e1fc2; /* Roxo secundário - inovação */
    --texan-cyan: #00d1ff;           /* Ciano - tecnologia avançada */
    
    /* Gradientes Texan */
    --texan-gradient-primary: linear-gradient(135deg, #0b1e63 0%, #521de6 50%, #8e1fc2 100%);
    --texan-gradient-secondary: linear-gradient(135deg, #521de6 0%, #00d1ff 100%);
    --texan-gradient-accent: linear-gradient(45deg, #8e1fc2 0%, #00d1ff 100%);
    
    /* Sobrescrever variáveis do tema original */
    --color-primary: var(--texan-purple-primary);
    --color-secondary: var(--texan-cyan);
    --bg-color: var(--texan-purple-primary);
    --bg-color-2: var(--texan-purple-secondary);
    --id-color: var(--texan-cyan);
}

/* Aplicações das cores Texan */
.bg-color {
    background: var(--texan-gradient-primary) !important;
}

.bg-color-2 {
    background: var(--texan-gradient-secondary) !important;
}

.id-color {
    color: var(--texan-cyan) !important;
}

.text-light {
    color: #ffffff !important;
}

/* Hero section com identidade Texan */
#section-hero {
    background: var(--texan-gradient-primary);
}

.gradient-edge-top,
.gradient-edge-bottom {
    background: var(--texan-gradient-accent);
}

/* Botões com estilo Texan */
.btn-main {
    background: var(--texan-gradient-accent);
    border: 2px solid var(--texan-cyan);
    color: white;
    transition: all 0.3s ease;
}

.btn-main:hover {
    background: var(--texan-cyan);
    box-shadow: 0 0 20px rgba(0, 209, 255, 0.4);
    transform: translateY(-2px);
}

.btn-line {
    border: 2px solid var(--texan-cyan);
    color: var(--texan-cyan);
    background: transparent;
}

.btn-line:hover {
    background: var(--texan-cyan);
    color: var(--texan-blue-dark);
}

/* Cards e elementos hover */
.hover-bg-color:hover {
    background: var(--texan-gradient-primary) !important;
}

.radial-gradient-color {
    background: radial-gradient(circle, rgba(82, 29, 230, 0.8) 0%, rgba(11, 30, 99, 0.9) 100%);
}

/* Marquee com cores Texan */
.de-marquee-list-1,
.de-marquee-list-2 {
    background: var(--texan-gradient-accent);
}

/* Seções dark com gradiente Texan */
.section-dark,
.bg-dark {
    background: var(--texan-blue-dark);
    background: var(--texan-gradient-primary);
}

.bg-dark-2 {
    background: rgba(11, 30, 99, 0.8);
    backdrop-filter: blur(10px);
}

/* Efeitos de glow para elementos tecnológicos */
.texan-glow {
    box-shadow: 0 0 30px rgba(0, 209, 255, 0.3);
}

.texan-glow:hover {
    box-shadow: 0 0 50px rgba(0, 209, 255, 0.6);
}

/* Links e texto com cor Texan */
a {
    color: var(--texan-cyan);
}

a:hover {
    color: var(--texan-purple-secondary);
}

/* Formulários */
.form-control:focus {
    border-color: var(--texan-cyan);
    box-shadow: 0 0 15px rgba(0, 209, 255, 0.3);
}

/* Header com cor original #111435 */
header {
    background: #111435 !important;
}

header.smaller {
    background: #111435 !important;
}

header.header-mobile {
    background: #111435 !important;
}

header.header-float .header-inner {
    background: #111435 !important;
}

.dark-scheme header.header-mobile {
    background: #111435 !important;
}

/* Footer já está atualizado via inline styles */

/* Animações específicas Texan */
@keyframes texanPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 209, 255, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(0, 209, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 209, 255, 0);
    }
}

.texan-pulse {
    animation: texanPulse 2s infinite;
}