/* mensajes-axel.css — 📣 Mensajes de Axel (1.5.3, bloque 5). Tarjeta en el menú + pantalla para escribirlo. */

/* ---------- La tarjeta que ven los usuarios (debajo del saludo) ---------- */
.pa-aviso{position:relative;margin:0 0 18px;padding:14px 44px 14px 16px;border-radius:18px;display:flex;gap:12px;align-items:flex-start;
  background:#fff;border:1.5px solid var(--pa-aviso-c,#8A2BE2);box-shadow:0 8px 22px rgba(60,40,90,.14);animation:pa-aviso-in .42s cubic-bezier(.22,1.2,.36,1) both}
.pa-aviso.is-out{animation:pa-aviso-out .24s ease-in both}
@keyframes pa-aviso-in{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
@keyframes pa-aviso-out{to{opacity:0;transform:translateY(-10px) scale(.98)}}
.pa-aviso__ico{flex:0 0 42px;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:color-mix(in srgb,var(--pa-aviso-c,#8A2BE2) 14%,#fff)}
.pa-aviso__k{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--pa-aviso-c,#8A2BE2);margin:0 0 2px}
.pa-aviso__t{font-size:16px;font-weight:800;color:#2a1f3d;margin:0 0 4px;line-height:1.2}
.pa-aviso__p{font-size:13.5px;color:#5a5270;margin:0;line-height:1.35}
.pa-aviso__b{display:inline-block;margin-top:10px;padding:8px 14px;border:0;border-radius:999px;background:var(--pa-aviso-c,#8A2BE2);color:#fff;font:inherit;font-weight:800;font-size:13px;box-shadow:0 5px 12px color-mix(in srgb,var(--pa-aviso-c,#8A2BE2) 35%,transparent)}
.pa-aviso__x{position:absolute;top:10px;right:10px;width:28px;height:28px;border:0;border-radius:50%;background:#f1edf7;color:#6b6380;display:grid;place-items:center;font-size:16px;font-weight:700;cursor:pointer}
.pa-aviso--arreglado{--pa-aviso-c:#1E9E5A}.pa-aviso--novedad{--pa-aviso-c:#E2871B}.pa-aviso--aviso{--pa-aviso-c:#8A2BE2}
body.pa-noche .pa-aviso{background:#241c36;border-color:color-mix(in srgb,var(--pa-aviso-c,#8A2BE2) 70%,#241c36)}
body.pa-noche .pa-aviso__t{color:#f3eefb}body.pa-noche .pa-aviso__p{color:#c9c0dc}
body.pa-noche .pa-aviso__ico{background:color-mix(in srgb,var(--pa-aviso-c,#8A2BE2) 24%,#241c36)}
body.pa-noche .pa-aviso__x{background:#3a2f52;color:#d9d0ea}

/* ---------- Entrada del menú (solo Axel) ---------- */
.side-menu-link--axel span strong{color:#E2871B}

/* ---------- Pantalla para escribirlo ---------- */
.pa-admin{position:fixed;inset:0;z-index:9999;background:#F6F2FB;display:flex;flex-direction:column;font-family:inherit;animation:pa-admin-in .26s ease-out both}
.pa-admin.is-out{animation:pa-admin-out .18s ease-in both}
@keyframes pa-admin-in{from{transform:translateY(100%)}to{transform:none}}
@keyframes pa-admin-out{to{transform:translateY(100%)}}
.pa-admin__top{display:flex;align-items:center;gap:10px;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 14px;background:linear-gradient(180deg,#2b1a4a,#1f1438);color:#fff}
.pa-admin__top b{font-size:17px}.pa-admin__top small{display:block;font-size:12px;opacity:.75;font-weight:500}
.pa-admin__back{width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;font-size:22px;line-height:1;cursor:pointer}
.pa-admin__body{padding:16px;overflow:auto;display:flex;flex-direction:column;gap:14px;flex:1}
.pa-admin label{display:block;font-size:12px;font-weight:800;color:#6b5a8a;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}
.pa-admin .in{display:block;width:100%;background:#fff;border:1.5px solid #D9CFEA;border-radius:14px;padding:12px 14px;font:inherit;font-size:15px;color:#2a1f3d;min-height:20px;box-sizing:border-box}
.pa-admin .in:focus{outline:none;border-color:#8A2BE2;box-shadow:0 0 0 3px rgba(138,43,226,.15)}
.pa-admin .in--area{min-height:84px;line-height:1.4;resize:vertical}
.pa-admin select.in{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6b5a8a 50%),linear-gradient(135deg,#6b5a8a 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
.pa-admin .tipos{display:flex;gap:8px}
.pa-admin .tipo{flex:1;text-align:center;padding:10px 6px;border-radius:14px;border:1.5px solid #D9CFEA;background:#fff;font:inherit;font-weight:800;font-size:13px;color:#6b5a8a;cursor:pointer}
.pa-admin .tipo--on{border-color:#1E9E5A;background:#E8F7EF;color:#1E9E5A}
.pa-admin .fila{display:flex;gap:10px}.pa-admin .fila>div{flex:1;min-width:0}
.pa-admin .chk{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #D9CFEA;border-radius:14px;padding:12px 14px;font-size:14px;color:#2a1f3d;font-weight:600;text-transform:none;letter-spacing:0;margin:0}
.pa-admin .chk input{width:22px;height:22px;accent-color:#8A2BE2;margin:0}
.pa-admin .prev{margin-top:4px}.pa-admin .prev .pa-aviso{margin:0;animation:none}
.pa-admin .nota{font-size:12.5px;color:#7a7090;line-height:1.4;margin:0}
.pa-admin .pa-admin__estado{min-height:1.2em;font-weight:700;color:#1E9E5A}.pa-admin .pa-admin__estado.is-mal{color:#c0392b}
.pa-admin .acc{display:flex;gap:10px;padding:12px 16px calc(20px + env(safe-area-inset-bottom,0px));background:#F6F2FB;border-top:1px solid #e6def3}
.pa-admin .btn{flex:1;text-align:center;padding:14px;border:0;border-radius:999px;font:inherit;font-weight:800;font-size:15px;cursor:pointer}
.pa-admin .btn--env{background:#8A2BE2;color:#fff;box-shadow:0 6px 16px rgba(138,43,226,.3)}.pa-admin .btn--env:disabled{opacity:.6}
.pa-admin .btn--qui{background:#fff;color:#8A2BE2;border:1.5px solid #D9CFEA}