/* Camlangs visual system. Light mode retains the same geometry. */
body.cl-guest-v2[data-theme="light"]{background:#f5f7fb;color:#192333;--ink:#192333;--muted:#657084;--line:#dfe5ee;--soft:#edf2f8}
body.cl-guest-v2[data-theme="light"] .cl-topbar,body.cl-guest-v2[data-theme="light"] .cl-call-actions{background:#fff;border-color:#dfe5ee}
body.cl-guest-v2[data-theme="light"] .cl-control{color:#182334;background:#f1f4f8;border-color:#dce3ed}
body.cl-guest-v2[data-theme="light"] .cl-control.cl-primary{background:#3476ef;color:#fff;border-color:#3476ef}
body.cl-guest-v2[data-theme="light"] .cl-control.cl-primary.cl-skip{background:#e95359;color:#fff;border-color:#e95359}
body.cl-guest-v2[data-theme="light"] .cl-control.is-off{background:#dbe2ed;color:#202c40}
body.cl-guest-v2[data-theme="light"] .cl-instructions{background:#fff;color:#354258;border-color:#dde5f0;box-shadow:0 12px 40px #27405a12}
body.cl-guest-v2[data-theme="light"] .cl-instructions strong{color:#17263e}
body.cl-guest-v2[data-theme="light"] .cl-remote,body.cl-guest-v2[data-theme="light"] .cl-empty.is-searching{background:#edf2f8;color:#263750}
body.cl-guest-v2[data-theme="light"] .cl-empty.is-searching #empty-copy,body.cl-guest-v2[data-theme="light"] .cl-search-detail{color:#344863}
body.cl-guest-v2[data-theme="light"] .cl-empty.is-searching .cl-empty-icon{border-color:#d0dced;border-top-color:#3476ef}
body.cl-guest-v2[data-theme="light"] .cl-device-arrow{background:#e7edf5;color:#1c2b42;border-color:#dce3ed}
body.cl-guest-v2[data-theme="light"] .cl-entry-screen{background:#edf2f9ed;backdrop-filter:blur(3px)}
body.cl-guest-v2 #language-feedback{padding:10px 14px;margin:0 14px 10px;border:1px solid #dde6f2;border-radius:10px;background:#f2f6fc;color:#435772;font-size:13px;line-height:1.45}
body.cl-guest-v2 .cl-access-panel{grid-column:2;grid-row:1;min-width:0;height:100%;background:#fff;border-left:1px solid #dce3ed;display:flex;flex-direction:column;overflow:hidden}
body.cl-guest-v2 .cl-access-panel[hidden]{display:none}
body.cl-guest-v2 .cl-access-panel .cl-access-head{flex:none;height:48px;color:#263750;border-color:#e5eaf1}
body.cl-guest-v2 .cl-access-panel .cl-access-head button{background:#edf2f8;color:#17263e}
body.cl-guest-v2 .cl-access-panel iframe{width:100%;flex:1;min-height:0;border:0;background:#fff}
body.cl-guest-v2.cl-account-open .cl-main{display:grid;grid-template-columns:minmax(0,1fr) 390px}
body.cl-guest-v2.cl-account-open .cl-chat{display:none!important}
@media(max-width:700px){body.cl-guest-v2.cl-account-open .cl-main{grid-template-columns:1fr;grid-template-rows:36dvh minmax(420px,1fr);overflow:auto}body.cl-guest-v2.cl-account-open .cl-access-panel{grid-column:1;grid-row:2;border-left:0;border-top:1px solid #dce3ed;min-height:420px}body.cl-guest-v2.cl-account-open .cl-call{min-height:0}}
body.cl-guest-v2{--cl-header:76px;min-height:100dvh}
body.cl-guest-v2 .cl-topbar{position:relative;z-index:20;height:var(--cl-header);padding:0 22px;gap:13px}
body.cl-guest-v2 .cl-brand{font-size:20px;gap:10px;letter-spacing:-.025em}
body.cl-guest-v2 .cl-brand-icon{width:42px;height:42px;border-radius:11px}
body.cl-guest-v2 .cl-toolbar{gap:9px}
body.cl-guest-v2 .cl-topbar .cl-hud{position:absolute;left:50%;top:0;right:auto;bottom:auto;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;gap:8px;width:min(360px,35vw);height:100%;padding:0 25px;background:transparent;border:0;font-size:14px;white-space:nowrap}
body.cl-guest-v2 .cl-topbar .cl-hud strong{position:static;transform:none;font-size:15px}
body.cl-guest-v2 .cl-topbar .cl-round-progress{left:0;right:0;bottom:0;height:3px}
body.cl-guest-v2 .cl-topbar .cl-view-tools{position:static;display:flex;align-items:center;gap:5px;z-index:auto}
body.cl-guest-v2 .cl-topbar .cl-view-tools .cl-control{width:31px;height:31px;border-radius:8px}
body.cl-guest-v2 .cl-main{height:calc(100dvh - var(--cl-header));min-height:510px}
body.cl-guest-v2 .cl-call{height:100%;min-height:0;padding:0 0 78px}
body.cl-guest-v2 .cl-video-grid{min-height:0}
body.cl-guest-v2 .cl-call-actions{height:78px}
body.cl-guest-v2 .cl-account-button{width:39px;height:39px;padding:6px;border-radius:50%;position:relative;overflow:hidden}
body.cl-guest-v2 .cl-account-button svg{width:23px;height:23px}
body.cl-guest-v2 .cl-account-button.has-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
body.cl-guest-v2 .cl-account-button.has-avatar svg{visibility:hidden}
body.cl-guest-v2 .cl-account-button.is-connected:after{content:"";position:absolute;bottom:1px;right:1px;width:9px;height:9px;border-radius:50%;background:#32d888;border:2px solid #161d2b}
body.cl-guest-v2 .cl-account-menu{position:absolute;z-index:40;right:18px;top:calc(var(--cl-header) - 2px);width:min(280px,calc(100vw - 24px));display:grid;gap:3px;padding:14px;border:1px solid #394764;border-radius:18px;background:#1d2739;box-shadow:0 20px 48px #0008;color:#eef3ff}
body.cl-guest-v2 .cl-account-menu[hidden]{display:none}
body.cl-guest-v2 .cl-account-menu strong{padding:7px 9px 12px;font-size:16px}
body.cl-guest-v2 .cl-account-menu button,body.cl-guest-v2 .cl-account-menu a{display:flex;align-items:center;width:100%;min-height:38px;padding:9px;border:0;border-radius:9px;background:transparent;color:inherit;text-align:left;text-decoration:none;font:inherit;cursor:pointer}
body.cl-guest-v2 .cl-account-menu button:hover,body.cl-guest-v2 .cl-account-menu a:hover{background:#354866}
body.cl-guest-v2 .cl-account-menu .cl-account-button{height:auto;width:100%;border:0;border-radius:9px;justify-content:start;overflow:visible}
body.cl-guest-v2 .cl-account-menu .cl-account-button:after{content:"Facturación";position:static;width:auto;height:auto;background:none;border:0;border-radius:0;margin-left:8px}
body.cl-guest-v2 .cl-account-feedback{top:calc(var(--cl-header) + 12px);left:12px;right:auto;max-width:min(340px,calc(100vw - 150px));cursor:default}
body.cl-guest-v2 .cl-account-feedback.is-action{border-color:#e9ad17;background:linear-gradient(135deg,#fff9e7,#ffebac);color:#32230c;cursor:pointer;box-shadow:0 9px 24px #a66b1933}
body.cl-guest-v2 .cl-account-feedback.is-action:hover{transform:translateY(-1px);box-shadow:0 13px 28px #a66b1944}
body.cl-guest-v2 .cl-account-feedback.is-action:focus-visible{outline:2px solid #b17600;outline-offset:3px}
body.cl-guest-v2 .cl-social-dialog{max-width:calc(100vw - 20px)}
body.cl-guest-v2 .cl-pro-crown{border-radius:12px;color:#ffd56f}
body.cl-guest-v2 .cl-topbar>.cl-account-button:not(.cl-pro-crown){display:none}
body.cl-guest-v2 .cl-toolbar .cl-settings-button,body.cl-guest-v2 .cl-toolbar .cl-device-button{display:none!important}
body.cl-guest-v2 .cl-topbar .cl-language-button{height:40px}
body.cl-guest-v2 .flag-dot,body.cl-guest-v2 #round-flag{object-fit:contain;object-position:center;background:#fff}
body.cl-guest-v2 .cl-instructions{max-width:490px;padding:24px 28px;border:1px solid #3b4f73;border-radius:22px;background:#1d2b43e8;color:#edf3ff;text-align:left;box-shadow:0 15px 55px #02061255}
body.cl-guest-v2 .cl-instructions strong{display:block;font-size:22px;color:#fff}
body.cl-guest-v2 .cl-instructions ol{margin:15px 0 0;padding-left:22px;line-height:1.7;font-size:14px}
body.cl-guest-v2 .cl-instructions li+li{margin-top:6px}
body.cl-guest-v2 .cl-instructions[hidden]{display:none}
body.cl-guest-v2 .cl-empty:not(.is-searching)>.cl-empty-icon,body.cl-guest-v2 .cl-empty:not(.is-searching)>#empty-copy{display:none}
body.cl-guest-v2 .cl-language-group{grid-column:1/-1;padding:14px 7px 7px;font-size:13px;letter-spacing:.03em}
body.cl-guest-v2 .language-option.is-upcoming{opacity:.42}
body.cl-guest-v2 .language-option.is-upcoming:hover{opacity:.7}
body.cl-guest-v2 .cl-native-mode{display:flex;align-items:center;gap:8px;padding:10px 2px;font-size:13px}
body.cl-guest-v2 .cl-native-mode input{accent-color:#3d79f1}
body.cl-guest-v2 .cl-chat{max-width:340px}
body.cl-guest-v2 .cl-messages{justify-content:flex-end;padding:14px}
body.cl-guest-v2 .cl-chat-head{display:flex;align-items:center;gap:10px;min-height:62px;padding:11px 15px;border-bottom:1px solid #334052}
body.cl-guest-v2 .cl-chat-head[hidden]{display:none}
body.cl-guest-v2 .cl-chat-head strong{font-size:14px}
body.cl-guest-v2 .cl-chat-head small{font-size:13px}
body.cl-guest-v2 .cl-chat-head img{width:31px;height:31px;border-radius:50%;object-fit:cover}
body.cl-guest-v2 .cl-chat-head .cl-peer-flags{display:flex;gap:4px;margin-top:2px}
body.cl-guest-v2 .cl-chat-head .cl-peer-flags img{width:20px;height:20px;object-fit:contain;background:#fff}
body.cl-guest-v2 .cl-access-dialog{width:min(1000px,calc(100vw - 24px));height:min(780px,calc(100dvh - 24px));max-width:none;max-height:none;margin:auto;padding:0;overflow:hidden;border:1px solid #526586;border-radius:20px;background:#172235;color:#f5f8ff;box-shadow:0 28px 95px #000b}
body.cl-guest-v2 .cl-access-dialog::backdrop{background:#080e1bb8;backdrop-filter:blur(5px)}
body.cl-guest-v2 .cl-access-head{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #384960}
body.cl-guest-v2 .cl-access-head button{width:34px;height:34px;border:0;border-radius:10px;background:#2a3b55;color:#f5f8ff;font-size:23px;cursor:pointer}
body.cl-guest-v2 .cl-access-dialog iframe{display:block;width:100%;height:calc(100% - 91px);border:0;background:#151e2d}
body.cl-guest-v2 .cl-access-dialog>a{display:flex;align-items:center;justify-content:center;height:39px;color:#a9c9ff;font-size:12px;text-align:center}
body.cl-guest-v2[data-theme="light"] .cl-access-dialog{background:#fff;color:#1d2a3e;border-color:#cbd4e2}
body.cl-guest-v2[data-theme="light"] .cl-access-head{border-color:#dce4f0}
@media(max-width:600px){body.cl-guest-v2 .cl-access-dialog{width:100vw;height:100dvh;border:0;border-radius:0}body.cl-guest-v2 .cl-access-dialog iframe{height:calc(100% - 91px)}}
body.cl-guest-v2 .cl-board-v4{left:16px;top:12%;right:auto;bottom:auto;width:min(760px,calc(100vw - 32px));height:min(72dvh,680px);min-width:320px;min-height:260px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 105px);resize:both;border:1px solid #4b6288;border-radius:18px;overflow:hidden;box-shadow:0 24px 60px #0009}
body.cl-guest-v2 .cl-board-v4 canvas{max-width:100%}
body.cl-guest-v2:not([data-theme="light"]){--ink:#edf3ff;--muted:#a9b6cc;--line:#344157;--soft:#29384e;background:#0e1521;color:#edf3ff}
body.cl-guest-v2:not([data-theme="light"]) .cl-topbar{background:#151d2b;border-color:#2e3b50}
body.cl-guest-v2:not([data-theme="light"]) .cl-hud,body.cl-guest-v2:not([data-theme="light"]) .cl-hud strong{color:#dfeaff}
body.cl-guest-v2:not([data-theme="light"]) .cl-main{background:#0e1521}
body.cl-guest-v2:not([data-theme="light"]) .cl-video-grid,body.cl-guest-v2:not([data-theme="light"]) .cl-remote{background:radial-gradient(circle at 50% 45%,#1b2941,#101722 70%)}
body.cl-guest-v2:not([data-theme="light"]) .cl-call-actions{background:#151d2b;border-color:#2e3b50}
body.cl-guest-v2:not([data-theme="light"]) .cl-control{background:#26354a;border-color:#3b4a61;color:#e9f1ff}
body.cl-guest-v2:not([data-theme="light"]) .cl-control:hover{background:#344f75}
body.cl-guest-v2:not([data-theme="light"]) .cl-control.cl-primary{background:#2f75ee;border-color:#2f75ee}
body.cl-guest-v2:not([data-theme="light"]) .cl-control.cl-primary.cl-skip{background:#e1535d;border-color:#e1535d}
body.cl-guest-v2:not([data-theme="light"]) .cl-control.is-off{background:#e9eef8;color:#26354a}
body.cl-guest-v2:not([data-theme="light"]) .cl-account-button,body.cl-guest-v2:not([data-theme="light"]) .cl-language-button{background:#202d41;border-color:#3a4c66;color:#eff5ff}
body.cl-guest-v2:not([data-theme="light"]) .cl-chat{background:#141e2e;border-color:#334052}
body.cl-guest-v2:not([data-theme="light"]) .cl-messages{background:#131d2e}
body.cl-guest-v2:not([data-theme="light"]) .message{background:#273851;color:#edf4ff}
body.cl-guest-v2:not([data-theme="light"]) .message.me{background:#28529a}
body.cl-guest-v2:not([data-theme="light"]) .cl-composer,body.cl-guest-v2:not([data-theme="light"]) .cl-composer input{background:#192539;color:#f5f8ff;border-color:#334052}
body.cl-guest-v2:not([data-theme="light"]) .cl-composer input::placeholder{color:#9fb0c8}
body.cl-guest-v2:not([data-theme="light"]) .cl-dialog,body.cl-guest-v2:not([data-theme="light"]) .cl-device-menu,body.cl-guest-v2:not([data-theme="light"]) .cl-mode-menu,body.cl-guest-v2:not([data-theme="light"]) .cl-layout-menu{background:#1b2739;color:#eef4ff;border-color:#384960}
body.cl-guest-v2:not([data-theme="light"]) .cl-dialog-head,body.cl-guest-v2:not([data-theme="light"]) .cl-language-tabs,body.cl-guest-v2:not([data-theme="light"]) .cl-selected{border-color:#34455d}
body.cl-guest-v2:not([data-theme="light"]) .language-option,body.cl-guest-v2:not([data-theme="light"]) .cl-search,body.cl-guest-v2:not([data-theme="light"]) .cl-search input{background:#223249;color:#eff5ff;border-color:#40536e}
body.cl-guest-v2:not([data-theme="light"]) .language-option.selected{background:#294a7c}
body.cl-guest-v2:not([data-theme="light"]) .language-chip{background:#344961;color:#fff}
body.cl-guest-v2:not([data-theme="light"]) .cl-onboarding-note{background:#223d67;color:#e0ecff}
body.cl-guest-v2:not([data-theme="light"]) .cl-entry-panel{background:#1d2a3e;color:#f5f8ff;border-color:#425774}
body.cl-guest-v2:not([data-theme="light"]) .cl-entry-panel p{color:#d0dbee}
body.cl-guest-v2:not([data-theme="light"]) .cl-entry-privacy{background:#273950}
body.cl-guest-v2:not([data-theme="light"]) .cl-entry-terms a{color:#9cc2ff}
body.cl-guest-v2[data-theme="light"] .cl-account-menu{background:#fff;color:#243044;border-color:#d9e1ed;box-shadow:0 20px 48px #17244738}
body.cl-guest-v2[data-theme="light"] .cl-account-menu button:hover,body.cl-guest-v2[data-theme="light"] .cl-account-menu a:hover{background:#eef3fb}
body.cl-guest-v2[data-theme="light"] .cl-topbar .cl-view-tools .cl-control{background:#f2f5fb;color:#35435c;border-color:#dce4f0}
@media(max-width:900px){body.cl-guest-v2{--cl-header:101px}body.cl-guest-v2 .cl-topbar{align-items:flex-start;padding:8px 12px}body.cl-guest-v2 .cl-topbar .cl-hud{top:54px;left:0;transform:none;width:100%;height:47px;border-top:1px solid #334052;justify-content:center}body.cl-guest-v2 .cl-toolbar{align-items:center}body.cl-guest-v2 .cl-call{height:100%;min-height:0}body.cl-guest-v2 .cl-chat{max-width:none}body.cl-guest-v2 .cl-board-v4{left:8px;top:12%;width:calc(100vw - 16px);height:min(66dvh,600px);max-width:calc(100vw - 16px)}}
@media(max-width:520px){body.cl-guest-v2 .cl-brand{font-size:15px}body.cl-guest-v2 .cl-brand-icon{width:34px;height:34px}body.cl-guest-v2 .cl-toolbar{gap:4px}body.cl-guest-v2 .cl-topbar .cl-language-button{height:35px;padding:0 5px}body.cl-guest-v2 .cl-account-button{width:34px;height:34px}body.cl-guest-v2 .cl-topbar .cl-hud{padding:0 8px}body.cl-guest-v2 .cl-topbar .cl-view-tools{position:absolute;right:9px;top:7px}body.cl-guest-v2 .cl-instructions{margin:9px;padding:17px}body.cl-guest-v2 .cl-instructions strong{font-size:18px}body.cl-guest-v2 .cl-instructions ol{font-size:12px}}
