/* V9.9 · Aula IA en vivo. Capa totalmente aislada: no redefine estilos existentes. */
.live-ai-entry{width:100%;margin-top:16px}
.live-ai-shell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:22px;align-items:start}
.live-ai-stage,.live-ai-control{overflow:hidden}
.live-ai-stage{padding:0;background:linear-gradient(180deg,#eff7ff 0%,#ffffff 52%,#f4f8fd 100%);border:1px solid #dbe8f5}
.live-ai-stage-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:20px 22px 10px}.live-ai-stage-head h3{margin:5px 0 4px;font-size:24px;color:#17365d}.live-ai-stage-head p{margin:0;color:#6a7e96}.live-pill{font-size:11px;font-weight:900;letter-spacing:.12em;color:#0d8b72}.live-accessibility-badge{padding:8px 11px;border:1px solid #b9d7f2;border-radius:999px;background:white;color:#244d83;font-size:12px;font-weight:900;white-space:nowrap}
.live-avatar-scene{position:relative;min-height:360px;margin:10px 22px 0;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 25% 20%,#dff6ff,transparent 28%),linear-gradient(145deg,#0d3562 0%,#1a5d9c 55%,#2f8bd1 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.live-avatar-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:42px 42px;opacity:.35}
.live-board{position:absolute;right:5%;top:12%;width:48%;min-height:170px;border-radius:18px;padding:25px;background:rgba(255,255,255,.92);box-shadow:0 20px 50px rgba(3,22,44,.25);display:flex;flex-direction:column;justify-content:center}.live-board span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#2e63a8}.live-board strong{display:block;font-size:25px;line-height:1.12;color:#102b4b;margin:8px 0}.live-board small{font-size:14px;line-height:1.45;color:#60758e}
.live-avatar{position:absolute;left:7%;bottom:0;width:210px;height:315px;transform-origin:bottom center;filter:drop-shadow(0 18px 24px rgba(0,0,0,.25))}.live-body{position:absolute;bottom:-20px;left:18px;width:175px;height:132px;border-radius:70px 70px 15px 15px;background:linear-gradient(135deg,#142b49,#245b91)}.live-shirt{position:absolute;left:52px;top:0;width:70px;height:80px;background:white;clip-path:polygon(0 0,100% 0,73% 100%,27% 100%)}.live-tie{position:absolute;left:80px;top:15px;width:15px;height:72px;background:#1c76c4;clip-path:polygon(50% 0,100% 15%,70% 100%,30% 100%,0 15%)}.live-neck{position:absolute;left:82px;top:170px;width:48px;height:48px;background:#f2bd93}.live-face{position:absolute;left:42px;top:42px;width:128px;height:155px;border-radius:52% 48% 45% 45%;background:linear-gradient(145deg,#ffd9b8,#e9a977);z-index:4}.live-hair{position:absolute;left:35px;top:26px;width:145px;height:80px;background:#3a241b;border-radius:60% 50% 30% 35%;z-index:5;clip-path:polygon(0 35%,13% 11%,36% 21%,57% 0,75% 19%,100% 8%,91% 62%,78% 43%,69% 65%,59% 42%,48% 61%,36% 39%,22% 62%,12% 45%)}.live-ear{position:absolute;top:101px;width:23px;height:42px;border-radius:50%;background:#ebb083;z-index:3}.live-ear.left{left:31px}.live-ear.right{left:159px}.live-eye{position:absolute;top:62px;width:11px;height:9px;border-radius:50%;background:#20313f;animation:liveBlink 5.5s infinite}.live-eye.left{left:33px}.live-eye.right{right:33px}.live-brow{position:absolute;top:49px;width:31px;height:6px;border-radius:999px;background:#493126}.live-brow.left{left:21px;transform:rotate(-4deg)}.live-brow.right{right:21px;transform:rotate(4deg)}.live-glasses{position:absolute;top:51px;width:45px;height:35px;border:4px solid #1b3f67;border-radius:12px}.live-glasses.left{left:10px}.live-glasses.right{right:10px}.live-bridge{position:absolute;left:57px;top:65px;width:16px;height:4px;background:#1b3f67}.live-nose{position:absolute;left:61px;top:79px;width:10px;height:25px;border-right:3px solid rgba(126,72,48,.35);border-bottom:3px solid rgba(126,72,48,.25);border-radius:0 0 7px 0}.live-mouth{position:absolute;left:48px;top:120px;width:35px;height:8px;border-radius:0 0 24px 24px;background:#8a4034;transform-origin:center}.live-avatar.speaking{animation:liveTeacherGesture 3.2s ease-in-out infinite}.live-avatar.speaking .live-mouth{animation:liveMouth .24s ease-in-out infinite alternate}.live-avatar.speaking .live-brow.left{animation:liveBrowL 3s ease-in-out infinite}.live-avatar.speaking .live-brow.right{animation:liveBrowR 3s ease-in-out infinite}
@keyframes liveMouth{from{height:6px;transform:scaleX(.85)}to{height:19px;transform:scaleX(1.08);border-radius:45%}}@keyframes liveTeacherGesture{0%,100%{transform:rotate(0) translateY(0)}30%{transform:rotate(-1.5deg) translateY(-2px)}65%{transform:rotate(1.2deg) translateY(0)}}@keyframes liveBlink{0%,47%,50%,100%{transform:scaleY(1)}48%,49%{transform:scaleY(.08)}}@keyframes liveBrowL{0%,100%{transform:rotate(-4deg) translateY(0)}45%{transform:rotate(-8deg) translateY(-2px)}}@keyframes liveBrowR{0%,100%{transform:rotate(4deg) translateY(0)}45%{transform:rotate(8deg) translateY(-2px)}}
.live-subtitles{position:absolute;z-index:20;left:7%;right:7%;bottom:18px;margin:0 auto;padding:8px 14px;min-height:0;max-width:86%;width:max-content;box-sizing:border-box;border-radius:7px;background:rgba(0,0,0,.76);color:#fff;font-size:19px;line-height:1.35;font-weight:750;text-align:center;text-wrap:balance;text-shadow:0 1px 2px rgba(0,0,0,.7);box-shadow:0 4px 16px rgba(0,0,0,.18);pointer-events:none}.live-subtitles:empty{display:none}.live-subtitles.large{font-size:25px;line-height:1.4;max-width:92%}.live-player{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:14px 22px 21px}.live-player label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#53677f}.live-player select{border:1px solid #cbd9e8;border-radius:10px;padding:8px;background:#fff}
.live-ai-control{padding:20px}.live-control-title{display:flex;gap:12px;align-items:flex-start}.live-control-title>span{font-size:30px}.live-control-title h3{margin:0;color:#17365d}.live-control-title p{margin:5px 0 16px;color:#667c95;line-height:1.45}.live-field{display:grid;gap:6px;margin:13px 0;color:#365474;font-size:13px;font-weight:850}.live-field select,.live-field textarea{width:100%;box-sizing:border-box;border:1px solid #cbd9e8;border-radius:14px;padding:12px 13px;font:inherit;color:#152b43;background:#fff;outline:none}.live-field textarea{resize:vertical;min-height:118px;line-height:1.45}.live-field select:focus,.live-field textarea:focus{border-color:#4a90d9;box-shadow:0 0 0 3px rgba(74,144,217,.12)}.live-chips{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 15px}.live-chips button,.live-followups button{border:1px solid #c9dcf0;border-radius:999px;background:#f7fbff;color:#285580;padding:8px 10px;font-weight:800;font-size:12px;cursor:pointer}.live-generate{width:100%;font-size:16px;padding:13px}.live-followups{margin-top:17px;padding:14px;border-radius:15px;background:#f4f9fe;border:1px solid #dceaf7}.live-followups p{margin:0 0 9px;font-size:12px;font-weight:900;color:#53677f}.live-transcript{margin-top:16px;border-top:1px solid #e2eaf3;padding-top:14px}.live-transcript summary{cursor:pointer;font-weight:850;color:#244d83}.live-transcript>div{margin-top:10px;color:#53677f;line-height:1.55;white-space:pre-wrap}.live-note{font-size:11px;line-height:1.4;color:#7a8da3;margin-top:14px}.live-ai-view.is-loading .live-generate{opacity:.7;pointer-events:none}
@media(max-width:900px){.live-ai-shell{grid-template-columns:1fr}.live-avatar-scene{min-height:330px}.live-board{width:48%}}
@media(max-width:620px){.live-ai-view .topbar{align-items:flex-start}.live-avatar-scene{margin:8px 12px 0;min-height:305px}.live-ai-stage-head{padding:16px 14px 8px}.live-accessibility-badge{font-size:10px}.live-avatar{left:0;transform:scale(.83);transform-origin:bottom left}.live-avatar.speaking{animation:liveTeacherGestureMobile 3.2s ease-in-out infinite}.live-board{right:3%;top:10%;width:55%;padding:16px;min-height:148px}.live-board strong{font-size:19px}.live-board small{font-size:12px}.live-subtitles{left:4%;right:4%;bottom:12px;max-width:92%;padding:7px 11px;font-size:16px;line-height:1.32}.live-subtitles.large{font-size:21px;max-width:95%}.live-player{padding:12px 12px 18px}.live-player .btn{font-size:12px;padding:9px}.live-ai-control{padding:16px}@keyframes liveTeacherGestureMobile{0%,100%{transform:scale(.83) rotate(0) translateY(0)}30%{transform:scale(.83) rotate(-1.5deg) translateY(-2px)}65%{transform:scale(.83) rotate(1.2deg) translateY(0)}}}