/* Compartido por el documento y el Shadow DOM de Mis peces. */
/* Paleta "B - Esquina suave" (2026-09-11); los tokens llevan valor de reserva
   porque esta hoja también viaja dentro del Shadow DOM de Mis peces. */
.cgp-audio-help{box-sizing:border-box;margin:0 0 20px;border:1px solid var(--cgp-line,#e2e8ee);border-radius:12px;background:#fff;color:var(--cgp-ink,#152d3c);font:14px/1.55 Arial,sans-serif;overflow:hidden}
/* Relieve mate "E" (2026-09-11): "Escuchar cómo se usa" es un control claro.
   No lleva línea propia: la tarjeta .cgp-audio-help ya dibuja el borde. */
.cgp-audio-help>summary{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 14px;cursor:pointer;font-weight:600;list-style:none;color:var(--cgp-ink,#152d3c);background-color:#fff;background-image:var(--cgp-relief-light,linear-gradient(180deg,#fff 0%,#f1f3f6 100%));box-shadow:var(--cgp-relief-inset-light,inset 0 1px 0 rgba(255,255,255,.9))}
.cgp-audio-help>summary:hover{background-image:none;background-color:var(--cgp-relief-light-hover,#eef0f3)}
.cgp-audio-help>summary::-webkit-details-marker{display:none}
.cgp-audio-help>summary>svg{color:var(--cgp-primary,#bd3548);flex-shrink:0}
.cgp-audio-help[open]>summary{border-bottom:1px solid var(--cgp-line,#e2e8ee);background-image:none;background-color:var(--cgp-surface-soft,#f4f6f8);box-shadow:none}
.cgp-audio-help .cgp-help-body{padding:14px}
.cgp-audio-help audio{display:block;width:100%;min-width:0;max-width:100%;height:54px}
.cgp-audio-help .cgp-help-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.cgp-audio-help .cgp-help-actions button{font:inherit;line-height:1.4;min-height:44px;padding:8px 12px;white-space:normal;border:1px solid var(--cgp-line,#e2e8ee);border-radius:var(--cgp-radius-btn,8px);background:#fff;color:var(--cgp-ink,#152d3c);cursor:pointer;box-shadow:none}
.cgp-audio-help .cgp-help-actions button:hover{border-color:var(--cgp-primary,#bd3548);background:#fbeef0}
.cgp-audio-help .cgp-help-transcript>summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600}
.cgp-audio-help ol{padding-left:24px;margin:8px 0 0;max-height:280px;overflow:auto;overscroll-behavior:contain}
.cgp-audio-help li{padding:8px 5px;margin:0;line-height:1.6;font-size:14px;color:var(--cgp-ink,#152d3c)}
.cgp-audio-help li[aria-current]{background:var(--cgp-teal-soft,#e7f1f4);border-radius:5px}
.cgp-audio-help [hidden]{display:none!important}
.cgp-audio-help [data-error]{color:var(--cgp-primary-dark,#a72b3d);font-size:14px;margin:10px 0}
.cgp-audio-help summary:focus-visible,.cgp-audio-help button:focus-visible{outline:2px solid var(--cgp-teal,#087b90);outline-offset:-3px}
.cgp-help-target{outline:2px solid var(--cgp-primary,#bd3548)!important;outline-offset:3px;scroll-margin-top:180px}
.cgp-help-pointer{position:fixed;z-index:99990;display:flex;align-items:center;box-sizing:border-box;width:32px;height:32px;color:var(--cgp-ink,#152d3c);font-family:Arial,sans-serif;pointer-events:none}
.cgp-help-pointer [data-finger]{font-size:29px;line-height:1;flex-shrink:0}
.cgp-help-pointer[hidden]{display:none!important}
.cgp-help-controls{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:99991;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 110px);padding:6px 10px;border:1px solid var(--cgp-dark,#152d3c);border-radius:12px;background:var(--cgp-dark,#152d3c);color:#fff;box-shadow:none;font:13px/1.4 Arial,sans-serif}
.cgp-help-controls>span{white-space:nowrap}.cgp-help-controls button{font:inherit;min-height:44px;padding:8px 12px;line-height:1.4;background:#fff;color:var(--cgp-ink,#152d3c);border:1px solid var(--cgp-line,#e2e8ee);border-radius:var(--cgp-radius-btn,8px);box-shadow:none}
.cgp-help-controls[hidden]{display:none!important}
@media(max-width:600px){.cgp-help-controls{left:12px;transform:none}.cgp-help-controls>span{display:none}}
@media(prefers-reduced-motion:reduce){.cgp-audio-help *,.cgp-help-target{scroll-behavior:auto!important;transition:none!important;animation:none!important}}