main{grid-template-columns:1fr 1fr;gap:42px;align-items:start;margin-top:14px}.intro{padding:8px 0 0}.intro .eyebrow{margin-bottom:12px}.call-title{font-size:34px;letter-spacing:-1px;margin:0 0 20px}.call-stage{position:relative;border-radius:19px;overflow:hidden;background:#e6e0ef;box-shadow:0 18px 50px #3a284e13;isolation:isolate}.ada-person{display:block;width:100%;height:476px;object-fit:cover}.call-top{position:absolute;z-index:2;left:18px;right:18px;top:18px;display:flex;justify-content:space-between;font-size:9px;color:#625774;letter-spacing:.3px}.call-top>span:first-child{background:#ffffffbf;border:1px solid #ffffff80;border-radius:15px;padding:6px 9px;display:flex;gap:6px;align-items:center}.call-top>span:last-child{font-size:10px;font-weight:700;letter-spacing:1.8px;padding:7px}.call-caption{position:absolute;left:0;right:0;bottom:0;padding:37px 22px 18px;background:linear-gradient(transparent,#242039cc);color:white;display:flex;flex-direction:column;gap:7px}.call-caption strong{font-size:17px;font-weight:600}.call-caption strong span{font-size:9px;font-weight:400;color:#e4dff3;margin-left:8px}.call-caption>span{font-size:10px;color:#e0d8f3}.call-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;flex-wrap:wrap}.call-controls button{background:#fff;border:1px solid #e1ddec;border-radius:20px;font-size:10px;padding:10px 13px;color:#5e527e}.call-controls button[aria-pressed=true]{color:white;background:#7763ce;border-color:#7763ce}.call-controls button:disabled{opacity:.4;cursor:default}.call-controls select{background:transparent;color:#6e657e;font-size:9px;border:0;max-width:100%;width:100%;text-align:center;margin-top:3px;cursor:pointer}.voice-note{text-align:center;font-size:9px;line-height:1.7;color:#918b9e;margin:11px 0 0}.avatar-body{transform-origin:250px 500px;animation:ada-breathe 5s ease-in-out infinite}.avatar-head{transform-origin:250px 315px;animation:ada-nod 9s ease-in-out infinite}.avatar-eyes{transform-origin:250px 213px;animation:ada-blink 5.6s infinite}.mouth-open{display:none;transform-origin:250px 284px}.is-speaking .mouth-open{display:block;animation:ada-mouth .28s ease-in-out infinite alternate}.is-speaking .avatar-mouth{opacity:0}.is-speaking .avatar-head{animation:ada-speak-nod 2.2s ease-in-out infinite}.is-listening{box-shadow:0 0 0 3px #aaa0d9,0 18px 50px #3a284e13}.is-thinking .call-top .status-dot{animation:pulse 1s infinite}.composer #microphone{background:#eeebf8;color:#7763ce;font-size:20px}.composer #microphone.recording{background:#b9566d;color:white}.is-speaking .call-caption>span:before{content:'▂▅▃▆ ';color:#c9baff;letter-spacing:2px}.conversation-card{margin-top:70px}.welcome-symbol{margin-top:2px}@keyframes ada-breathe{50%{transform:translateY(2px) scale(1.008)}}@keyframes ada-nod{0%,45%,100%{transform:rotate(0)}55%,70%{transform:rotate(-1deg)}}@keyframes ada-blink{0%,43%,47%,92%,96%,100%{transform:scaleY(1)}45%,94%{transform:scaleY(.08)}}@keyframes ada-mouth{0%{transform:scale(1,.2)}40%{transform:scale(.85,.7)}100%{transform:scale(1,1.1)}}@keyframes ada-speak-nod{0%,100%{transform:rotate(-.7deg) translateY(0)}50%{transform:rotate(.7deg) translateY(1px)}}@media(max-width:1050px){main{gap:25px}.ada-person{height:450px}.call-title{font-size:32px}}@media(max-width:760px){main{margin-top:3px}.intro{padding:10px 3px 24px}.intro .eyebrow{font-size:8px;margin-bottom:8px}.call-title{font-size:27px;margin-bottom:15px}.ada-person{height:270px;width:100%;object-fit:cover}.call-stage{max-height:270px}.call-stage svg{view-transition-name:none}.ada-person{background:#e7e1f4}.call-caption{padding-top:24px}.call-caption strong{font-size:15px}.call-top{top:12px;left:14px;right:14px}.call-controls{margin-top:11px}.voice-note{margin-bottom:0}.conversation-card{margin-top:0;min-height:575px}.call-controls select{font-size:10px}.messages{height:300px}}@media(prefers-reduced-motion:reduce){.avatar-body,.avatar-head,.avatar-eyes,.mouth-open{animation:none!important}.is-speaking .mouth-open{transform:scaleY(.6)}}
@media(max-width:760px){.in-conversation .intro{position:sticky;top:0;z-index:5;background:#f5f5f8;padding:8px 0 12px}.in-conversation .intro .eyebrow,.in-conversation .call-title,.in-conversation .voice-note{display:none}.in-conversation .call-stage,.in-conversation .ada-person{height:190px}.in-conversation .call-controls{margin-top:8px}.in-conversation .call-controls select{margin-top:0;font-size:9px}.in-conversation .call-top{top:8px}.in-conversation .call-caption{padding:25px 14px 11px}.in-conversation .call-caption>span{font-size:9px}.in-conversation .conversation-card{scroll-margin-top:280px}}
/* El modo de conversación tiene su propio control de pausa visible. */
#voice-conversation{font-weight:600;background:#eee9fb;color:#6550b3;border-color:#d9cfef}
#voice-conversation[aria-pressed=true]{background:#6450b5;color:#fff}
#custom-avatar{display:block;width:100%;height:476px;object-fit:cover}.has-custom-avatar .ada-person{display:none}
.mode-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.mode-choice button{border:1px solid #e5e0f1;border-radius:8px;background:white;padding:12px;color:#675c83;text-align:left;font-size:11px;cursor:pointer}.mode-choice button[aria-pressed=true]{background:#f0ebfb;border-color:#bcaee5}.mode-choice small{display:block;margin-top:6px;font-size:9px;color:#90879f}
.mode-chat.in-conversation .intro{display:none}.mode-chat.in-conversation main{display:block;max-width:830px}.mode-chat.in-conversation .conversation-card{margin-top:0}.mode-chat.in-conversation .messages{height:440px}.mode-chat.in-conversation #microphone{display:none}
.mode-voz.in-conversation .conversation-card{display:none}.mode-voz.in-conversation main{display:block;max-width:740px}.mode-voz.in-conversation .intro{position:static}.mode-voz.in-conversation .call-stage,.mode-voz.in-conversation .ada-person{height:440px}.mode-voz.in-conversation .eyebrow,.mode-voz.in-conversation .call-title{display:block}.mode-voz.in-conversation .voice-note{display:block}#voice-actions{display:flex;justify-content:center;gap:10px;margin-top:10px}#voice-actions button{font-size:10px;padding:9px 13px;border-radius:20px;border:1px solid #e0dbea;background:white;color:#72618f}#end-attention{color:#a45769!important}
@media(max-width:760px){#custom-avatar{height:270px}.mode-chat.in-conversation .messages{height:400px}.mode-voz.in-conversation #custom-avatar{height:360px}.mode-voz.in-conversation .call-stage,.mode-voz.in-conversation .ada-person{height:360px}.mode-voz.in-conversation .intro{padding-top:10px}}