/* Estilos específicos para a seção de Missão, Visão e Valores */

.mission-card, .vision-card, .values-card {
    transition: all 0.4s ease;
    border-radius: 12px;
    overflow: hidden;
    border: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.mission-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(26, 115, 232, 0.15);
    border-top: 3px solid #1a73e8;
}

.vision-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(32, 201, 151, 0.15);
    border-top: 3px solid #20c997;
}

.values-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(253, 126, 20, 0.15);
    border-top: 3px solid #fd7e14;
}

.mission-card .icon-box {
    background: rgba(26, 115, 232, 0.1);
}

.vision-card .icon-box {
    background: rgba(32, 201, 151, 0.1);
}

.values-card .icon-box {
    background: rgba(253, 126, 20, 0.1);
}

.mission-card .icon-box i {
    color: #1a73e8;
}

.vision-card .icon-box i {
    color: #20c997;
}

.values-card .icon-box i {
    color: #fd7e14;
}

.values-card ul li {
    margin-bottom: 0.75rem;
    padding-left: 0.5rem;
}

/* Animações para os cards */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.mission-card, .vision-card, .values-card {
    animation: fadeInUp 0.8s ease forwards;
}

.mission-card {
    animation-delay: 0.1s;
}

.vision-card {
    animation-delay: 0.3s;
}

.values-card {
    animation-delay: 0.5s;
}

/* Responsividade */
@media (max-width: 767.98px) {
    .mission-card, .vision-card, .values-card {
        margin-bottom: 1.5rem;
    }
}