:root{--riatla-navy:#081d49;--riatla-blue:#1456e8;--riatla-paper:#f7f8fa;--riatla-border:#dde2ea;--riatla-muted:#52627a}
.riatla-chat-trigger{position:fixed;z-index:2147483000;right:270px;bottom:24px;display:inline-flex;align-items:center;gap:11px;min-height:54px;padding:0 21px;border:1px solid #0d49d4;border-radius:999px;background:#1456e8;color:#fff;font:650 14px/1 system-ui,-apple-system,sans-serif;letter-spacing:.01em;box-shadow:0 10px 28px rgba(8,29,73,.22);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.riatla-chat-trigger:hover{transform:translateY(-2px);background:#104bcf;box-shadow:0 14px 34px rgba(8,29,73,.26)}
.riatla-chat-trigger:focus-visible,.riatla-chat-close:focus-visible{outline:3px solid #72a0ff;outline-offset:3px}
.riatla-chat-trigger svg{width:19px;height:19px;flex:none}
.riatla-chat-panel{position:fixed;z-index:2147483000;right:270px;bottom:24px;display:none;flex-direction:column;width:min(410px,calc(100vw - 32px));height:min(650px,calc(100dvh - 48px));overflow:hidden;border:1px solid #dde2ea;border-radius:20px;background:#fff;color:#081d49;box-shadow:0 24px 68px rgba(8,29,73,.24);font:15px/1.5 system-ui,-apple-system,sans-serif}
.riatla-chat-head{position:relative;flex:0 0 82px;display:flex;align-items:center;gap:14px;padding:0 18px;background:#fff;border-bottom:1px solid #e5e9ef}
.riatla-chat-head:before{content:"";position:absolute;top:0;left:20px;right:20px;height:3px;border-radius:0 0 3px 3px;background:#1456e8}
.riatla-chat-logo{display:block;width:108px;height:auto;max-height:42px;object-fit:contain;flex:none}
.riatla-chat-heading{display:grid;gap:3px;min-width:0;padding-left:13px;border-left:1px solid #dde2ea}
.riatla-chat-heading strong{color:#081d49;font-size:13px;line-height:1.2;font-weight:700;white-space:nowrap}
.riatla-chat-heading span{color:#52627a;font-size:11px;line-height:1.2;white-space:nowrap}
.riatla-chat-close{margin-left:auto;display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid #dde2ea;border-radius:50%;background:#f7f8fa;color:#081d49;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}
.riatla-chat-close:hover{background:#eaf0ff;color:#1456e8;border-color:#b9caf5}
.riatla-chat-close svg{width:16px;height:16px}
.riatla-chat-body{position:relative;flex:1;min-height:0;display:grid;place-items:center;box-sizing:border-box;padding:24px;background:#f7f8fa;color:#52627a;text-align:center}
.riatla-chat-body iframe{display:block;width:100%;height:100%;min-height:0;border:0;background:#fff}
.riatla-chat-body[data-state="frame"]{display:block;padding:0;background:#fff}
@media(max-width:760px){.riatla-chat-trigger{right:12px;bottom:102px;min-height:50px;padding:0 18px}.riatla-chat-panel{right:12px;bottom:102px;width:calc(100vw - 24px);height:min(610px,calc(100dvh - 132px));border-radius:18px}.riatla-chat-head{flex-basis:76px;padding:0 14px;gap:11px}.riatla-chat-logo{width:96px}.riatla-chat-heading{padding-left:10px}.riatla-chat-heading strong{font-size:12px}.riatla-chat-heading span{font-size:10px}.riatla-chat-close{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.riatla-chat-trigger,.riatla-chat-close{transition:none}}

/* Compact floating controls: quiet circles with labels on hover/focus. */
.riatla-chat-trigger{right:24px;bottom:88px;width:50px;height:50px;min-height:50px;padding:0;justify-content:center;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:#081d49;box-shadow:0 5px 18px rgba(8,29,73,.19);font-size:0;gap:0}
.riatla-chat-trigger:hover{transform:translateY(-2px);background:#12346f;box-shadow:0 8px 24px rgba(8,29,73,.23)}
.riatla-chat-trigger svg{width:21px;height:21px}
.riatla-chat-trigger span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.riatla-chat-trigger:after{content:"Chat Riatla";position:absolute;right:60px;top:50%;transform:translate(4px,-50%);padding:8px 11px;border-radius:7px;background:#081d49;color:#fff;font:600 12px/1.1 system-ui,-apple-system,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;box-shadow:0 4px 12px rgba(8,29,73,.12)}
.riatla-chat-trigger:hover:after,.riatla-chat-trigger:focus-visible:after{opacity:1;transform:translate(0,-50%)}
.riatla-chat-panel{right:24px;bottom:88px}
.x-whatsapp{right:24px!important;bottom:24px!important;display:grid!important;place-items:center!important;width:50px!important;min-width:50px!important;height:50px!important;min-height:50px!important;padding:0!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:50%!important;background:#168653!important;color:#fff!important;box-shadow:0 5px 18px rgba(8,29,73,.17)!important;transition:transform .16s ease,background .16s ease,box-shadow .16s ease!important}
.x-whatsapp:hover{transform:translateY(-2px)!important;background:#116d43!important;box-shadow:0 8px 24px rgba(8,29,73,.22)!important}
.x-whatsapp i{position:static!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;background:transparent!important;color:#fff!important;font-size:0!important}
.x-whatsapp i svg{width:22px!important;height:22px!important;color:currentColor!important}
.x-whatsapp span,.x-whatsapp b{display:none!important}
.x-whatsapp:after{content:"WhatsApp";position:absolute;right:60px;top:50%;transform:translate(4px,-50%);padding:8px 11px;border-radius:7px;background:#081d49;color:#fff;font:600 12px/1.1 system-ui,-apple-system,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;box-shadow:0 4px 12px rgba(8,29,73,.12)}
.x-whatsapp:hover:after,.x-whatsapp:focus-visible:after{opacity:1;transform:translate(0,-50%)}
@media(max-width:760px){.riatla-chat-trigger{right:16px;bottom:86px;width:48px;height:48px;min-height:48px}.riatla-chat-panel{right:12px;bottom:86px;width:calc(100vw - 24px);height:min(610px,calc(100dvh - 116px))}.riatla-chat-trigger:after,.x-whatsapp:after{display:none}.x-whatsapp{right:16px!important;bottom:20px!important;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important}}
@media(prefers-reduced-motion:reduce){.riatla-chat-trigger:after,.x-whatsapp:after{transition:none}}
