.reto-card{width:100%;max-width:640px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:18px;border-radius:22px;background:#fff0f6;border:2px solid #f8c7dc;text-align:left}
.reto-card.sci{background:#ebfaf4;border-color:#a8e3cb}
.reto-icon{font-size:clamp(48px,12vw,68px);line-height:1;animation:retoBob 2.4s ease-in-out infinite}
.reto-body{display:grid;gap:10px;min-width:0}
.reto-body>small{font-weight:1000;letter-spacing:.04em;color:#b3266b;font-size:12px}
.reto-card.sci .reto-body>small{color:#0d7a55}
.reto-steps{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.reto-steps li{padding:8px 12px;border-radius:999px;background:#fff;border:2px solid #f3d3e2;font-weight:900;color:#8a6a7a;transition:transform .3s ease,background .3s ease}
.reto-card.sci .reto-steps li{border-color:#c9eedf;color:#4c7a68}
.reto-steps li.on{background:#d6336c;border-color:#d6336c;color:#fff;transform:scale(1.08)}
.reto-card.sci .reto-steps li.on{background:#15946f;border-color:#15946f}
.reto-steps li.done{background:#fff;color:#2b8a5e;border-color:#9fdcc5}
.reto-tools{display:flex;flex-wrap:wrap;gap:8px}
.reto-tools button{min-height:46px;padding:8px 14px;border-radius:14px;border:2px solid var(--line);background:#fff;font-weight:900;color:var(--ink);cursor:pointer}
.reto-tools button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.reto-remind{padding:10px 14px;border-radius:14px;background:#fff8e6;border:2px dashed #ffd27a}
.reto-remind ol{margin:6px 0 0;padding-left:20px;display:grid;gap:4px}
.reto-reveal{margin:0;padding:10px 12px;border-radius:14px;background:#ffffffb3;color:var(--muted);font-weight:700}
.reto-card.right .reto-reveal{background:#e6fbf3;color:var(--ink)}
.reto-card.retry .reto-reveal{background:#eef5ff;color:var(--ink)}
.reto-badge{display:block;font-weight:1000;margin-bottom:4px}
.reto-concept span{font-size:22px}
.reto-card.right .reto-icon{animation:retoPop .6s ease}
@keyframes retoBob{50%{transform:translateY(-6px) rotate(-4deg)}}
@keyframes retoPop{50%{transform:scale(1.25)}}
@media(max-width:520px){.reto-card{grid-template-columns:1fr;justify-items:center;text-align:center}.reto-steps,.reto-tools{justify-content:center}}
@media(prefers-reduced-motion:reduce){.reto-icon,.reto-card.right .reto-icon{animation:none}.reto-steps li{transition:none}}