@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    background-color: #F8FAFC;
    color: #1E293B;
}

/* Colores institucionales */
.bg-institutional {
    background-color: #0F172A; /* Azul marino elegante */
}

.text-institutional {
    color: #1E3A8A;
}

/* Logotipo Circular perfecto */
.logo-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #3B82F6;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.logo-circle-sm {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #3B82F6;
}

/* Tarjetas de Miembros */
.member-card {
    transition: all 0.3s ease;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
}

.member-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px -5px rgba(30, 58, 138, 0.1);
    border-color: #93C5FD;
}