.mr-ayuda-boton { position:fixed; right:18px; bottom:calc(88px + env(safe-area-inset-bottom)); z-index:1300; display:flex; align-items:center; gap:10px; border:1px solid #f1e6e2; border-radius:40px; padding:7px 18px 7px 7px; background:#fff; color:#29232c; font:14px system-ui,-apple-system,Segoe UI,sans-serif; box-shadow:0 6px 26px #5d252523; cursor:pointer; transition:transform .2s,box-shadow .2s; }
.mr-ayuda-boton:hover { transform:translateY(-3px); box-shadow:0 10px 30px #5d252530; }
.mr-ayuda-avatar { display:flex; width:54px; height:54px; flex-shrink:0; align-items:center; justify-content:center; border-radius:50%; background:#fff1ec; }
.mr-ayuda-avatar img { width:46px; height:46px; display:block; }
.mr-ayuda-invitacion { text-align:left; }
.mr-ayuda-invitacion strong { display:block; font-size:15px; }
.mr-ayuda-invitacion small { display:block; font-size:11px; margin-top:3px; color:#80727b; }
.mr-ayuda-panel { position:fixed; right:18px; bottom:calc(88px + env(safe-area-inset-bottom)); z-index:1300; width:390px; max-width:calc(100vw - 24px); height:580px; max-height:calc(100dvh - 115px); display:flex; flex-direction:column; overflow:hidden; border:1px solid #eee5e2; border-radius:26px; background:white; box-shadow:0 16px 60px #4f24242e; color:#29232c; font:14px system-ui,-apple-system,Segoe UI,sans-serif; }
.mr-ayuda-cabecera { display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:#fff; border-bottom:1px solid #f1ebe8; flex-shrink:0; }
.mr-ayuda-identidad { display:flex; align-items:center; gap:10px; }
.mr-ayuda-cabecera .mr-ayuda-avatar { width:45px; height:45px; }
.mr-ayuda-cabecera .mr-ayuda-avatar img { width:39px; height:39px; }
.mr-ayuda-cabecera strong { display:block; font-size:15px; font-weight:750; }
.mr-ayuda-cabecera small { display:block; margin-top:3px; color:#897c84; font-size:12px; }
.mr-ayuda-cabecera button { width:32px; height:32px; border-radius:50%; background:#f6f3f2; color:#786b74; border:0; font-size:23px; cursor:pointer; }
.mr-ayuda-conversacion { flex:1; min-height:0; overflow-y:auto; display:flex; flex-direction:column-reverse; gap:12px; padding:16px; background:linear-gradient(160deg,#fffcfa,#f8f7fa); }
.mr-ayuda-bienvenida { flex-shrink:0; order:1; display:flex; align-items:center; flex-direction:column; padding:4px 0 12px; text-align:center; }
.mr-ayuda-bienvenida img { width:80px; height:80px; margin-bottom:9px; }
.mr-ayuda-bienvenida strong { font-size:20px; letter-spacing:-.5px; }
.mr-ayuda-bienvenida span { color:#897c84; font-size:12px; margin-top:5px; }
.mr-ayuda-mensaje { flex-shrink:0; width:91%; padding:13px 14px; border-radius:17px 17px 17px 5px; background:white; border:1px solid #f0e9e5; box-sizing:border-box; overflow-wrap:anywhere; box-shadow:0 2px 6px #38202304; }
.mr-ayuda-mensaje small { font-size:10px; font-weight:750; color:#a35c57; }
.mr-ayuda-mensaje p { margin:6px 0 0; font-size:13px; line-height:1.6; }
.mr-ayuda-mensaje a { display:inline-block; margin-top:10px; color:#bd3430; font-size:12px; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.mr-ayuda-cliente { margin-left:auto; background:#fde9e3; border-color:#f9d8ce; border-radius:17px 17px 5px 17px; }
.mr-ayuda-opciones { padding:12px 14px; display:grid; grid-template-columns:1fr 1fr; gap:7px; border-top:1px solid #f1ebe8; flex-shrink:0; }
.mr-ayuda-opciones button { min-height:38px; text-align:left; background:#fff; color:#64545d; border:1px solid #eee5e2; border-radius:12px; padding:9px 10px; font:12px system-ui,-apple-system,Segoe UI,sans-serif; cursor:pointer; transition:background .15s,border-color .15s; }
.mr-ayuda-opciones button:hover { background:#fff5f1; border-color:#efb7a7; }
.mr-ayuda-opciones button:last-child { grid-column:1 / -1; text-align:center; color:#b73732; background:#fff7f3; }
.mr-ayuda-formulario { display:flex; gap:8px; padding:0 14px 14px; flex-shrink:0; }
.mr-ayuda-formulario input { width:0; min-width:0; flex:1; border:1px solid #eee5e2; border-radius:14px; padding:12px; font:16px system-ui,-apple-system,Segoe UI,sans-serif; color:#29232c; background:#faf8f7; }
.mr-ayuda-formulario input:focus { outline:2px solid #efb7a7; outline-offset:1px; }
.mr-ayuda-formulario button { border:0; border-radius:14px; padding:10px 13px; background:#c63530; color:white; font-weight:700; cursor:pointer; }
.mr-ayuda-formulario button:disabled { opacity:.4; cursor:default; }
.mr-ayuda-panel button:focus-visible, .mr-ayuda-panel a:focus-visible, .mr-ayuda-boton:focus-visible { outline:3px solid #de8b68; outline-offset:2px; }
.mr-ayuda-solo-lector { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:480px) { .mr-ayuda-panel { right:12px; width:calc(100vw - 24px); } .mr-ayuda-boton { right:12px; } }
@media(max-height:620px) { .mr-ayuda-bienvenida { display:none; } .mr-ayuda-opciones { display:flex; flex-wrap:wrap; gap:5px; padding:8px; } .mr-ayuda-opciones button { min-height:30px; padding:6px 8px; } }
@media(prefers-reduced-motion:reduce) { .mr-ayuda-boton, .mr-ayuda-opciones button { transition:none; } }
@media print { .mr-ayuda-panel, .mr-ayuda-boton { display:none; } }

.mr-ayuda-mensaje p { white-space:pre-line; }
.mr-ayuda-opciones button:disabled { opacity:.5; cursor:wait; }

.mr-ayuda-formulario { flex-wrap:wrap; padding-top:12px; background:#fff1e9; border-top:2px solid #efb7a7; }
.mr-ayuda-formulario label { width:100%; color:#9e2f2b; font-weight:750; font-size:13px; }
.mr-ayuda-formulario input { background:white; border:2px solid #db8372; min-height:48px; box-sizing:border-box; }
.mr-ayuda-formulario input::placeholder { color:#78636d; opacity:1; }
.mr-ayuda-productos { margin-top:10px; border:1px solid #eddcd5; border-radius:12px; overflow:hidden; }
.mr-ayuda-productos button { display:flex; width:100%; justify-content:space-between; align-items:center; gap:10px; padding:11px 12px; text-align:left; background:white; color:#342830; border:0; border-bottom:1px solid #f1e8e4; font:600 13px system-ui,sans-serif; cursor:pointer; }
.mr-ayuda-productos button:last-child { border-bottom:0; }
.mr-ayuda-productos button:hover { background:#fff0e9; }
.mr-ayuda-productos button span:last-child { color:#bd3430; font-size:22px; }