/* ==========================================================
   Estilos Principales - WISP SpeedTest & Diagnóstico
   ========================================================== */

:root {
  --bg-main: #020617;
  --bg-card: #0f172a;
  --border-color: #1e293b;
  --accent-cyan: #06b6d4;
  --accent-indigo: #6366f1;
  --accent-emerald: #10b981;
}

body {
  background-color: var(--bg-main);
  color: #f8fafc;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.gauge-circle {
  stroke-dasharray: 283;
  transition: stroke-dashoffset 0.25s ease-out, stroke 0.3s ease;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

@keyframes pulse-subtle {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.85; transform: scale(1.02); }
}

.animate-pulse-subtle {
  animation: pulse-subtle 3s infinite ease-in-out;
}