/* assets/css/footer.css */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap');

:root {
/* Cores de Destaque (Mágico/Neon) */
--primary-accent: #d946ef;       /* Fuchsia-500 */
--primary-accent-hover: #c026d3; /* Fuchsia-600 */
--secondary-accent: #06b6d4;     /* Cyan-500 */

--text-light: #f1f5f9;      /* Slate-100 */
--text-dark: #94a3b8;       /* Slate-400 */
--favorite-red: #ef4444;

/* Nova Borda Cinzentada Profissional */
--border-color: rgba(148, 163, 184, 0.25); /* Slate-400 com 25% de opacidade */

}

body {
font-family: 'Inter', sans-serif;
color: var(--text-light);
overflow-x: hidden;
}

/* --- SCROLL AREA & STICKY FOOTER FIX --- */

/* Footer Estilizado - Ajuste para o Menu Flutuante */
.main-footer {
position: relative;
padding: 2rem 1rem;
margin-top: auto;

/* Implementação da Borda Cinzentada Profissional */
border-top: 1px solid var(--border-color);
box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15); /* Sombra suave para destacar a separação */

text-align: center;
overflow: hidden;
margin-top: 80px;

/* Z-Index forçado para baixo, permitindo que Cockpit Inferior passe por cima */
z-index: 1 !important;

}

.main-footer::before {
display: none !important;
content: '';
position: absolute;
top: 0; left: 0; width: 100%; height: 100%;
background-size: 250% 250%;
animation: aurora-bg 25s ease-in-out infinite;
z-index: 0;
opacity: 0.8;
}

.footer-content { position: relative; z-index: 1; }
.footer-brand { display: flex; align-items: center; justify-content: center; gap: 0.5rem; font-size: 1.125rem; font-weight: 900; color: var(--text-light); }
.footer-brand .gpl-text { color: var(--primary-accent); animation: subtle-glow 4s ease-in-out infinite; }
.footer-slogan { margin-top: 0.5rem; font-size: 0.875rem; font-weight: 500; color: var(--text-dark); font-style: italic; }

#product-seo { font-size: 16px; }

/* --- FUNDO MÁGICO DO RODAPÉ COM 30% DE TRANSPARÊNCIA --- */
.magic-footer-bg {
background-color: rgba(15, 23, 42, 0.30) !important;
}

/* --- ESTILO CIENTÍFICO GLOBAL DA BARRA DE ROLAGEM --- */
::-webkit-scrollbar { width: 8px; height: 8px; background: #0a0f1d; }
::-webkit-scrollbar-track { background: rgba(10, 15, 29, 0.6); border-left: 1px solid rgba(0, 242, 254, 0.1); }

/* CORREÇÃO: Removido o "transition: all 0.3s ease" que estava causando o atraso no movimento da barra */
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #00f2fe 0%, #4facfe 100%); border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 0 8px rgba(0, 242, 254, 0.2); }
::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #00ffcc 0%, #00f2fe 100%); box-shadow: 0 0 15px rgba(0, 255, 204, 0.6); }
::-webkit-scrollbar-thumb:active { background: linear-gradient(180deg, #00f2fe 0%, #7f00ff 100%); box-shadow: 0 0 20px rgba(127, 0, 255, 0.8); }

/* CORREÇÃO: Adicionada a tag "html" antes das chaves para que a regra do Firefox funcione corretamente */
html { scrollbar-width: thin; scrollbar-color: #00f2fe #0a0f1d; }

/* =========================================================================
NOVA IDENTIDADE (INJETADA NO RODAPÉ TAMBÉM PARA FUNCIONAR ISOLADAMENTE)
========================================================================= */
@keyframes magic-shine-text { 0% { background-position: 0% center; } 100% { background-position: 200% center; } }

.magic-logo-text {
background: linear-gradient(to right, #22d3ee, #4ade80, #facc15, #f472b6, #ffffff, #22d3ee);
background-size: 200% auto;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
animation: magic-shine-text 4s linear infinite;
filter: drop-shadow(0 2px 4px rgba(34, 211, 238, 0.4));
font-family: 'Orbitron', 'Exo 2', 'Rajdhani', sans-serif;
}

@keyframes magic-icon-anim {
0% { background-position: 0% center; transform: translateY(0); }
50% { background-position: 100% center; transform: translateY(-4px); }
100% { background-position: 200% center; transform: translateY(0); }
}

.magic-icon-gradient {
background: linear-gradient(to right, #22d3ee, #4ade80, #facc15, #f472b6, #22d3ee);
background-size: 200% auto;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
animation: magic-icon-anim 4s ease-in-out infinite;
display: inline-block;
filter: drop-shadow(0 0 2px rgba(255,255,255,0.3));
}

/* --- Slogan HUD Científico --- */
.sci-magic-slogan {
font-family: 'Orbitron', monospace;
color: #22d3ee;
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 10px;
font-weight: 400;
text-shadow: 0 0 8px rgba(34, 211, 238, 0.5), 0 0 1px rgba(34, 211, 238, 0.5);
border-top: 1px dashed rgba(34, 211, 238, 0.3);
border-bottom: 1px dashed rgba(34, 211, 238, 0.3);
padding: 6px 12px;
display: inline-block;
background: rgba(15, 23, 42, 0.5);
border-radius: 4px;
transition: all 0.4s ease;
cursor: default;
}

.sci-magic-slogan:hover {
color: #f472b6;
text-shadow: 0 0 10px rgba(244, 114, 182, 0.6), 0 0 2px rgba(244, 114, 182, 0.6);
border-color: rgba(244, 114, 182, 0.6);
background: rgba(30, 41, 59, 0.6);
transform: scale(1.02);
}

@media (min-width: 768px) {
.sci-magic-slogan { font-size: 12px; letter-spacing: 2px; padding: 8px 16px; }
}

.main-footer .magic-logo-text { font-size: 22px !important; }
@media (min-width: 768px) { .main-footer .magic-logo-text { font-size: 26px !important; } }