/**
 * Rumbo · Crecimiento (F10): WhatsApp flotante + aviso de instalar app.
 * Propiedades lógicas para RTL. El botón vive fijo abajo a un lado.
 */

/* ── WhatsApp flotante ── */
.rmb-wa{
	position:fixed;inset-block-end:20px;inset-inline-end:20px;z-index:60;
	display:inline-flex;align-items:center;gap:10px;height:56px;padding-inline:16px;
	background:#25D366;color:#fff;border-radius:999px;text-decoration:none;
	box-shadow:0 8px 22px rgba(18,140,70,.38);transition:transform .16s ease,box-shadow .16s ease;
}
.rmb-wa:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(18,140,70,.46);color:#fff}
.rmb-wa svg{width:30px;height:30px;fill:currentColor;flex:none}
.rmb-wa__lab{font-family:var(--rmb-sans);font-weight:700;font-size:14.5px;white-space:nowrap;max-width:0;overflow:hidden;opacity:0;transition:max-width .22s ease,opacity .22s ease}
.rmb-wa:hover .rmb-wa__lab,.rmb-wa:focus-visible .rmb-wa__lab{max-width:240px;opacity:1}
@media(max-width:640px){
	.rmb-wa{height:52px;padding-inline:13px;inset-block-end:16px;inset-inline-end:16px}
	.rmb-wa__lab{display:none}
}
@media print{.rmb-wa,.rmb-pwa{display:none}}

/* ── Aviso "instalar app" ── */
.rmb-pwa{
	position:fixed;inset-block-end:20px;inset-inline-start:20px;z-index:59;
	display:flex;align-items:center;gap:12px;max-width:min(420px,calc(100vw - 40px));
	background:var(--rmb-cover,#2a1016);color:var(--rmb-crema,#ECE3CE);
	border:1px solid rgba(198,162,74,.4);border-radius:14px;padding:12px 14px;
	box-shadow:0 14px 34px rgba(0,0,0,.3);
}
.rmb-pwa[hidden]{display:none}
.rmb-pwa__ico{display:inline-flex;color:var(--rmb-oro,#C6A24A);flex:none}
.rmb-pwa__ico svg{width:22px;height:22px;stroke:currentColor;fill:none}
.rmb-pwa__tx{font-size:13.5px;line-height:1.4;flex:1;min-width:0}
.rmb-pwa__go{
	flex:none;background:var(--rmb-oro,#C6A24A);color:#2a1016;border:0;border-radius:999px;
	padding:8px 15px;font:inherit;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap;
}
.rmb-pwa__go:hover{background:var(--rmb-oro-hi,#EBD79A)}
.rmb-pwa__x{flex:none;background:none;border:0;color:var(--rmb-crema,#ECE3CE);opacity:.6;font-size:20px;line-height:1;cursor:pointer;padding:2px 4px}
.rmb-pwa__x:hover{opacity:1}
@media(max-width:640px){
	.rmb-pwa{inset-inline:16px;inset-block-end:84px;max-width:none}
}