/* ========================================
   FOOTER - NEXUS Batalha de Bots
   ======================================== */

.footer {
    height: var(--footer-height);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-top: 1px solid rgba(27, 54, 93, 0.1);
    z-index: 1000;
    display: flex;
    align-items: center;
}

.footer-content {
    width: 100%;
    padding: var(--spacing-sm) 10px; /* Espaçamento mínimo de 10px */
    display: flex;
    justify-content: flex-start; /* Alinha o conteúdo à esquerda */
    align-items: center;
}

.footer-content p {
    margin: 0;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-color);
    opacity: 0.7;
}

.footer-content a {
    color: var(--text-color);
    text-decoration: none;
    opacity: 0.8;
    transition: opacity var(--transition-normal, 0.3s ease), color var(--transition-normal, 0.3s ease);
}

.footer-content a:hover {
    opacity: 1;
    color: var(--text-color);
}

.whatsapp-link {
    font-weight: 500;
    color: #0A1F3D; /* Azul escuro */
    display: inline-flex;
    align-items: center;
    gap: 0.3rem; /* Espaço entre texto e ícone */
}

.whatsapp-link:hover {
    color: #000000; /* Preto ao passar o mouse */
    opacity: 1;
}

.whatsapp-link .fab {
    font-size: 1.1rem; /* Tamanho do ícone */
}