/* estados-apis.css movido a css/ para seguir la estructura unificada */
@import url('./style.css');

/* Latencia coloreada */
.latency-fast   { color: var(--positive); }
.latency-medium { color: var(--accent-light); }
.latency-slow   { color: var(--negative); }

.status-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 0.4rem;
}

.status-dot.online {
    background: var(--positive);
    animation: status-pulse 2s ease-in-out infinite;
    box-shadow: 0 0 6px var(--positive);
}

.status-dot.offline { background: var(--negative); }

@keyframes status-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%       { opacity: 0.6; transform: scale(0.9); }
}