/**
 * Estilos Personalizados - Repositorio de Proyectos
 */

:root {
    --burgundy: #800020;
    --offwhite: #F9FAFB;
}

body {
    background-color: var(--offwhite);
    color: #1e293b; /* slate-800 */
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
}

.student-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.student-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.student-card:hover .avatar-container {
    transform: scale(1.05);
}

.group-section {
    scroll-margin-top: 100px;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.avatar-container {
    transition: transform 0.3s ease;
}