/* =====================================================
   LISTA DE SKILLS
===================================================== */

.lista-skills {
    list-style: none;
}

.lista-skills li {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.85), rgba(11, 17, 32, 0.85));
    margin-bottom: 10px;
    padding: 12px 16px;
    border-radius: 10px;
    border: 1px solid rgba(56, 189, 248, 0.15);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

/* ===================================================
    Cards dos documentos do curso 
=====================================================*/

.documentos-cards {
    display: flex;
    /* Coloca os cards lado a lado */
    gap: 15px;
    /* Espaço entre os cards */
    margin-top: 15px;
    /* Espaço acima da linha de cards */
    flex-wrap: wrap;
    /* Permite quebrar linha se não couber na tela */
    justify-content: flex-start;
    /* Cards começam alinhados à esquerda */
}

.documentos-cards .card {
    width: 180px;
    /* Tamanho menor dos cards */
    padding: 10px;
    /* Reduz padding interno */
    text-align: center;
    /* Texto centralizado */
    font-size: 0.95rem;
    /* Ajusta tamanho da fonte */
    border-radius: 10px;
    /* Mesma aparência dos outros cards */
    border: 1px solid rgba(124, 140, 255, 0.12);
    background: linear-gradient(180deg, rgba(18, 18, 18, 0.98), rgba(10, 10, 10, 0.98));
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.documentos-cards .card:hover {
    transform: translateY(-3px);
    /* Pequena elevação ao passar o mouse */
    border-color: rgba(124, 140, 255, 0.32);
    box-shadow: 0 0 18px rgba(124, 140, 255, 0.12);
}