/* Mi día · one exercise above Historial (exercise-spot.js): the Entrenar stage, small. */
.progress-history > .exercise-spot { margin:0; padding:16px; min-width:0; border-top:1px solid #e7ede9; }
.exercise-spot-card { overflow:hidden; border-radius:20px; background:#132c26; color:#eef9f2; }
/* The renders are 4:3 on the card's color; their lit floor fades out at the bottom edge. */
.exercise-spot-media { position:relative; aspect-ratio:4/3; overflow:hidden; background:#132c26; cursor:pointer; }
.exercise-spot-media :is(img,video) { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; -webkit-mask-image:linear-gradient(#000 92%,transparent); mask-image:linear-gradient(#000 92%,transparent); }
.exercise-spot-poster:not([src]) { visibility:hidden; }
.exercise-spot-video[data-visible=false] { opacity:0; pointer-events:none; }
.exercise-spot-video { transition:opacity .3s; }
.exercise-spot-badge { position:absolute; top:10px; right:10px; display:inline-flex; align-items:center; gap:4px; padding:4px 9px 4px 7px; border-radius:999px; background:#0b1d1999; color:#dcf3ac; font-size:12px; font-weight:700; line-height:1; letter-spacing:.2px; pointer-events:none; }
.exercise-spot-badge svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.exercise-spot-body { display:grid; gap:12px; padding:4px 14px 14px; }
.exercise-spot-name { margin:0; font-size:17px; font-weight:650; line-height:1.25; letter-spacing:-.2px; color:#eef9f2; overflow-wrap:anywhere; }
.exercise-spot-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.exercise-spot-actions a { display:flex; align-items:center; justify-content:center; min-height:44px; padding:8px 10px; border-radius:12px; font-size:15px; font-weight:650; line-height:1.2; text-align:center; text-decoration:none; }
.exercise-spot-open { background:#dcf3ac; color:#173c2b; }
.exercise-spot-open:hover { background:#e9f9c8; }
.exercise-spot-all { border:1px solid #ffffff3d; color:#eef9f2; }
.exercise-spot-all:hover { background:#ffffff12; }
.exercise-spot-actions a:focus-visible { outline:3px solid #dcf3ac; outline-offset:2px; }
@media (min-width:561px) and (max-width:1000px) {
  .progress-history > .exercise-spot { padding:18px 20px; }
  .exercise-spot-card { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); align-items:center; }
  .exercise-spot-body { padding:16px 18px; gap:14px; }
  .exercise-spot-name { font-size:20px; }
  .exercise-spot-actions { grid-template-columns:minmax(0,1fr); }
}
/* Two columns: progress on the left; the exercise, Constancia and Historial share the right column. */
@media (min-width:1001px) {
  #page-hoy #progressHistory { grid-template-rows:auto auto 1fr; row-gap:0; }
  .progress-history > .trend-card { grid-column:1; grid-row:1 / 4; }
  .progress-history > .exercise-spot { grid-column:2; grid-row:1; padding:20px 20px 4px; border-top:0; border-left:1px solid #e7ede9; }
  .progress-history > .page-constancy { grid-column:2; grid-row:2; }
  .progress-history > .entries-section { grid-column:2; grid-row:3; }
}
@media (prefers-reduced-motion:reduce) { .exercise-spot-video { transition:none; } }