/* AI Assistant — la caja «Verifique su correo» del registro y del pago (lib/Verify.php, verify.js). Usa los colores
   del diseño (theme.css y palette.css) y, sin ellos, unos propios. */
.aia-ev {
  --ev-p: var(--aia-p, #0074b3); --ev-p2: var(--aia-p2, #5dc5f6); --ev-hot: var(--aia-hot, #ff6c2c);
  --ev-surface: var(--aia-surface, #fff); --ev-soft: var(--aia-surface-2, #f5f7fc); --ev-text: var(--aia-text, #1d2433); --ev-muted: var(--aia-muted, #667085);
  --ev-line: var(--aia-line, #e4e7f0); --ev-ok: var(--aia-ok, #0f7b4f); --ev-ok-bg: var(--aia-ok-bg, #e4f5ec); --ev-bad: var(--aia-bad, #b42318); --ev-bad-bg: var(--aia-bad-bg, #fde8e6);
  position: relative; margin: 8px 0 20px; padding: 16px 18px; border: 1px solid var(--ev-line); border-radius: 16px; background: var(--ev-surface); color: var(--ev-text);
  box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 6px 20px -8px rgba(16, 24, 40, .12); font-size: 14px; line-height: 1.45; overflow: hidden; clear: both;
}
.aia-ev::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 4px; background: linear-gradient(90deg, var(--ev-p), var(--ev-p2)); }
.aia-ev-head { display: flex; gap: 12px; align-items: flex-start; }
.aia-ev-ic { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; color: var(--ev-p); background: color-mix(in srgb, var(--ev-p) 12%, transparent); }
.aia-ev-ic svg { width: 22px; height: 22px; }
.aia-ev-head b { display: block; font-size: 15px; margin: 1px 0 2px; }
.aia-ev-head p { margin: 0; color: var(--ev-muted); }
.aia-ev-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 12px; }
.aia-ev-row[hidden] { display: none; }
.aia-ev button { appearance: none; border: 0; border-radius: 10px; padding: 10px 16px; font: 600 14px/1.2 inherit; cursor: pointer; min-height: 42px; }
.aia-ev .aia-ev-go { color: #fff; background: linear-gradient(135deg, var(--ev-p), color-mix(in srgb, var(--ev-p) 55%, var(--ev-p2))); box-shadow: 0 6px 16px -8px var(--ev-p); }
.aia-ev .aia-ev-go:hover { filter: brightness(1.06); }
.aia-ev .aia-ev-link { background: transparent; color: var(--ev-p); padding: 10px 8px; }
.aia-ev button:disabled { opacity: .55; cursor: default; filter: none; }
.aia-ev .aia-ev-input { flex: 0 1 210px; min-width: 170px; height: 44px; padding: 0 14px; border: 1px solid var(--ev-line); border-radius: 10px; background: var(--ev-soft); color: var(--ev-text);
  font: 700 20px/1 ui-monospace, Consolas, Menlo, monospace; letter-spacing: 6px; text-align: center; }
.aia-ev .aia-ev-input::placeholder { font-family: inherit; font-size: 13px; font-weight: 400; letter-spacing: 0; color: var(--ev-muted); }
.aia-ev .aia-ev-input:focus { outline: 2px solid color-mix(in srgb, var(--ev-p) 45%, transparent); outline-offset: 1px; border-color: var(--ev-p); }
.aia-ev-msg { margin: 10px 0 0; font-size: 13px; color: var(--ev-muted); }
.aia-ev-msg:empty { display: none; }
.aia-ev-msg.bad { color: var(--ev-bad); background: var(--ev-bad-bg); padding: 8px 12px; border-radius: 10px; }
.aia-ev-msg.good { color: var(--ev-ok); }
.aia-ev.ok { border-color: color-mix(in srgb, var(--ev-ok) 40%, transparent); background: var(--ev-ok-bg); }
.aia-ev.ok::before { background: var(--ev-ok); }
.aia-ev.ok .aia-ev-ic { color: #fff; background: var(--ev-ok); }
.aia-ev.ok .aia-ev-head p { color: var(--ev-ok); font-weight: 600; }
.aia-ev.need { animation: aia-ev-shake .4s ease; border-color: var(--ev-bad); }
@keyframes aia-ev-shake { 0%, 100% { transform: none; } 25% { transform: translateX(-6px); } 75% { transform: translateX(6px); } }
@media (prefers-reduced-motion: reduce) { .aia-ev.need { animation: none; } }
@media (max-width: 480px) {
  .aia-ev { padding: 14px; }
  .aia-ev-row > * { flex: 1 1 100%; }
  .aia-ev .aia-ev-input { flex: 1 1 100%; }
}