/* «· SEGUNDO PEDIDO» EN CLIENTES (JB, 26-oct-2026: «Que pulsar la cifra de un paso abra el panel de la app con esos negocios,
   listos para llamarlos»). La pinta assets/js/segundo-pedido.js, arriba de Clientes, solo cuando se llega desde la Biblia.
   Las tarjetas son las de «Por revisar» y Fundadores (.rv-av, .pd-losa, .rv-btn, .fu-lista, .fu-llamada): aquí solo va la
   cabecera, con la pestaña del paso igual que en la Biblia (tinta sobre la tarjeta; en oscuro se invierte sola). */
#sp{ display:block; margin:0 0 28px; }
#sp[hidden]{ display:none; }
.sp-cab{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin:0 0 14px; }
.sp-titulo{ display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin:0; font-size:22px; font-weight:800; line-height:1.2; color:var(--tx); }
.sp-pestana{ display:inline-flex; align-items:center; height:30px; padding:0 12px; border-radius:6px; background:var(--tx); color:var(--sf);
  font-size:14px; font-weight:800; letter-spacing:.05em; line-height:1; white-space:nowrap; }
.sp-sub{ margin:6px 0 0; font-size:15px; font-weight:600; color:var(--tx-2); }
.sp-cab .btn{ height:40px; flex-shrink:0; }
/* La lista y la última llamada, como en Fundadores (assets/fundadores.css): aquí ceñidas a #sp para no depender de que esa pieza
   esté publicada, y sin chocar cuando lo esté (mismos valores). */
#sp .fu-lista{ display:flex; flex-direction:column; gap:10px; }
#sp .fu-llamada{ display:flex; gap:8px; align-items:baseline; margin-top:8px; font-size:14px; line-height:1.4; color:var(--tx); }
#sp .fu-llamada > i{ color:#15803d; font-size:13px; flex:none; }
#sp .fu-llamada b{ font-weight:700; }
#sp .fu-ll-de{ color:var(--tx-2); font-weight:600; }
/* En el móvil, Pedidos pone `.pd-losa{ grid-area:losa }` para SU rejilla; aquí ese nombre no existe y la losa abría columnas de más
   (medido a 390 px: 91 · 0 · 201 px). La misma salida que «Por revisar» ya tiene en main, ceñida a esta pantalla. */
#sp .rv-fila > .pd-losa{ grid-area:auto; }