/* musculo.css · lo que solo tiene la guía del músculo
   ────────────────────────────────────────────────────────────────────
   Reglas sacadas del CSS de la página original para las cajas que no aparecen en
   las otras guías de la familia (`infog`, `nueve`, `dato`, `sinceridad`, `picto`,
   las flechas verde y roja…). Lo genera scripts/preparar-css.py leyendo (solo
   lectura) site/musculo/index.html y comprobando qué clases del HTML construido
   se quedaban sin regla. NO se edita a mano: se regenera.
   ──────────────────────────────────────────────────────────────────── */

/* Variables que el proyecto no definía en guias.css ni en tema.css */
:root {
}

.badge-evid { display:inline-block;background:var(--bg3);border:1px solid var(--line2);border-radius:999px;padding:.08rem .5rem;font-size:.68rem;font-weight:700;color:var(--txt3);white-space:nowrap;vertical-align:middle;margin-left:.3rem }
table.tabla-cartas details.sinceridad { margin:.45rem 0 0 }
table.tabla-cartas details.sinceridad>summary { cursor:pointer;list-style:none;color:var(--amber);font-weight:700;font-size:.8rem;line-height:1.5 }
table.tabla-cartas details.sinceridad>summary::-webkit-details-marker { display:none }
table.tabla-cartas details.sinceridad>summary::before { content:'\25B8  ' }
table.tabla-cartas details.sinceridad[open]>summary::before { content:'\25BE  ' }
table.tabla-cartas details.sinceridad p { font-size:.85rem;line-height:1.55;color:var(--txt2);margin:.5rem 0 0 }
table.tabla-cartas details.sinceridad p:last-child { margin-bottom:0 }
.tabla-scroll { overflow-x:auto;-webkit-overflow-scrolling:touch }
.tabla-scroll:focus-visible { outline:2px solid var(--amber);outline-offset:2px;border-radius:4px }
.dato { background:var(--card);border:1px solid var(--line2);border-left:5px solid var(--amber); border-radius:var(--r);padding:.95rem 1.05rem;margin:1.1rem 0 }
.dato .dato-n { font-size:clamp(2.1rem,8vw,3rem);font-weight:900;line-height:1;letter-spacing:-.03em;color:var(--amber) }
.dato .dato-n.verde { color:var(--green) }
.dato .dato-n.rojo { color:var(--red) }
.dato .dato-n.azul { color:var(--blue) }
.dato .dato-n.teal { color:var(--teal) }
.dato .dato-t { font-size:.98rem;color:var(--txt);margin:.5rem 0 0;line-height:1.55 }
.dato .dato-f { display:block;font-size:.76rem;color:var(--txt3);margin-top:.55rem;line-height:1.45 }
.graf-t { font-size:.92rem;font-weight:800;color:var(--txt);margin:0 0 .65rem;line-height:1.45 }
.picto { display:grid;grid-template-columns:repeat(10,1fr);gap:3px;max-width:230px }
.picto i { display:block;height:14px;border-radius:2px;background:var(--line2) }
.picto i.on { background:var(--amber) }
.picto-wrap { display:flex;gap:1.1rem;align-items:flex-start;flex-wrap:wrap }
.picto-wrap .graf-pie { margin:0;flex:1 1 11rem }
.doble { display:flex;align-items:stretch;gap:.5rem;flex-wrap:wrap;margin:.4rem 0 0 }
.doble .fig { background:var(--bg3);border:1px solid var(--line2);border-radius:var(--r2); padding:.6rem .7rem;flex:1 1 7.5rem;text-align:center }
.doble .fig b { display:block;font-size:1.02rem;color:var(--txt);line-height:1.25 }
.doble .fig span { display:block;font-size:.78rem;color:var(--txt2);margin-top:.25rem;line-height:1.4 }
.doble .fl { display:flex;align-items:center;color:var(--amber);font-weight:900;font-size:1.25rem }
@media (max-width:640px) {
  .doble .fig { flex:1 1 100% }
  .doble .fl { justify-content:center;width:100% }
}
details.pliegue { border-left: 3px solid var(--borde, #2a3140); padding-left: 10px; margin: 14px 0; }
details.pliegue > summary { cursor: pointer; font-weight: 600; line-height: 1.45; padding: 4px 0; }
details.pliegue > summary::marker { color: var(--amber); }
details.pliegue[open] > summary { margin-bottom: 10px; }
details.pliegue { border-left: 3px solid var(--borde, #2a3140); padding-left: 10px; margin: 14px 0; }
details.pliegue > summary { cursor: pointer; font-weight: 600; line-height: 1.45; padding: 4px 0; }
details.pliegue > summary::marker { color: var(--amber); }
details.pliegue[open] > summary { margin-bottom: 10px; }
.nueve { display:grid;gap:.7rem;margin-top:1.2rem }
.nueve-item { display:flex;gap:.8rem;align-items:flex-start;background:var(--card); border:1px solid var(--line2);border-radius:var(--r);padding:.8rem .95rem }
.nueve-item .n { flex:0 0 auto;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--amber); color:#0b0e14;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:.85rem }
.nueve-item p { margin:0;font-size:.93rem;line-height:1.55 }
ol.refs li .ref-n { flex:0 0 auto;min-width:1.6rem;font-weight:900;color:var(--amber) }
.pliegue[data-plano] { border-left:3px solid var(--borde, #2a3140);padding-left:10px;margin:14px 0 }
.pliegue[data-plano]>.pf-cab { font-weight:600;line-height:1.45;padding:4px 0;margin:0 0 10px }
table.tabla-cartas .sinceridad[data-plano] { margin:.45rem 0 0 }
table.tabla-cartas .sinceridad[data-plano]>.pf-cab { color:var(--amber);font-weight:700;font-size:.8rem;line-height:1.5;margin:0;padding:0 }
table.tabla-cartas .sinceridad[data-plano] p { font-size:.85rem;line-height:1.55;color:var(--txt2);margin:.5rem 0 0 }
table.tabla-cartas .sinceridad[data-plano] p:last-child { margin-bottom:0 }
.infog .ficha-mini[data-plano],.ficha-mini[data-plano] { border-color:var(--line2);background:#121722;grid-column:1/-1 }
.infog .ficha-mini[data-plano]>.pf-cab { display:flex;align-items:center;gap:.55rem;flex-wrap:wrap; padding:.45rem .6rem;text-align:center }
.infog .ficha-mini[data-plano]>.pf-cab b { flex:1 1 10rem;font-size:.85rem;display:block;font-weight:600; margin-top:.2rem;line-height:1.2;color:var(--amber) }
.infog .ficha-mini[data-plano]>.pf-cab .chip { width:auto;max-width:100%;padding:4px 6px;min-width:0 }
@media (max-width:620px) {
  .infog .ficha-mini[data-plano]>.pf-cab { text-align:left }
  .infog .ficha-mini[data-plano]>.pf-cab b { display:inline;margin:0 }
  .infog .ficha-mini[data-plano]>.pf-cab .chip { flex:0 0 auto }
}
.infog { display:grid;gap:.7rem;margin:.6rem 0 1.2rem }
.infog-bloque { background:var(--card);border:1px solid var(--line2);border-radius:var(--r);padding:.8rem .95rem }
.infog-cab { display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-bottom:.5rem }
.infog-n { flex:0 0 auto;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--amber);color:#0b0e14; font-weight:900;display:flex;align-items:center;justify-content:center;font-size:.8rem }
.infog-dosis { margin-left:auto;font-size:.78rem;color:var(--amber);font-weight:700 }
.par .flecha { color:var(--amber);font-size:1rem }
.infog-pie { margin:.5rem 0 0;font-size:.78rem;color:var(--txt2);line-height:1.5 }
@media(max-width:620px) {
  .infog-dosis { margin-left:0;flex:1 1 100% }
}
.infog .ficha-mini { margin:.35rem 0;border:1px solid var(--line2);border-radius:var(--r);background:rgba(255,255,255,.02) }
.infog .ficha-mini > summary { display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;padding:.45rem .6rem;cursor:pointer }
.infog .ficha-mini > summary b { flex:1 1 10rem;font-size:.85rem }
.infog .ficha-mini .flecha { color:var(--amber);font-size:1rem }
.infog .ficha-mini .pasos { padding:.1rem .7rem .8rem }
.infog .ficha-mini .pasos p { margin:0;font-size:.8rem;color:var(--txt2);line-height:1.55 }

/* ══════════════════════════════════════════════════════════════════════════
   Fichas de ejercicio · Día A, Día B y «fuera de la sesión» (Parte 1)

   Las tres tablas de ejercicios de la Parte 1 dejan de ser tablas: cada fila
   (que llevaba un <details> dentro de una celda) pasa a ser una ficha con el
   nombre del ejercicio como encabezado, la dosis/carga/para qué en líneas
   etiquetadas —las mismas palabras que usaba la cabecera de la tabla— y el
   desplegable de fuente como `??? note`, que es el mecanismo que ya usaba el
   resto del fichero. La caja es la misma que .infog-bloque, para que la
   sección se lea como las otras tarjetas de la página.
   ══════════════════════════════════════════════════════════════════════════ */
.ficha { background:var(--card);border:1px solid var(--line2);border-radius:var(--r,16px);padding:.9rem 1rem;margin:.8rem 0 }
.ficha-cab { margin:0;line-height:1.5 }
.ficha-cab img { height:40px;width:auto;vertical-align:middle }
.ficha-cab .flecha { color:var(--amber);vertical-align:middle }
.ficha-cab .badge-evid { margin-left:.35rem }
.ficha-cab strong { font-size:1rem }
.ficha-datos { margin:.4rem 0 0;font-size:.92rem;line-height:1.55 }
.ficha-datos + .ficha-datos { margin-top:.15rem }
.ficha-datos b { color:var(--txt2);font-weight:700 }
.ficha > details.note { margin:.7rem 0 0 }
/* Las dos tarjetas de técnica de la Parte 1 llevan las miniaturas y el nombre
   dentro de la cabecera del desplegable (como el `<summary>` original): hay que
   darles alto, porque el SVG mide 385×512 y sin tope llenaría la caja. */
.ficha details.note > summary .chip { width:auto;max-width:100%;padding:4px 6px;min-width:0 }
.ficha details.note > summary .chip img { height:56px;width:auto;display:block }
.ficha details.note > summary .flecha { color:var(--amber);vertical-align:middle }
.ficha .ficha-mini[data-plano] { margin:.6rem 0 0;border:1px solid var(--line2);border-radius:var(--r,16px);background:var(--bg3) }
.ficha .ficha-mini[data-plano]>.pf-cab { display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin:0;padding:.45rem .6rem }
.ficha .ficha-mini[data-plano]>.pf-cab b { flex:1 1 10rem;font-size:.85rem;font-weight:600;color:var(--amber);line-height:1.3 }
.ficha .ficha-mini[data-plano]>.pf-cab .chip { width:auto;max-width:100%;padding:4px 6px;min-width:0 }
.ficha .ficha-mini .pasos { padding:.1rem .7rem .8rem }
.ficha .ficha-mini .pasos p { margin:0;font-size:.82rem;color:var(--txt2);line-height:1.55 }
@media (max-width:620px) {
  .ficha { padding:.8rem .85rem }
  .ficha .ficha-mini[data-plano]>.pf-cab { text-align:left }
  .ficha .ficha-mini[data-plano]>.pf-cab b { display:inline;margin:0 }
}