@font-face{font-family:Roboto;src:url('/compartido/assets/Roboto-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Roboto;src:url('/compartido/assets/Roboto-Medium.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Roboto;src:url('/compartido/assets/Roboto-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{font-family:Roboto,Arial,sans-serif;font-synthesis:none;color-scheme:dark;color:#f5f9ff;background:#162b53;--mint:#71f0df;--blue:#397eb7;--deep:#425893;--teal:#5dcbcf;--ink:#f5f9ff;--line:#b6d6ff26;--paper:#203d70;--danger:#bc2b48;--gradient:linear-gradient(145deg,#183b64,#397eb7 50%,#425893);--glass:linear-gradient(140deg,#3b6b9a70,#203966bd)}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.5}#app{position:relative;min-height:100dvh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffdb80;outline-offset:4px}a{color:#a8fff2}[hidden]{display:none!important}h1,h2,h3,h4,p{margin-top:0}h1,h2{line-height:1.2;font-weight:500}h1{font-size:1.9rem}h2{font-size:1.5rem}h3{font-size:1.1rem}svg.icon{width:24px;height:24px;flex-shrink:0}.sr-only,.icon-only>span,.call-controls .button:not(#start-media):not(#resume-audio)>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);padding:0;margin:-1px;white-space:nowrap;border:0}
.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:13px;font-weight:500;line-height:1.2;text-decoration:none;color:#fff;background:#395987}.button.primary,.button.teal{color:#12344c;background:linear-gradient(120deg,#9af9e8,#71f0df);box-shadow:0 5px 20px #71f0df20}.button.primary:hover,.button.teal:hover{background:#b5ffed}.button.secondary,.button.glass-button,.button.auth-secondary{color:#f8fcff;background:#284c7bad;border:1px solid #bce5ff39;backdrop-filter:blur(18px)}.button.secondary:hover,.button.glass-button:hover{background:#426b9f}.button.danger{background:#bc2b48;color:white;box-shadow:0 6px 18px #7213264d}.button.text-button{color:#b8fff0;background:transparent;padding-inline:8px}.button.icon-button,.button.icon-only{width:48px;height:48px;min-width:48px;border-radius:50%;padding:10px;background:#3456858c;border-color:#c2e9ff20}.button.icon-button:hover,.button.icon-only:hover{background:#5485af}.logout-button{width:100%;margin-top:24px}.muted{color:#c6d6ec;font-size:.9rem}.eyebrow{color:#b8ffef;letter-spacing:.08em;font-size:.75rem;text-transform:uppercase;font-weight:700}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;text-align:left}.field>span{color:#e2efff;font-size:.88rem;font-weight:500}.field input,.field select,.field textarea,#chat-text,.call-options-panel select,.audio-options select{width:100%;min-height:48px;padding:12px 14px;color:white;border:1px solid #bfdcff38;border-radius:12px;background:#244675;box-shadow:inset 0 1px 3px #14243e20}.field input::placeholder,.field textarea::placeholder,#chat-text::placeholder{color:#c9d9ed;opacity:1}.field textarea{resize:vertical;min-height:88px}select option{background:#244675;color:white}.empty{color:#bfd2e9;padding:22px 8px;text-align:center;margin:0}.notice{position:fixed;left:50%;top:20px;transform:translateX(-50%);max-width:min(590px,calc(100vw - 28px));z-index:300;color:#effff8;border:1px solid #8afbd06e;background:#18524ded;backdrop-filter:blur(18px);box-shadow:0 10px 35px #0c1a3740;border-radius:14px;padding:12px 18px;font-size:.9rem}.notice.error,.form-error{background:#651e36f2;color:#fff1f4;border-color:#ffa6b76b}.form-error{padding:12px;border-radius:10px;margin-bottom:16px}.loading,.startup-error{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--gradient);padding:28px}.startup-error img{width:120px;height:120px;object-fit:contain;margin-bottom:25px;filter:brightness(0) invert(1)}
.auth-screen,.app-layout.theme-dils,.gradient-home,.interpreter-layout{position:relative;isolation:isolate;background:radial-gradient(ellipse at 14% 4%,#397eb7a8,transparent 52%),linear-gradient(155deg,#234c77 0%,#284777 44%,#343f79 100%);overflow:hidden}.auth-screen:before,.theme-dils:before,.gradient-home:before,.interpreter-layout:before{content:'';position:absolute;z-index:-1;pointer-events:none;width:65vmax;height:65vmax;left:-38vmax;top:-34vmax;border-radius:50%;background:radial-gradient(circle,#71f0df7a,#5dcbcf1a 43%,transparent 65%);filter:blur(18px)}.auth-screen:after,.theme-dils:after,.gradient-home:after,.interpreter-layout:after{content:'';position:absolute;z-index:-1;pointer-events:none;width:70vmax;height:70vmax;right:-36vmax;bottom:-34vmax;border-radius:50%;background:radial-gradient(circle,#608ade73,#397eb724 40%,transparent 66%);filter:blur(24px)}
.dils-splash{position:absolute;inset:0;min-height:100%;display:grid;place-items:center;z-index:400;pointer-events:none;background:radial-gradient(ellipse at 15% 10%,#71f0df42,transparent 60%),linear-gradient(135deg,#285b85,#425893);opacity:1;transition:opacity .28s ease,transform .28s ease}.splash-wordmark{width:clamp(130px,28vw,250px);max-height:130px;object-fit:contain;filter:brightness(0) invert(1)}.dils-splash.dismissed{opacity:0;transform:scale(1.045)}
.auth-screen{min-height:100dvh;display:flex;align-items:center;flex-direction:column;padding:44px 26px 30px}.auth-logo{width:135px;height:135px;object-fit:contain;filter:brightness(0) invert(1);margin-bottom:26px}.auth-screen h1{color:white;text-align:center;font-size:1.45rem;margin-bottom:8px}.auth-subtitle{color:#d7e9f9;text-align:center;max-width:310px;font-size:.88rem;margin-bottom:25px}.auth-form{width:min(350px,100%)}.auth-form>.button,.auth-screen>.auth-secondary{width:min(350px,100%)}.auth-screen>.auth-secondary{margin-top:14px}.auth-form input{background:#ffffffeb;color:#1c3c5a;border-color:transparent;box-shadow:0 5px 15px #17233f15}.auth-form .field>span{color:#f2f8ff}.auth-info{font-size:.8rem;text-align:center;max-width:320px;margin-top:22px;color:#d5e6fb}.dev-accounts{width:min(350px,100%);margin-top:18px;padding:14px;border-radius:13px;background:#1a345fa8;border:1px solid #aed6ef2f}.dev-accounts summary{cursor:pointer;min-height:42px;display:flex;align-items:center;font-size:.88rem}.dev-accounts p{font-size:.75rem;color:#c4d9ef}.dev-accounts .button{width:100%;margin-top:8px;font-size:.85rem}
.app-layout{min-height:100dvh;display:flex;flex-direction:column;background:#1d365d;color:#fff}.app-header{display:flex;justify-content:space-between;align-items:center;min-height:82px;padding:18px 32px;gap:14px;background:transparent;flex-shrink:0}.header-brand,.header-actions{display:flex;align-items:center;gap:16px}.wordmark{width:82px;height:40px;object-fit:contain;filter:brightness(0) invert(1)}.app-header h1{font-size:1rem;margin:0;color:#d9eafb}.connection{display:flex;align-items:center;gap:6px;color:#e1d3b4;font-size:.72rem}.connection:before{content:'';width:6px;height:6px;border-radius:50%;background:#e4b86d}.connection.online{color:#ccf9e7}.connection.online:before{background:#71f0df}.profile-link{background:#385d8c80!important;color:white!important;border-radius:50%!important}.profile-link span{display:none}.main-content{width:100%;max-width:1130px;padding:32px;margin:0 auto;flex:1;outline:none}.bottom-nav{display:flex;justify-content:center;gap:26px;width:fit-content;max-width:calc(100% - 32px);margin:0 auto 20px;padding:8px 18px;border:1px solid #c2e9ff28;border-radius:27px;background:#1d3659ba;backdrop-filter:blur(24px);box-shadow:0 8px 35px #0b1c3440;flex-shrink:0}.nav-button{min-width:72px;min-height:56px;padding:7px 16px;color:#d4e6fb;background:transparent;flex-direction:column;border-radius:17px;font-size:.74rem;gap:4px}.nav-button.selected{background:#426b8b9c;color:#b7fff0}.nav-button .icon{width:25px;height:25px}.consumer-home{height:100%;min-height:calc(100dvh - 230px);display:flex;flex-direction:column;align-items:center;text-align:center}.home-intro h1{color:#fff;font-size:clamp(1.65rem,3vw,2.3rem);font-weight:400;margin:8px 0 0;letter-spacing:-.02em}.home-intro{max-width:650px}.home-intro .eyebrow,.home-intro>p{color:#e0edff}.call-cta{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:25px 0}.sign-call{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:158px;height:158px;border-radius:50%;border:1px solid #b4fff0b3;color:white;background:radial-gradient(circle at 31% 18%,#60c2c875,transparent 42%),linear-gradient(155deg,#397eae,#216786 65%,#397eb7);box-shadow:0 0 0 12px #71f0df0c,0 0 0 27px #71f0df05,0 15px 55px #71f0df31,inset 0 2px 20px #a5fff128;gap:7px;font-weight:500}.sign-call:before{content:'';position:absolute;inset:-13px;border:1px solid #71f0df35;border-radius:inherit;pointer-events:none}.sign-call:after{content:'';position:absolute;inset:5px;border-radius:inherit;border-top:1px solid #d3fff66b;pointer-events:none}.sign-call img{width:75px;height:75px;object-fit:contain;filter:brightness(0) invert(1)}.sign-call:hover{box-shadow:0 0 0 15px #71f0df13,0 0 0 29px #71f0df08,0 18px 55px #71f0df4d,inset 0 2px 20px #a5fff13b}.call-cta>p{font-size:.86rem;margin-top:22px;color:#d9eafa}.home-lower{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:auto;padding:12px 0}.free-note{font-size:.78rem;color:#d4e6ff}.company-home .site-choice{width:min(320px,100%);margin-top:24px}.company-summary{display:flex;align-items:center;gap:15px;font-size:.9rem}.interpreter-wait-room{min-height:calc(100dvh - 235px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:26px}.interpreter-wait-room h2{font-weight:400;font-size:1.55rem;color:#f6fbff;margin:0}.waiting-orbit{width:160px;height:160px;position:relative;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 32% 25%,#62bfc43b,transparent 50%),linear-gradient(150deg,#3d6b9f87,#2b467d8f);border:1px solid #b6fce959;box-shadow:0 0 0 16px #71f0df08,0 0 0 33px #71f0df04,0 15px 70px #71f0df18;color:#ecfff9}.waiting-orbit .icon{width:62px;height:62px}.waiting-orbit img{width:73px;height:73px;filter:brightness(0) invert(1)}.waiting-orbit:after{content:'';position:absolute;inset:-17px;border-radius:50%;border:1px solid #9aefdc20}
.waiting-panel,.turn-panel,.form-card,.section-block,.history-page,.call-facts,.rating-form,.password-section,.existing-rating,.message-history,.glass-card,.card-glass,.glass-panel{background:var(--glass);border:1px solid #b6d9ff25;backdrop-filter:blur(22px);box-shadow:0 12px 35px #13274425;border-radius:20px;color:#f5faff}.waiting-panel{text-align:center;padding:30px;max-width:400px;margin:28px auto}.waiting-panel>.button{margin-top:22px}.wait-mark{width:70px;height:70px;border-radius:50%;background:#4a799b80;color:#b3ffeb;display:grid;place-items:center;margin:0 auto 22px}.wait-mark .icon{width:32px;height:32px}.wait-time{display:block;font-size:1.65rem;color:#b0ffec}.turn-panel{padding:28px}.turn-state{display:flex;align-items:center;gap:10px;margin-top:20px}.state-dot{width:8px;height:8px;border-radius:50%;background:#b1c0d7}.available .state-dot{background:#71f0df}.turn-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.turn-note{font-size:.85rem;color:#d4e3f7;margin-top:15px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.stats-grid>div{background:#27497a8a;border:1px solid #c0e3ff22;border-radius:17px;padding:22px;display:flex;flex-direction:column;gap:12px}.stats-grid span{font-size:.84rem;color:#d1e3f9}.stats-grid strong{font-size:1.6rem;color:#b6ffeb}.section-block{padding:24px;margin:24px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.section-heading h2{margin:0}.narrow{max-width:530px;margin-inline:auto}.profile-page{text-align:center}.profile-mark{width:84px;height:84px;margin:0 auto 22px;display:grid;place-items:center;border-radius:50%;color:#c7ffed;background:#436b9866;border:1px solid #bdffed50;box-shadow:0 0 28px #71f0df17}.profile-mark .icon{width:39px;height:39px}.profile-page>p{color:#c9def5;font-size:.85rem}.form-card{padding:24px;text-align:left}.form-card>.button{width:100%}.password-section{margin-top:20px;text-align:left}.password-section>summary{cursor:pointer;display:flex;align-items:center;gap:9px;padding:16px 22px;min-height:52px;color:#d5fbed}.password-section .form-card{border:0;background:transparent;box-shadow:none}
.history-page{padding:25px}.history-list{margin-top:14px}.history-row{width:100%;display:flex;align-items:center;text-align:left;gap:16px;border:0;border-bottom:1px solid #c2dbff24;background:transparent;color:#fff;padding:18px 4px;border-radius:8px}.history-row:hover{background:#a7d9ff12}.history-row:last-child{border:0}.history-symbol{display:grid;place-items:center;width:44px;height:44px;color:#afffe9;background:#477e9b6b;border-radius:50%;flex-shrink:0}.history-text,.history-end{display:flex;flex-direction:column;gap:5px}.history-text{flex:1;min-width:0}.history-text strong{font-size:.94rem;overflow-wrap:anywhere}.history-text>span{font-size:.8rem;color:#c9dcf3}.history-end{text-align:right;align-items:flex-end;font-size:.78rem;min-width:100px;color:#c9ddf5}.history-end strong{font-size:.95rem;color:#e7fff6}.history-end>span:last-child{color:#b6ffed}.history-dialog{position:relative;width:min(730px,calc(100vw - 30px));max-height:85dvh;overflow:auto;padding:28px;border-radius:24px;color:#f7fbff;border:1px solid #b1e7f653;background:radial-gradient(ellipse at 0 0,#4482a456,transparent 65%),linear-gradient(135deg,#2f5789f7,#273e70f7);box-shadow:0 30px 110px #07152ab0;backdrop-filter:blur(26px)}.history-dialog::backdrop,.incoming-dialog::backdrop{background:#07172fb0;backdrop-filter:blur(9px)}.history-dialog .history-page,.history-dialog .detail-page{background:transparent;border:0;padding:0;box-shadow:none}.history-dialog .dialog-header,.history-dialog .history-modal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.history-dialog [data-action=close-history],.history-dialog .modal-close{width:48px;height:48px;padding:10px;border-radius:50%;float:right}.call-facts{margin:22px 0;padding:10px 20px}.call-facts>div{display:grid;grid-template-columns:125px 1fr;gap:15px;padding:11px 0;border-bottom:1px solid #bedaff20}.call-facts>div:last-child{border:0}.call-facts dt{font-size:.83rem;color:#c2d5ed}.call-facts dd{font-size:.9rem;margin:0;overflow-wrap:anywhere}.rating-form{padding:24px;margin-block:24px}.rating-form fieldset{border:0;padding:0;margin:0 0 22px}.rating-form legend{font-size:1rem}.stars{display:flex;justify-content:center;gap:10px;margin:22px 0}.stars label{position:relative;min-width:48px;height:55px;display:grid;place-items:center;border-radius:12px;color:#bfd4eb;background:#2c4f7b6b;border:1px solid #b6dbf938;font-size:2.2rem;cursor:pointer}.stars input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.stars label:has(input:checked){background:#71f0df24;border-color:#96ffe7;color:#b9ffdf;box-shadow:0 0 20px #71f0df20}.stars label:has(input:focus-visible){outline:3px solid #ffdb80;outline-offset:3px}.rating-form>.button{width:100%}.rating-page{max-width:430px;margin:30px auto;text-align:center}.rating-page .rating-form{background:transparent;box-shadow:none;border:0;padding:0}.rating-page h2{font-size:1.5rem;font-weight:400}.existing-rating{padding:20px;margin-block:20px}.existing-rating>strong{font-size:1.7rem;color:#b1ffe6}.existing-rating p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.message-history{padding:18px;margin:22px 0}.message-history summary{min-height:40px;cursor:pointer}.message-history li{margin-bottom:20px}.message-history p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.message-history time{font-size:.75rem;color:#bbd0e9}.company-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.company-columns .section-block{margin:0}.site-list,.staff-list{list-style:none;padding:0}.site-list li,.staff-list li{display:flex;gap:13px;padding:16px 0;border-bottom:1px solid #bed9f621}.site-list li>div,.staff-list li>div{display:flex;flex-direction:column;gap:4px}.site-list span,.staff-list span:not(.avatar){font-size:.8rem;color:#c4d9f2}.avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#52819b64;color:#b0ffe9;flex-shrink:0}.info-panel{padding:18px;background:#5e4e2a80;color:#fff0c8;border-radius:13px;border:1px solid #e8d39248}
.incoming-dialog{position:relative;text-align:center;padding:38px 30px;width:min(450px,calc(100vw - 30px));color:#fff;border:1px solid #a5fff47d;border-radius:28px;background:radial-gradient(ellipse at 50% 0%,#62b8be69,transparent 66%),linear-gradient(140deg,#327ea3,#425893);box-shadow:0 0 0 10px #71f0df09,0 25px 90px #0b193b9c}.incoming-symbol{width:90px;height:90px;margin:12px auto 24px;display:grid;place-items:center;border-radius:50%;color:#f0fff9;background:#173f7054;border:1px solid #bbffed69;box-shadow:0 0 35px #71f0df20}.incoming-symbol .icon{width:43px;height:43px}.incoming-dialog h2{font-size:1.6rem;font-weight:400;overflow-wrap:anywhere}.incoming-dialog p{font-size:.9rem;color:#e3f4ff}.incoming-dialog .eyebrow{color:#d0fff1}.incoming-actions{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:28px}.incoming-actions .icon-only{width:72px;height:72px;border-radius:50%}.incoming-actions .icon{width:32px;height:32px}.incoming-actions [data-action=accept-call]{background:#71f0df;color:#103f50;box-shadow:0 0 28px #71f0df46}.incoming-close{position:absolute;right:12px;top:12px;background:#193b695f;border-color:#c8f9ef50}.incoming-close .icon{width:22px;height:22px}
.call-layout{position:relative;isolation:isolate;width:100%;height:100dvh;min-height:100dvh;overflow:hidden;background:radial-gradient(ellipse at 20% 0%,#397eb734,transparent 60%),#101d34;color:#fff}.call-layout.-fullscreen,.call-layout:fullscreen{height:100dvh;width:100vw;max-width:none}.call-layout>.app-header{display:none}.call-main{position:absolute;inset:0;width:100%;max-width:none;padding:0;margin:0}.call-topbar{position:absolute;z-index:15;left:0;right:0;top:0;min-height:62px;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 24px;background:linear-gradient(180deg,#152d54df,#18325570,transparent);color:#f7fbff}.call-topbar h1,.call-topbar h2{font-size:1rem;margin:0;font-weight:500}.call-topbar p{font-size:.73rem;margin:3px 0 0;color:#c1dcf2}.call-topbar time{font-size:.92rem;color:#d5fff3;font-variant-numeric:tabular-nums}.call-topbar .wordmark{width:60px;height:30px}.call-heading{position:absolute;top:15px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:12;margin:0;pointer-events:none}.call-heading h1{font-size:1rem;margin:0}.call-connection{font-size:.76rem;color:#d4e9fa;margin:4px 0 0}.video-and-chat{position:absolute;inset:0;display:block}.video-area{position:absolute;inset:67px 26px 208px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:20px;background:#0d1728;box-shadow:0 10px 45px #060c1c33}.video-area video{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center;background:#0d1728}.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;text-align:center;color:#e5f2ff;background:radial-gradient(ellipse at 50% 10%,#397eb726,transparent 70%),#10203a;pointer-events:none}.video-placeholder>span{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#397eb728;color:#b3ffec;margin-bottom:22px}.video-placeholder .icon{width:34px;height:34px}.video-placeholder strong{font-weight:400;font-size:1rem}.video-placeholder p{font-size:.8rem;color:#b9cee7;margin-top:11px;max-width:280px}.call-aside{position:absolute;right:26px;bottom:90px;width:195px;height:110px;z-index:5}.self-area{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border-radius:15px;border:1px solid #c7e7ff48;background:#1c3455;box-shadow:0 8px 25px #060c1d66;color:#d8e8ff}.self-area video{width:100%;height:100%;object-fit:contain!important;background:#172b47}.self-area .mirrored{transform:scaleX(-1)}#self-placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:10px;text-align:center;font-size:.75rem;color:#d5e6fb;background:#1c3455}.self-label{position:absolute;left:8px;bottom:6px;color:#effaff;font-size:.65rem;background:#172b49b3;border-radius:5px;padding:2px 6px}.layout-stack .video-area{inset:67px 26px auto;height:calc((100dvh - 164px)*.62)}.layout-stack .call-aside{top:calc(74px + (100dvh - 164px)*.62);bottom:90px;left:26px;right:26px;width:auto;height:auto}.layout-side .video-area{inset:67px calc(50% + 7px) 92px 22px}.layout-side .call-aside{inset:67px 22px 92px calc(50% + 7px);width:auto;height:auto}.layout-wide .video-area{left:0;right:0;border-radius:0;box-shadow:none}.layout-wide .call-aside{right:20px}
.call-controls{position:absolute;z-index:20;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 12px;border:1px solid #bee4ff25;border-radius:28px;background:#24446ccb;box-shadow:0 10px 35px #020c216b;backdrop-filter:blur(22px);margin:0;max-width:calc(100% - 24px)}.call-controls .button{position:relative;flex-shrink:0;width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;padding:11px;color:#f4faff;background:#5478a551;border:1px solid #c7eaff22}.call-controls .button:hover{background:#678daf80}.call-controls .button[aria-pressed=true]{color:#163b51;background:#a2ffe9;border-color:#b3ffea}.call-controls .button.danger,.call-controls [data-action=end-call]{background:#bc2b48;color:white;border-color:#ff7b9638;box-shadow:0 4px 20px #ed3b582f}.call-controls #start-media,.call-controls #resume-audio{width:auto;border-radius:24px;max-width:240px;padding:11px 18px;color:#143c50;background:#71f0df;font-size:.84rem}.call-controls #start-media .icon,.call-controls #resume-audio .icon{width:21px;height:21px}.call-options-panel{position:absolute;z-index:30;right:22px;bottom:99px;width:300px;max-width:calc(100% - 32px);padding:22px;border:1px solid #bde9f64f;border-radius:22px;background:linear-gradient(140deg,#325d88f2,#243c68f2);backdrop-filter:blur(25px);box-shadow:0 20px 60px #08142b70}.call-options-panel>label,.call-options-panel .field{display:flex;flex-direction:column;gap:7px;color:#ecf7ff;font-size:.8rem;margin-bottom:17px}.call-options-panel select{font-size:.85rem;background:#193962bd;border-color:#b6e5f549}.call-options-panel p{color:#c3d8ed;font-size:.75rem;margin:9px 0 0}.quality-details{position:absolute;bottom:95px;left:25px;max-width:60%;z-index:7;margin:0;font-size:.77rem;color:#bfdaed}.quality-details summary{cursor:pointer}.quality-details p{margin:7px 0 0}.lab-note{position:absolute;top:76px;left:37px;z-index:8;font-size:.7rem;padding:4px 8px;color:#f8ebc2;border:1px solid #d8c79738;border-radius:6px;background:#594b28a6;pointer-events:none}
.chat-panel{position:absolute;z-index:25;right:18px;top:74px;bottom:99px;width:330px;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(155deg,#305881f5,#223960f5);border:1px solid #b5e1f343;backdrop-filter:blur(24px);border-radius:20px;box-shadow:0 20px 55px #07152a77;visibility:hidden;opacity:0;transform:translateX(20px);pointer-events:none;transition:opacity .22s,transform .22s,visibility .22s}.chat-open .chat-panel{visibility:visible;opacity:1;transform:none;pointer-events:auto}.chat-panel h2{display:flex;align-items:center;gap:8px;padding:18px;font-size:.95rem;margin:0;border-bottom:1px solid #cae7ff22}.messages{flex:1;overflow:auto;padding:16px;min-height:90px;max-height:none}.messages>.empty{font-size:.83rem}.chat-message{padding:11px 13px;border:1px solid #bfddfc16;border-radius:14px;background:#41659470;color:#eef7ff;margin-bottom:12px;font-size:.86rem}.chat-message.mine{background:#387c814f;border-color:#9ceccc32}.chat-message strong{font-size:.73rem;color:#c6fbea}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.chat-message time{color:#c0d5ee;font-size:.66rem}.chat-panel form{display:flex;gap:7px;align-items:center;padding:12px;border-top:1px solid #c8e6ff22}#chat-text{min-width:0;min-height:46px;padding:10px;font-size:.85rem;background:#1c3a65}.chat-panel form .button{min-height:46px;border-radius:12px;font-size:.8rem;padding:10px 13px}.chat-open.layout-focus .video-area,.chat-open.layout-wide .video-area{right:367px}.chat-open.layout-focus .call-aside,.chat-open.layout-wide .call-aside{right:367px}.chat-open.layout-side .video-area{right:calc((100% + 345px)/2 + 6px)}.chat-open.layout-side .call-aside{left:calc((100% - 345px)/2 + 6px);right:367px}.chat-open.layout-stack .video-area,.chat-open.layout-stack .call-aside{right:367px}
@media(min-width:700px){body:has(.phone-shell){display:grid;place-items:center;min-height:100vh;background:radial-gradient(ellipse at 30% 20%,#397eb74d,transparent 70%),#142947;padding:20px}.phone-shell#app{min-height:0;position:relative;width:399px;height:735px;padding:24px 12px 44px;background:linear-gradient(145deg,#171e2b,#101726);border-radius:47px;box-shadow:0 22px 75px #06122980,inset 0 0 0 1px #c2e2ff24}.phone-shell:after{content:'';position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:26px;height:26px;border:2px solid #73859d;border-radius:50%}.phone-screen{position:relative;width:375px;height:667px;overflow:auto;scrollbar-width:thin;background:#1d355e;border-radius:4px}.phone-screen .auth-screen,.phone-screen .app-layout{min-height:667px}.phone-screen .auth-screen{padding:40px 38px 25px}.phone-screen .auth-logo{width:120px;height:120px;margin-bottom:25px}.phone-screen .app-header{padding:23px 20px 8px;min-height:75px}.phone-screen .wordmark{width:65px;height:33px}.phone-screen .connection{display:none}.phone-screen .main-content{padding:20px 23px}.phone-screen .consumer-home{min-height:430px}.phone-screen .home-intro h1{font-size:1.58rem;margin:12px 0 0}.phone-screen .call-cta{min-height:280px}.phone-screen .sign-call{width:136px;height:136px}.phone-screen .sign-call img{width:68px;height:68px}.phone-screen .bottom-nav{gap:14px;padding:7px 12px;margin-bottom:19px}.phone-screen .nav-button{min-width:66px;font-size:.7rem;padding:7px 13px}.phone-screen .interpreter-wait-room{min-height:435px}.phone-screen .waiting-orbit{width:144px;height:144px}.phone-screen .form-card{padding:20px}.phone-screen .company-columns,.phone-screen .stats-grid{grid-template-columns:1fr}.phone-screen .notice{position:sticky;left:0;top:0;margin:7px;transform:none;max-width:100%;font-size:.8rem}.phone-screen .call-layout{height:667px;min-height:667px}.phone-screen .call-topbar{padding:12px 15px;min-height:56px}.phone-screen .video-area{inset:62px 10px 202px;border-radius:15px}.phone-screen .call-aside{width:132px;height:99px;bottom:93px;right:12px}.phone-screen .call-controls{gap:5px;bottom:16px;padding:7px;max-width:calc(100% - 14px)}.phone-screen .call-controls .button{width:44px;height:44px;min-width:44px;min-height:44px;padding:11px}.phone-screen .call-controls .icon{width:21px;height:21px}.phone-screen .call-controls #start-media,.phone-screen .call-controls #resume-audio{width:auto;max-width:160px;font-size:.75rem;padding:10px 12px}.phone-screen .layout-stack .video-area{inset:62px 10px auto;height:301px}.phone-screen .layout-stack .call-aside{top:373px;left:10px;right:10px;bottom:90px;width:auto;height:auto}.phone-screen .layout-side .video-area{inset:62px calc(50% + 4px) 94px 10px}.phone-screen .layout-side .call-aside{inset:62px 10px 94px calc(50% + 4px);width:auto;height:auto}.phone-screen .layout-wide .video-area{left:0;right:0;border-radius:0}.phone-screen .chat-panel{top:auto;right:8px;left:8px;bottom:87px;width:auto;height:290px;border-radius:21px 21px 14px 14px;transform:translateY(18px)}.phone-screen .chat-open .chat-panel{transform:none}.phone-screen .chat-open .video-area{bottom:385px;right:10px;left:10px;top:62px;height:auto}.phone-screen .chat-open .call-aside{display:none}.phone-screen .quality-details{font-size:.68rem;left:14px;bottom:99px;max-width:51%}.phone-screen .call-options-panel{right:12px;bottom:91px;width:280px;padding:20px}.phone-screen .lab-note{left:18px;top:70px;font-size:.62rem}.phone-screen .video-placeholder strong{font-size:.85rem}}
@media(max-width:699px){.auth-screen{padding:38px 30px 25px}.auth-logo{width:120px;height:120px}.app-header{padding:22px 21px 8px;min-height:75px}.wordmark{width:65px;height:33px}.connection{display:none}.header-brand,.header-actions{gap:9px}.main-content{padding:24px 23px}.consumer-home{min-height:calc(100dvh - 226px)}.home-intro h1{font-size:1.65rem;margin-top:12px}.call-cta{min-height:270px}.sign-call{width:145px;height:145px}.sign-call img{width:72px;height:72px}.bottom-nav{gap:14px;padding:7px 12px;margin-bottom:calc(17px + env(safe-area-inset-bottom));max-width:calc(100% - 28px)}.nav-button{font-size:.72rem;min-width:66px;padding:7px 12px}.interpreter-wait-room{min-height:calc(100dvh - 220px)}.waiting-orbit{width:145px;height:145px}.interpreter-wait-room h2{font-size:1.4rem}.form-card{padding:22px 19px}.profile-page>h2{font-size:1.3rem}.password-section>summary{font-size:.88rem;padding:16px 19px}.history-row{gap:9px;padding:16px 2px}.history-symbol{width:34px;height:34px}.history-text strong{font-size:.86rem}.history-text>span{font-size:.72rem}.history-end{min-width:71px;font-size:.7rem}.history-dialog{padding:22px 18px;border-radius:23px}.call-facts{padding:9px 15px}.call-facts>div{grid-template-columns:90px 1fr;gap:10px}.call-facts dd,.call-facts dt{font-size:.79rem}.stars{gap:7px}.stars label{min-width:46px;height:53px}.company-columns{grid-template-columns:1fr}.stats-grid{gap:9px}.stats-grid>div{padding:15px 10px}.stats-grid strong{font-size:1.1rem}.stats-grid span{font-size:.72rem}.section-block{padding:18px}.turn-actions{flex-direction:column}.incoming-dialog{padding:32px 24px}.call-topbar{padding:12px 15px;min-height:56px}.call-topbar h1,.call-topbar h2{font-size:.9rem}.call-topbar p{font-size:.67rem}.video-area{inset:62px 10px 202px;border-radius:15px}.call-aside{width:132px;height:99px;bottom:93px;right:12px}.call-controls{gap:5px;bottom:calc(16px + env(safe-area-inset-bottom));padding:7px;max-width:calc(100% - 14px)}.call-controls .button{width:44px;height:44px;min-width:44px;min-height:44px;padding:10px}.call-controls .icon{width:21px;height:21px}.call-controls #start-media,.call-controls #resume-audio{width:auto;max-width:165px;font-size:.75rem;padding:10px 12px}.layout-stack .video-area{inset:62px 10px auto;height:calc((100dvh - 155px)*.62)}.layout-stack .call-aside{top:calc(69px + (100dvh - 155px)*.62);left:10px;right:10px;bottom:90px;width:auto;height:auto}.layout-side .video-area{inset:62px calc(50% + 4px) 94px 10px}.layout-side .call-aside{inset:62px 10px 94px calc(50% + 4px);width:auto;height:auto}.layout-wide .video-area{left:0;right:0;border-radius:0}.chat-panel{top:auto;right:8px;left:8px;bottom:87px;width:auto;height:min(290px,45dvh);border-radius:21px 21px 14px 14px;transform:translateY(18px)}.chat-open .chat-panel{transform:none}.chat-open.layout-focus .video-area,.chat-open.layout-wide .video-area,.chat-open.layout-side .video-area,.chat-open.layout-stack .video-area{top:62px;right:10px;left:10px;bottom:385px;height:auto}.chat-open .call-aside{display:none}.call-options-panel{right:12px;bottom:91px;width:280px;padding:20px}.quality-details{font-size:.68rem;left:14px;bottom:99px;max-width:51%}.lab-note{left:18px;top:70px;font-size:.62rem}.video-placeholder strong{font-size:.86rem}.video-placeholder p{font-size:.74rem}html[data-native="1"] .app-header{padding-top:calc(22px + env(safe-area-inset-top))}html[data-native="1"] .call-topbar{padding-top:calc(12px + env(safe-area-inset-top))}}
@media(prefers-reduced-motion:no-preference){.auth-screen:before,.theme-dils:before,.gradient-home:before,.interpreter-layout:before{animation:dils-light-one 20s ease-in-out infinite alternate}.auth-screen:after,.theme-dils:after,.gradient-home:after,.interpreter-layout:after{animation:dils-light-two 26s ease-in-out infinite alternate}.splash-wordmark{animation:dils-logo-intro 1s cubic-bezier(.2,.7,.2,1) both}.main-content{animation:dils-enter .65s ease both}.sign-call,.waiting-orbit{animation:dils-float 4.5s ease-in-out infinite}.sign-call:before{animation:dils-ring 4.5s ease-in-out infinite}.button{transition:background .18s,box-shadow .18s,transform .18s}.button:hover{transform:translateY(-2px)}.button:active{transform:scale(.96)}.sign-call:hover{animation:dils-bounce .55s ease both}.incoming-symbol{animation:dils-float 3.5s ease-in-out infinite}.incoming-dialog{animation:dils-incoming-glow 3.5s ease-in-out infinite}@keyframes dils-light-one{to{transform:translate(20vw,18vh) scale(1.18)}}@keyframes dils-light-two{to{transform:translate(-18vw,-20vh) scale(1.17)}}@keyframes dils-logo-intro{0%{opacity:0;transform:scale(.77);filter:brightness(0) invert(1) blur(3px)}45%{opacity:1}100%{opacity:1;transform:scale(1);filter:brightness(0) invert(1) blur(0)}}@keyframes dils-enter{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@keyframes dils-float{50%{transform:translateY(-8px)}}@keyframes dils-ring{50%{transform:scale(1.05);opacity:.55}}@keyframes dils-bounce{40%{transform:translateY(-9px) scale(1.025)}75%{transform:translateY(2px) scale(.985)}100%{transform:translateY(0) scale(1)}}@keyframes dils-incoming-glow{50%{box-shadow:0 0 0 14px #71f0df12,0 25px 90px #071a3799,0 0 65px #71f0df26}}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.dils-splash.dismissed{transform:none}.chat-panel{transform:none}}

/* Ajustes de las opciones accesibles y de los encabezados compactos. */
.dialog-topbar,.call-options-panel>header,.chat-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.dialog-topbar h2,.call-options-panel>header h2,.chat-panel>header h2{margin:0;padding:0;border:0}.chat-panel>header{padding:12px 16px;border-bottom:1px solid #c8e6ff22;margin:0}.call-options-panel>.setting-check{display:flex;flex-direction:row;align-items:center;gap:10px;min-height:44px;margin:4px 0}.setting-check input{width:22px;height:22px;accent-color:#71f0df;flex-shrink:0}.call-options-panel .quality-details{position:static;max-width:100%;margin-top:16px}.call-controls #start-media,.call-controls #resume-audio{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 40px)}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html.large-text{font-size:125%}html.large-text body{font-size:20px}.incoming-close{position:absolute!important;top:12px;right:12px}.incoming-close-bottom{margin-top:20px}.history-dialog .history-page{border:0;background:transparent;box-shadow:none;padding:0}.history-dialog .detail-page{max-height:65dvh;overflow:auto}.call-topbar .call-connection{font-size:.75rem}.call-options-panel{max-height:calc(100% - 130px);overflow:auto}
@media (orientation:landscape) and (max-height:540px){
  .call-topbar{min-height:42px;padding:8px 15px}.call-topbar h1{font-size:.9rem}
  .call-layout.layout-focus .video-area,.call-layout.layout-wide .video-area{inset:48px 145px 86px 10px;height:auto}
  .call-layout.layout-focus .call-aside,.call-layout.layout-wide .call-aside{width:125px;height:94px;right:10px;top:calc(50% - 47px);bottom:auto}
  .call-layout.layout-side .video-area{top:48px;bottom:86px}.call-layout.layout-side .call-aside{top:48px;bottom:86px}
  .call-controls{bottom:12px}.call-options-panel{bottom:86px;max-height:calc(100% - 104px)}
  .call-layout.chat-open .video-area{inset:48px calc(50% + 5px) 86px 10px;height:auto}.call-layout.chat-open .chat-panel{inset:48px 10px 86px calc(50% + 5px);width:auto;height:auto}.call-layout.chat-open .call-aside{display:none}
}