/**
 * CSS FIX para Card Visão
 * Adiciona card Visão ao mesmo padrão de Missão e Valores
 */

/* ========================================
   FIX: Scroll com offset para âncoras
   ======================================== */
#historia,
#missao,
#valores,
#visao {
    scroll-margin-top: 200px; /* Offset para header fixo + margem para mostrar card completo */
}

/* DESABILITA scroll suave - força reload */
html {
    scroll-behavior: auto !important;
}

/* Posicionamento do ícone no canto superior direito */
.sobre-nos-page .visao-card .card-icon {
    position: absolute;
    top: var(--sn-space-xl);
    right: var(--sn-space-xl);
    margin-bottom: 0;
}

/* Ajuste do título para não conflitar com o ícone */
.sobre-nos-page .visao-card .card-titulo {
    padding-right: 80px;
}

/* Linha decorativa abaixo do título */
.sobre-nos-page .visao-card .card-titulo::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(135deg, var(--sn-client-accent, #718096) 0%, var(--sn-client-light, #A0AEC0) 100%);
    border-radius: 2px;
}

/* Animação de entrada */
.sobre-nos-page .visao-card {
    animation: slideInUp 0.8s ease-out 0.8s both;
}

/* Responsivo */
@media (max-width: 768px) {
    .sobre-nos-page .visao-card .card-icon {
        top: var(--sn-space-lg);
        right: var(--sn-space-lg);
    }
    
    .sobre-nos-page .visao-card .card-titulo {
        padding-right: 60px;
    }
}