/* Respuestas que convierten · @axeljuca. Se apoya en /diagnostico/assets/base.css */
.opc{font-weight:400;color:var(--gris)}
.etq{display:block;font-weight:800;margin:0 0 8px}
.hoja.sube{position:relative}
.marca-fija{position:absolute;top:clamp(20px,4vw,40px);right:clamp(20px,4vw,40px);font:800 .8rem/1 "Figtree",sans-serif;color:var(--ciruela);opacity:.7}
.t-elige{margin:30px 0 14px;padding-top:24px;border-top:1px solid var(--linea);font-size:clamp(1.5rem,4vw,2.1rem)}
.situaciones{display:flex;flex-wrap:wrap;gap:8px}
.sit{border:1.5px solid #CFC9BD;border-radius:999px;padding:10px 16px;background:var(--papel);font:700 .98rem/1.2 "Figtree",sans-serif;color:var(--tinta);cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.sit:hover{transform:translateY(-2px);border-color:var(--tinta)}
.sit:active{transform:translateY(0)}
.sit[aria-checked="true"]{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}
.respuestas{display:grid;gap:14px;margin:24px 0 10px}
@media(min-width:820px){.respuestas{grid-template-columns:1fr 1fr}}
.resp{background:var(--suave);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px}
.resp h3{font-size:1rem;font-family:"Figtree",sans-serif;text-transform:none;letter-spacing:0;color:var(--ciruela)}
.resp .burbuja{background:#fff;border:1px solid var(--linea);border-radius:16px 16px 16px 4px;padding:14px 16px;white-space:pre-line;font-size:1.02rem;line-height:1.5;flex:1}
.resp .burbuja .hueco{background:#FFE9E0;border-radius:4px;padding:0 3px}
.resp .btn{align-self:flex-start;min-height:44px;padding:10px 18px}
.btn{transition:transform .12s ease,filter .12s ease}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(1px) scale(.98)}
.tp-ok{min-height:1.4em;margin:12px 0 0;font-weight:700;color:var(--ciruela)}
@media(prefers-reduced-motion:reduce){.sit,.btn{transition:none}.sit:hover,.btn:hover{transform:none}}