/* ============================================================
   Copa Piloto
   styles/copa-piloto.css
   Antes vivía dentro de index.html. Mismo contenido, sin cambios.
   ============================================================ */
    .cp-reglas-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}
    .cp-reglas-col{background:var(--fondo);border:1px solid var(--borde);border-radius:10px;padding:12px 14px;font-size:.8rem;color:var(--gris-4);line-height:1.7}
    .cp-reglas-col b{color:var(--negro)}
    .cp-reglas-tit{font-family:var(--font-secondary);font-weight:900;color:var(--negro);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
    .cp-reglas-neg .cp-reglas-tit{color:var(--rosa)}
    .cp-reglas-neg b{color:var(--rosa)}
    .cp-td-pos{font-weight:900;font-size:1rem;text-align:center;width:60px}
    .cp-td-puntos{font-weight:900;color:#0b8f6a;font-size:1rem}
    .cp-tr-podio.cp-podio-1{background:#fff8e1}
    .cp-tr-podio.cp-podio-2{background:#f5f5f5}
    .cp-tr-podio.cp-podio-3{background:#fdf0e6}
    /* Vista remoto: hero de posición */
    .cp-hero{background:linear-gradient(135deg,#0d1b2e 0%,#1a2a40 100%);border-radius:16px;padding:28px;margin-bottom:18px;box-shadow:0 4px 24px #0003;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
    .cp-hero-medalla{font-size:3.2rem;line-height:1}
    .cp-hero-pos{font-family:var(--font-display);letter-spacing:2px;color:#fff;font-size:1.6rem}
    .cp-hero-pos b{color:var(--verde)}
    .cp-hero-puntos{font-family:var(--font-display);color:var(--verde);font-size:2.4rem;letter-spacing:1px;margin:2px 0}
    .cp-hero-gap{font-family:var(--font-secondary);color:#ffffff8a;font-size:.82rem;font-weight:700}
    .cp-hero-gap b{color:#fff}
    /* Toggle semana/acumulado */
    .cp-toggle-wrap{display:flex;gap:8px;margin-bottom:16px}
    .cp-toggle-btn{border:1.5px solid var(--borde);background:var(--blanco);color:var(--gris-4);border-radius:999px;padding:8px 18px;font-family:var(--font-secondary);font-size:.8rem;font-weight:800;cursor:pointer;transition:all .15s}
    .cp-toggle-btn.active{background:var(--negro);border-color:var(--negro);color:var(--verde)}
    /* Pista de carrera animada */
    .cp-race-card{background:var(--blanco);border:1.5px solid var(--borde);box-shadow:var(--shadow);border-radius:14px;padding:20px 22px}
    .cp-race-titulo{font-family:var(--font-display);letter-spacing:1px;color:var(--negro);font-size:1rem;margin-bottom:16px}
    .cp-race-fila{display:flex;align-items:center;gap:12px;margin-bottom:14px}
    .cp-race-pos{width:34px;flex-shrink:0;font-weight:900;text-align:center;font-size:.85rem;color:var(--gris-4)}
    .cp-race-nombre{width:150px;flex-shrink:0;font-weight:800;font-size:.82rem;color:var(--negro);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .cp-race-pista{flex:1;background:var(--fondo);border-radius:999px;height:26px;position:relative;overflow:hidden}
    .cp-race-barra{position:absolute;left:0;top:0;height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#38CEA6,#0d7c5a);transition:width 1.1s cubic-bezier(.22,1,.36,1);display:flex;align-items:center;justify-content:flex-end;padding-right:8px}
    .cp-race-fila.cp-race-yo .cp-race-barra{background:linear-gradient(90deg,#D71D5C,#8f1140)}
    .cp-race-fila.cp-race-yo .cp-race-nombre{color:var(--rosa)}
    .cp-race-auto{position:absolute;top:50%;transform:translate(0,-50%);font-size:1.1rem;transition:left 1.1s cubic-bezier(.22,1,.36,1);left:0%}
    .cp-race-puntos{width:46px;flex-shrink:0;text-align:right;font-weight:900;color:#0b8f6a;font-size:.85rem}