/*
 * RUMBO · Chat IA flotante (C1).
 * Burbuja + panel "documento". Todo con propiedades lógicas → espeja en árabe.
 * Se apila sobre el botón de WhatsApp (growth.css) en la misma esquina.
 */

.rmb-chat{position:fixed;inset-block-end:0;inset-inline-end:0;z-index:62;font-family:var(--rmb-sans)}

/* ── Lanzador ── */
.rmb-chat__fab{position:fixed;inset-block-end:88px;inset-inline-end:20px;z-index:62;
	display:inline-flex;align-items:center;gap:10px;height:56px;padding-inline:16px;
	background:var(--rmb-granate);color:var(--rmb-oro-hi);border:1px solid var(--rmb-granate-d);
	border-radius:999px;cursor:pointer;box-shadow:0 10px 26px rgba(110,27,40,.34);
	transition:transform .16s ease,box-shadow .16s ease}
.rmb-chat__fab:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(110,27,40,.42)}
.rmb-chat__fabico{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;
	background:rgba(255,255,255,.12);flex:none}
.rmb-chat__fablbl{font-weight:700;font-size:14.5px;letter-spacing:.01em;white-space:nowrap}
.rmb-chat__dot{position:absolute;inset-block-start:8px;inset-inline-end:12px;width:9px;height:9px;
	border-radius:50%;background:#43c463;border:2px solid var(--rmb-granate)}
.rmb-chat.is-open .rmb-chat__fab{opacity:0;pointer-events:none;transform:scale(.9)}

/* ── Panel ── */
.rmb-chat__panel[hidden]{display:none}  /* el atributo hidden manda: la X cierra de verdad */
.rmb-chat__panel{position:fixed;inset-block-end:20px;inset-inline-end:20px;z-index:63;
	width:min(380px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 40px));
	display:flex;flex-direction:column;overflow:hidden;
	background:var(--rmb-surface);border:1px solid var(--rmb-line-2);border-radius:16px;
	box-shadow:0 24px 60px rgba(51,41,31,.28);
	transform-origin:inset-inline-end bottom;animation:rmb-chat-in .22s cubic-bezier(.2,.9,.3,1)}
@keyframes rmb-chat-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}

.rmb-chat__head{display:flex;align-items:center;gap:11px;padding:14px 14px 13px;
	background:linear-gradient(180deg,var(--rmb-granate),var(--rmb-granate-d));color:#fff;position:relative}
.rmb-chat__head::after{content:"";position:absolute;inset-block-end:0;inset-inline:0;height:3px;
	background:linear-gradient(90deg,var(--rmb-oro),var(--rmb-oro-hi))}
.rmb-chat__av{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;
	background:rgba(255,255,255,.14);flex:none}
.rmb-chat__id{display:flex;flex-direction:column;line-height:1.2;flex:1;min-width:0}
.rmb-chat__id b{font-family:var(--rmb-serif);font-weight:800;font-size:16px}
.rmb-chat__on{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--rmb-oro-hi);opacity:.92}
.rmb-chat__ondot{width:7px;height:7px;border-radius:50%;background:#43c463;box-shadow:0 0 0 3px rgba(67,196,99,.25)}
.rmb-chat__x{background:transparent;border:0;color:#fff;font-size:16px;cursor:pointer;opacity:.85;
	width:30px;height:30px;border-radius:8px}
.rmb-chat__x:hover{opacity:1;background:rgba(255,255,255,.12)}

.rmb-chat__log{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:12px;
	background:
		radial-gradient(circle at 90% 8%,rgba(154,122,46,.05) 0 30%,transparent 30%),
		var(--rmb-crema-2)}
.rmb-chat__msg{display:flex;max-width:86%}
.rmb-chat__msg--bot{align-self:flex-start}
.rmb-chat__msg--me{align-self:flex-end}
.rmb-chat__bubble{padding:10px 13px;border-radius:14px;font-size:14.5px;line-height:1.5;white-space:pre-wrap;
	word-wrap:break-word;unicode-bidi:plaintext}
.rmb-chat__msg--bot .rmb-chat__bubble{background:var(--rmb-surface);color:var(--rmb-ink);
	border:1px solid var(--rmb-line);border-start-start-radius:4px}
.rmb-chat__msg--me .rmb-chat__bubble{background:var(--rmb-granate);color:#fff;border-end-end-radius:4px}

.rmb-chat__chips{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:2px}
.rmb-chat__chip{background:var(--rmb-surface);border:1px solid var(--rmb-oro);color:var(--rmb-granate);
	border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600;cursor:pointer;
	transition:background .15s ease,color .15s ease}
.rmb-chat__chip:hover{background:var(--rmb-granate);color:#fff;border-color:var(--rmb-granate)}

/* Indicador de escritura */
.rmb-chat__typing{display:inline-flex;gap:4px;padding:12px 14px}
.rmb-chat__typing i{width:7px;height:7px;border-radius:50%;background:var(--rmb-ink-3);animation:rmb-chat-bounce 1s infinite}
.rmb-chat__typing i:nth-child(2){animation-delay:.15s}
.rmb-chat__typing i:nth-child(3){animation-delay:.3s}
@keyframes rmb-chat-bounce{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}

.rmb-chat__form{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;
	background:var(--rmb-surface);border-block-start:1px solid var(--rmb-line)}
.rmb-chat__input{flex:1;resize:none;max-height:120px;border:1px solid var(--rmb-line-2);border-radius:12px;
	padding:10px 12px;font:inherit;font-size:14.5px;color:var(--rmb-ink);background:var(--rmb-crema-2);
	line-height:1.4;unicode-bidi:plaintext}
.rmb-chat__input:focus{outline:none;border-color:var(--rmb-granate);background:var(--rmb-surface)}
.rmb-chat__send{flex:none;width:42px;height:42px;border-radius:12px;border:0;cursor:pointer;
	background:var(--rmb-granate);color:var(--rmb-oro-hi);display:grid;place-items:center}
.rmb-chat__send svg{width:20px;height:20px}
.rmb-chat__send:hover{background:var(--rmb-granate-d)}
.rmb-chat__send:disabled{opacity:.5;cursor:default}
.rmb-rtl .rmb-chat__send svg{transform:scaleX(-1)}

.rmb-chat__foot{margin:0;padding:9px 14px 12px;font-size:12px;color:var(--rmb-ink-3);text-align:center;
	background:var(--rmb-surface)}
.rmb-chat__foot a{color:var(--rmb-granate);font-weight:600;text-decoration:none}
.rmb-chat__foot a:hover{text-decoration:underline}

@media(max-width:520px){
	.rmb-chat__fab{inset-block-end:80px;inset-inline-end:16px}
	.rmb-chat__panel{inset-inline:10px;inset-block-end:10px;width:auto;max-height:calc(100vh - 20px)}
}
@media print{.rmb-chat{display:none}}