/* Mensajes breves de Onda, dentro de la vista que los explica. */
.motor-onda-notice[hidden],.sr-mobile-onda[hidden] { display:none!important; }
.motor-onda-notice { flex:none; margin:0 24px 12px; }
.sr-mobile-onda { flex:none; padding:10px 16px 0; }
.onda-context-card { display:grid; grid-template-columns:42px minmax(0,1fr) 32px; gap:12px; padding:14px; border:1px solid rgba(151,126,255,.24); border-radius:14px; background:linear-gradient(110deg,rgba(100,76,170,.16),rgba(36,64,68,.08)); color:var(--txt); animation:ondaContextIn .22s ease-out both; }
.onda-context-card>img { width:42px; height:42px; object-fit:contain; align-self:start; }
.onda-context-copy>strong { display:block; font-size:.72rem; font-weight:800; }
.onda-context-copy>strong>span { color:#a9a0c2; font-size:.64rem; font-weight:500; }
.onda-context-copy p { font-size:.75rem; line-height:1.65; margin:4px 0 7px; color:#d6d2e4; }
.onda-context-copy>div { display:flex; gap:8px 18px; flex-wrap:wrap; }
.onda-context-copy>div>button { border:0; background:transparent; padding:4px 0; min-height:32px; color:#beafff; font-family:inherit; font-size:.7rem; font-weight:700; cursor:pointer; }
.onda-context-copy button:hover { color:#e1d8ff; text-decoration:underline; }
.onda-context-close { width:32px; height:32px; border:0; border-radius:9px; background:transparent; color:#a39bb8; font-family:inherit; font-size:1.3rem; cursor:pointer; }
.onda-context-close:hover { background:rgba(255,255,255,.06); color:#fff; }
.onda-context-card :focus-visible { outline:2px solid #af97ff; outline-offset:3px; }
.assistant-nudge { background:linear-gradient(125deg,rgba(37,29,62,.98),rgba(14,19,33,.98)); border-color:rgba(162,134,255,.4); box-shadow:0 18px 58px -20px rgba(0,0,0,.8); }
.assistant-nudge-copy strong { display:flex; gap:7px; align-items:center; }
.assistant-nudge-copy strong:before { content:''; width:5px; height:5px; background:#80dcb8; border-radius:50%; flex:none; }
.assistant-nudge-copy span { line-height:1.55; }
.onda-learning-feedback { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:6px 16px; padding:0 14px 10px; border-top:1px solid rgba(255,255,255,.06); }
.onda-learning-feedback button { min-height:30px; padding:5px 0; border:0; background:none; font:inherit; font-size:.65rem; color:#a69fba; cursor:pointer; text-align:left; }
.onda-learning-feedback button:hover { color:#ece5ff; text-decoration:underline; }
.onda-context-card>.onda-learning-feedback { grid-column:2/-1; padding:6px 0 0; }
.onda-context-card>.onda-learning-feedback button { min-height:28px; }
@keyframes ondaContextIn { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:1023px) {
  .onda-learning-feedback { display:none; }
  .onda-context-card { grid-template-columns:32px minmax(0,1fr) 28px; gap:8px; padding:10px; }
  .onda-context-card>img { width:32px; height:36px; }
  .onda-context-copy p { font-size:.7rem; line-height:1.55; }
  .onda-context-copy>div>button { min-height:38px; font-size:.68rem; }
  .onda-context-close { width:32px; min-height:38px; }
  .assistant-nudge-copy span { -webkit-line-clamp:5; }
}
@media(prefers-reduced-motion:reduce) { .onda-context-card { animation:none; } }