/* ===== Punto rojo que recorre el circuito =====
   Animado con offset-path (motion path) en CSS: corre en el compositor
   del navegador, por lo que se mantiene perfectamente fluido aunque el
   hilo principal esté ocupado cargando la página (que es exactamente
   cuando se muestra este loader). loading.js queda solo como fallback
   para navegadores sin soporte de offset-path. */
#paddock-dot-ring,
#paddock-dot-main,
#paddock-dot-core {
  offset-path: path("M 7061 6144 c -47 -14 -139 -47 -205 -74 c -67 -27 -310 -123 -541 -214 c -1096 -428 -1487 -576 -1841 -694 c -263 -89 -383 -137 -489 -199 c -126 -74 -415 -282 -705 -508 c -332 -259 -421 -312 -570 -340 c -254 -47 -359 -117 -459 -306 c -24 -46 -63 -111 -86 -144 c -24 -33 -253 -268 -509 -523 c -524 -520 -542 -542 -698 -848 c -77 -150 -290 -615 -285 -620 c 2 -2 43 23 92 55 c 50 33 218 141 375 241 c 503 322 850 561 1150 791 c 91 69 179 133 196 142 c 142 73 294 -31 283 -192 c -3 -36 0 -51 9 -51 c 30 0 773 166 942 211 c 152 40 264 89 510 222 c 420 227 468 249 611 270 c 68 9 95 8 216 -12 c 276 -44 540 -127 796 -248 c 194 -91 270 -135 342 -192 c 101 -80 229 -241 380 -476 c 299 -467 484 -679 797 -915 c 207 -156 359 -233 610 -306 c 97 -28 147 -37 235 -41 c 107 -6 115 -5 168 21 c 32 16 71 46 92 71 c 110 132 293 420 293 462 c 0 83 -97 154 -385 283 c -175 78 -342 163 -414 212 c -114 77 -172 162 -193 288 c -15 86 -2 155 61 330 c 33 91 41 123 36 155 c -8 54 -45 99 -107 129 c -97 46 -765 249 -1066 322 c -224 55 -316 89 -441 163 c -133 79 -210 157 -261 262 c -66 139 -82 217 -87 426 c -7 268 22 377 128 480 c 113 109 194 142 589 238 c 306 75 508 128 650 172 c 144 45 608 227 715 281 c 136 69 259 76 366 21 c 54 -27 72 -47 236 -262 c 153 -201 210 -263 248 -273 c 38 -9 96 16 117 52 c 36 62 22 83 -378 544 c -321 370 -447 510 -478 527 c -47 27 -148 4 -316 -73 c -236 -107 -355 -92 -483 61 c -65 78 -101 105 -137 104 c -14 0 -63 -11 -109 -25 z");
  offset-rotate: 0deg;
  will-change: transform;
  animation: circuitTravel 4.2s linear infinite;
}

/* Mismo sentido de recorrido que tenía el JS: del final al inicio del trazado */
@keyframes circuitTravel {
  from { offset-distance: 100%; }
  to   { offset-distance: 0%; }
}

/* Pulso sonar del anillo (antes SMIL <animate>; en CSS queda sincronizado
   y sin depender del hilo principal) */
#paddock-dot-ring {
  animation:
    circuitTravel 4.2s linear infinite,
    ringPulse 1s ease-out infinite;
}
@keyframes ringPulse {
  0%   { r: 200px; opacity: 0.7; }
  50%  { r: 600px; opacity: 0; }
  100% { r: 200px; opacity: 0.7; }
}

.paddock-letter {
      display: inline-block;
      color: #94a3b8;
      font-weight: bold;
      font-size: 1.125rem;
      text-transform: uppercase;
      animation: letterPulse 1.2s ease-in-out infinite;
      backface-visibility: hidden;
    }
    @keyframes letterPulse {
      0%, 80%, 100% { opacity: 0.2; transform: scale(0.8) translateY(0); }
      40%            { opacity: 1;   transform: scale(1.2) translateY(-3px); }
    }