
/* TSP v0.7 — problema visible y respuesta identificable sin interacción. */
.challenge-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin:21px 0 20px}
.challenge-shortcuts a{font-size:11.5px;font-weight:800;border-radius:50px;background:#f7eefc;color:var(--brand-purple);border:1px solid #e8d8f2;padding:9px 11px;transition:background .2s,transform .2s}
.challenge-shortcuts a span{opacity:.7;margin-left:4px}
.challenge-shortcuts a:hover,.challenge-shortcuts a:focus-visible{background:#efe2f9;transform:translateY(-2px)}
.challenge-card{min-height:478px}
.challenge-card .flip-top{margin-bottom:21px}
.challenge-card .flip-face h3{font-size:clamp(21px,1.9vw,27px);line-height:1.21;letter-spacing:-.02em;margin-bottom:11px}
.challenge-card .challenge-symptom{font-size:13px;line-height:1.58;margin:0 0 14px;color:var(--brand-gray)}
.challenge-answer{margin-top:auto;padding:13px 15px 13px;border-left:4px solid var(--brand-purple);border-radius:0 11px 11px 0;background:#f7eefb;display:grid;gap:3px}
.challenge-answer span{color:var(--brand-gray);font-weight:800;letter-spacing:.075em;text-transform:uppercase;font-size:10px}
.challenge-answer strong{display:block;color:var(--brand-gray);font-weight:800;font-size:13px;line-height:1.45}
.challenge-card:nth-child(2) .challenge-answer{background:#f1f7ec;border-color:var(--brand-green)}
.challenge-card:nth-child(2) .challenge-answer strong{color:var(--brand-gray)}
.challenge-card:nth-child(3) .challenge-answer{background:#fff3eb;border-color:var(--brand-orange)}
.challenge-card:nth-child(3) .challenge-answer strong{color:var(--brand-gray)}
.challenge-card .flip-control{margin-top:14px}
.challenge-card .flip-back h3{color:white}
.challenge-card .flip-back p{color:white;line-height:1.65}
#soluciones{background:linear-gradient(180deg,#faf7fd 0%,#f7f2fa 100%)}
#soluciones .section-head{max-width:790px}
#soluciones .section-head p{max-width:680px}
#rutas{padding-top:58px}
.subhero-signals{margin:20px 0 24px;padding:15px 17px;border-radius:16px;background:#faf6fd;border:1px solid #e9ddf2;max-width:650px}
.subhero-signals>strong{display:block;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--brand-purple);margin-bottom:8px}
.subhero-signals ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px}
.subhero-signals li{display:inline-flex;max-width:100%;font-size:11px;line-height:1.35;font-weight:700;color:#41334e;border-radius:50px;background:#fff;border:1px solid #eee4f2;padding:7px 10px}
@media (max-width:850px){.challenge-card{min-height:510px}.challenge-card .flip-face{padding:24px 22px}.challenge-card .flip-face h3{font-size:24px}}
@media (max-width:630px){.challenge-shortcuts{margin:15px 0 22px}.challenge-shortcuts a{font-size:10px;padding:8px 10px}.challenge-card{min-height:420px}.challenge-card .flip-face{padding:26px 25px}.challenge-card .flip-face h3{font-size:25px}.challenge-card .flip-top{margin-bottom:18px}.challenge-card .challenge-symptom{font-size:13px;line-height:1.52}.challenge-answer{padding:11px 13px}.subhero-signals{margin-top:16px;padding:13px}.subhero-signals li{font-size:10.5px}}
@media(prefers-reduced-motion:reduce){.challenge-shortcuts a{transition:none}}
