.activities-container {background: white;height: 100%;display: flex;flex-direction: column;position: relative;overflow: hidden;}.activities-header {background: var(--color-primary, #003366);color: white;padding: 1rem;position: relative;flex-shrink: 0; }.activities-header::after {content: '';position: absolute;bottom: -10px;left: 0;right: 0;height: 10px;background: linear-gradient(to bottom, rgba(0,0,0,0.1), transparent);}.activities-title {margin: 0;font-size: 1.2em;font-weight: 600;line-height: 1.2;}.activities-subtitle {margin-top: 0.25rem;font-size: 0.85em;opacity: 0.9;}.activities-list {list-style: none;padding: 0.75rem;margin: 0;flex-grow: 1;display: flex;flex-direction: column;gap: 0.5rem;overflow-y: auto; max-height: calc(100% - 80px); }.activities-list::-webkit-scrollbar {width: 6px;}.activities-list::-webkit-scrollbar-track {background: #f1f1f1;}.activities-list::-webkit-scrollbar-thumb {background: var(--color-primary, #003366);border-radius: 3px;}.activity-item {display: flex;flex-direction: column;gap: 0.25rem;padding: 0.5rem;border-radius: 6px;transition: all 0.3s ease;cursor: pointer;position: relative;max-height: 100px; }.activity-item:hover {background: rgba(0,51,102,0.05);}.activity-item::before {content: '';position: absolute;left: -0.25rem;top: 50%;transform: translateY(-50%);width: 3px;height: 0;background: var(--color-primary, #003366);transition: height 0.3s ease;}.activity-item:hover::before {height: 80%;}.activity-date {color: var(--color-primary, #003366);font-size: 0.8em;font-weight: 600;display: flex;align-items: center;gap: 0.5rem;flex-shrink: 0; }.activity-date::before {content: '';display: inline-block;width: 8px;height: 8px;background: var(--color-primary, #003366);border-radius: 50%;flex-shrink: 0;}.activity-content {display: flex;flex-direction: column;gap: 0.25rem;overflow: hidden; }.activity-title {color: #333;font-weight: 500;font-size: 0.95em;text-decoration: none;line-height: 1.3;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}.activity-title:hover {color: var(--color-primary, #003366);}.noticia-med.activities {background: transparent;height: 400px; }@media (max-width: 768px) {.activities-header {padding: 0.75rem;}.activities-list {padding: 0.5rem;}.activity-item {padding: 0.5rem;min-height: 50px;}}