Comisiones Regionales

:root { –primary-color: #2c3e50; –secondary-color: #FF691B; –accent-color: #e74c3c; –light-color: #ecf0f1; –text-color: #333; –shadow: 0 5px 15px rgba(0,0,0,0.08); –transition: all 0.3s ease; } .team-section { max-width: 1200px; margin: 0 auto; } .team-container { display: flex; flex-direction: column; gap: 25px; align-items: center; } .row { display: flex; justify-content: center; gap: 25px; width: 100%; } .row-center { justify-content: center; } .member-card { background: white; border-radius: 12px; overflow: hidden; box-shadow: var(–shadow); transition: var(–transition); width: 100%; max-width: 320px; display: flex; flex-direction: column; height: 100%; } .card-header { display: flex; align-items: center; padding: 20px; background: linear-gradient(135deg, var(–primary-color) 0%, #1a2530 100%); color: white; } .member-image { width: 80px; height: 80px; border-radius: 50%; overflow: hidden; margin-right: 15px; border: 3px solid rgba(255,255,255,0.2); flex-shrink: 0; } .member-image img { width: 100%; height: 100%; object-fit: cover; } .member-info { flex: 1; } .member-name { font-size: 1.5rem; margin-bottom: 5px; font-weight: 600; color: #ffffff !important; } .member-role { display: inline-block; background: rgba(255,255,255,0.2); color: white; padding: 3px 10px; border-radius: 15px; font-size: 1.2rem; font-weight: 500; } .card-content { padding: 20px; flex: 1; display: flex; flex-direction: column; } .member-zone { color: var(–secondary-color); font-weight: 600; margin-bottom: 15px; font-size: 1.2rem; } .member-university { color: #666; font-size: 1.2rem; margin-top: auto; padding-top: 15px; border-top: 1px solid #eee; } /* Responsividad */ @media (max-width: 768px) { .row { flex-wrap: wrap; gap: 20px; } .section-title { font-size: 1.8rem; } .card-header { padding: 15px; } .member-image { width: 70px; height: 70px; } } @media (max-width: 480px) { .row { flex-direction: column; align-items: center; } .section-title { font-size: 1.6rem; } }