:root{color-scheme:dark;--bg:#090f1e;--surface:#10182b;--surface2:#141e34;--surface3:#1b2840;--stroke:#26334e;--text:#ecf2ff;--muted:#98a9c6;--mint:#5de6d4;--purple:#9a86ff;--pink:#f39ec5;--red:#fa8395;--shadow:0 18px 65px #02081965;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(ellipse 850px 800px at 105% 5%,#22205045,transparent 75%),radial-gradient(ellipse 600px 700px at 10% 25%,#11343a20,transparent 85%),var(--bg);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button,a,input,textarea,select,[tabindex]:focus-visible{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--mint)!important}a{color:#93e8e2}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.035em}h2{font-size:clamp(22px,2.3vw,31px)}h3{font-size:17px}p{line-height:1.7;color:var(--muted)}.hidden{display:none!important}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.app-shell{min-height:100vh}.topbar{height:77px;position:sticky;top:0;z-index:55;border-bottom:1px solid #293754ae;background:#0b1223e9;backdrop-filter:blur(22px);display:flex;justify-content:space-between;align-items:center;padding:0 clamp(16px,2vw,34px);gap:12px}.brand{display:flex;gap:12px;align-items:center;min-width:0}.brand-mark{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;color:#111d2e;font-size:22px;background:linear-gradient(135deg,var(--mint),#9487ff);box-shadow:0 7px 27px #3adfc13b}.brand-name{display:block;font-family:Manrope;font-weight:850;letter-spacing:-.045em;font-size:19px;white-space:nowrap}.brand-name b{color:var(--mint)}.brand-name i{font-size:9px;color:#0c1625;font-style:normal;background:var(--mint);border-radius:4px;padding:4px 5px;vertical-align:top;letter-spacing:0}.brand small{display:block;color:#7f96b5;font-size:9px;letter-spacing:.11em;margin-top:2px;font-weight:800}.top-actions{display:flex;align-items:center;gap:9px}.primary,.secondary,.ghost,.api-pill,.side-item,.linklike,.menu-button,.seg{transition:transform .18s ease,background .18s,border-color .18s,box-shadow .18s,color .18s}.primary,.secondary,.ghost,.api-pill{border-radius:10px;padding:12px 17px;font-weight:800;font-size:12px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px}.primary{color:#061a21;background:linear-gradient(110deg,#62e5d3,#8be1e0);box-shadow:0 10px 25px #40bdb824}.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 13px 35px #40bdb84b}.primary:active,.ghost:active,.secondary:active{transform:translateY(1px)}.secondary{background:#302954;color:#e9dcff;border-color:#55487e}.secondary:hover{background:#42336b}.ghost{background:#131d32;color:#d5e3f8;border-color:#2a3a57}.ghost:hover{background:#22304c;border-color:#597191;transform:translateY(-1px)}.small{min-height:37px;font-size:11px;padding:9px 13px}.tiny{min-height:31px;font-size:10px;padding:6px 10px}.api-pill{background:#172438;border:1px solid #30465c;color:#d9f2f0;gap:10px}.api-pill:hover{border-color:var(--mint)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#fa808d;box-shadow:0 0 0 4px #fa808d18}.status-dot.on{background:#5de6b5;box-shadow:0 0 0 4px #5de6b518}.menu-button{display:none;background:#1d2c45;color:#fff;border:1px solid var(--stroke);border-radius:10px;padding:10px 13px}.layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 77px)}.sidebar{background:#0e1728;border-right:1px solid #233049;padding:31px 14px 18px;display:flex;flex-direction:column;min-height:calc(100vh - 77px);position:sticky;top:77px;height:calc(100vh - 77px);overflow-y:auto}.sidebar-label{font-weight:800;font-size:10px;letter-spacing:.15em;color:#788ba9;margin:6px 12px 13px}.side-nav{display:grid;gap:5px;margin-bottom:28px}.side-item{border:1px solid transparent;display:flex;align-items:center;text-align:left;gap:13px;border-radius:10px;background:transparent;padding:12px;color:#a3b3cf;font-weight:700;font-size:12px}.side-item span{font-size:21px;width:22px;text-align:center}.side-item em{font-style:normal;font-size:9px;color:#7a88ad;margin-left:auto}.side-item.active{background:linear-gradient(90deg,#183e4b,#1d2e40);border-color:#31596a;color:#aef7ed}.side-item:hover{background:#17253e;color:#dff6fa}.sidebar-lower{margin-top:auto}.tiny-card{padding:17px;background:radial-gradient(circle at right top,#3b326980,transparent 70%),#18223a;border:1px solid #353454;border-radius:13px}.tiny-icon{color:var(--purple);font-size:24px;display:block}.tiny-card b{display:block;font-size:12px;margin:5px 0}.tiny-card p{font-size:11px;line-height:1.65;margin:0 0 10px}.linklike{color:#6eead9;text-decoration:none;background:transparent;border:0;padding:0;font-weight:800;font-size:11px}.linklike:hover{text-decoration:underline}.sidebar-foot{font-size:9px;color:#6e829f;letter-spacing:.07em;padding:21px 2px 4px}.sidebar-foot span{display:block;color:#45b9a5;margin-top:7px;font-size:8px}.main-content{padding:24px clamp(16px,2.6vw,47px) 0;min-width:0;max-width:1790px;width:100%;margin:auto}.tab-pane{display:none}.tab-pane.active{display:block;animation:appear .4s ease both}@keyframes appear{from{opacity:.15;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero{min-height:365px;background:linear-gradient(115deg,#19213c 0%,#172137 48%,#24204a 100%);border:1px solid #38415d;border-radius:18px;display:grid;grid-template-columns:1.08fr .92fr;gap:6px;overflow:hidden;position:relative;isolation:isolate}.hero:before{content:'';position:absolute;width:560px;height:560px;border:1px solid #ffffff0a;border-radius:50%;left:23%;top:-100%;z-index:-1;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff04}.hero-content{padding:clamp(25px,3.5vw,53px) 22px clamp(26px,3vw,40px) clamp(25px,3.8vw,58px);position:relative;z-index:2}.eyebrow,.step-kicker{font-size:10px;font-weight:900;letter-spacing:.17em;color:var(--mint)}.eyebrow{display:flex;align-items:center;gap:9px}.pulse{height:7px;width:7px;background:#67f4d3;border-radius:50%;box-shadow:0 0 0 5px #67f4d318}.eyebrow-sep{color:#67728c}.hero h1{font-size:clamp(31px,3.55vw,53px);line-height:1.15;font-weight:850;max-width:600px;margin:23px 0 15px}.hero h1 em{font-style:normal;background:linear-gradient(95deg,#68ede2,#b6a0ff);color:transparent;background-clip:text}.hero p{font-size:13px;max-width:600px;color:#b1bfd8;line-height:1.8}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:23px 0 28px}.hero-showcase-button{position:relative;background:linear-gradient(110deg,#0e1326,#1a1d49 40%,#3e1661 100%);border:1px solid #73e6ff;color:#f7f1ff;box-shadow:0 0 0 1px #ffffff08 inset,0 12px 34px #39c2ff24,0 0 22px #cc6cff28;font-weight:900;letter-spacing:.02em;padding-inline:18px}.hero-showcase-button:hover:not(:disabled){transform:translateY(-2px) scale(1.01);border-color:#ffd36a;color:#fff8d7;box-shadow:0 0 0 1px #ffffff12 inset,0 14px 38px #48c7ff40,0 0 26px #f284ff47}.hero-showcase-button:before{content:"";position:absolute;inset:1px;border-radius:9px;background:linear-gradient(115deg,#ffffff0e,transparent 35%,#8e49ff14 70%,#68f1ff17);pointer-events:none}.showcase-video-shell{position:relative;margin:18px 0 10px;border-radius:16px;overflow:hidden;border:1px solid #4f6e92;background:linear-gradient(180deg,#05091466,#05091466),url('./assets/ecosystem/video-director-pro-platform.webp') center center/cover no-repeat,radial-gradient(circle at top,#1f3357,transparent 55%),#070d1b;box-shadow:0 18px 55px #0008}.showcase-video-shell video,.showcase-video-shell iframe{display:block;width:100%;height:auto;max-height:min(72vh,680px);background:#000}.showcase-video-shell iframe{aspect-ratio:16/9;min-height:min(72vh,680px);border:0;background:#000}.showcase-video-badge{position:absolute;left:12px;top:12px;padding:8px 11px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.08em;color:#f6f7ff;background:#091426d4;border:1px solid #63d7e8;box-shadow:0 0 18px #4caeff2b}.hero-metrics{display:flex;gap:25px;flex-wrap:wrap}.hero-metrics>div{display:flex;flex-direction:column;gap:4px;padding-right:21px;border-right:1px solid #ffffff24}.hero-metrics>div:last-child{border:0}.hero-metrics b{font-size:14px;letter-spacing:.06em}.hero-metrics span{color:#95a7ca;font-size:10px}.hero-art{align-self:center;position:relative;padding:25px 30px 21px 0;min-width:0}.hero-art img{display:block;width:100%;height:auto;border-radius:13px;box-shadow:0 28px 55px #05091670;border:1px solid #7e85b05b;transform:rotate(-2deg)}.frame-speech,.frame-tag,.floating-chip{position:absolute;background:#0c1935df;color:#c8fff0;font-size:9px;letter-spacing:.1em;padding:9px 10px;border:1px solid #5dbba75a;border-radius:7px;font-weight:900}.frame-speech{bottom:49px;left:25px}.frame-tag{top:45px;right:40px}.frame-tag span{color:#a88bff}.floating-chip{background:#1b2455e8;box-shadow:0 15px 40px #07122587}.floating-a{top:19px;left:-22px}.floating-b{bottom:7px;right:18px}.section-heading{margin:36px 0 17px;display:flex;align-items:end;justify-content:space-between;gap:10px}.section-heading h2,.page-head h2{margin:8px 0 6px}.section-heading p,.page-head p{font-size:12px;margin:0}.editor-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.82fr);gap:18px;align-items:start}.editor-left,.editor-right{display:grid;gap:17px;min-width:0}.panel{background:#111a2d;border:1px solid #25334f;border-radius:15px;padding:22px;box-shadow:0 6px 28px #02071318}.panel-head{display:flex;align-items:center;gap:13px;margin-bottom:20px}.panel-head h3{margin:0 0 4px}.panel-head p{font-size:11px;margin:0;color:#8396b2}.number{font-size:12px;border:1px solid #394472;color:#bcafff;border-radius:9px;width:33px;height:33px;display:grid;place-items:center;flex-shrink:0;background:#282447}.number.cyan{color:#8cefe5;background:#1e4248;border-color:#3c6a71}.head-icon{margin-left:auto;font-size:20px;color:#70819c}.panel label,.modal-dialog label{display:block;font-size:11px;color:#c5d5ea;font-weight:800;margin:14px 0 8px}input:not([type=checkbox]):not([type=file]),textarea,select{width:100%;border:1px solid #31415e;border-radius:9px;background:#0b1426;color:#f0f7ff;padding:12px 12px;min-height:45px;outline:none;font-size:12px;transition:border-color .2s,box-shadow .2s}input:not([type=checkbox]):focus,textarea:focus,select:focus{border-color:#61d4cb;box-shadow:0 0 0 3px #53e8cc15}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2390a6c3' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:calc(100% - 13px) center;background-repeat:no-repeat;padding-right:35px}option{background:#122038;color:#fff}textarea{resize:vertical;line-height:1.65;min-height:85px}input::placeholder,textarea::placeholder{color:#7385a1}.required{color:#f890a0}.input-bottom{display:flex;justify-content:space-between;gap:10px;color:#7185a4;font-size:10px;margin-top:9px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.platform-note{display:flex;gap:10px;background:#1530395c;border:1px solid #27575d;padding:12px;border-radius:9px;color:#a2d4d5;font-size:11px;line-height:1.6;margin-top:12px}.platform-note strong{color:#9cece1}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.seg{display:flex;flex-direction:column;align-items:center;gap:5px;border-radius:9px;padding:11px 5px;background:#0e182b;border:1px solid #30415d;color:#b9c8dc;font-weight:850;font-size:15px}.seg small{font-weight:600;color:#8296b1;font-size:10px}.seg.active{border-color:#4acec4;background:#174448;color:#baf9ee;box-shadow:0 0 0 1px #4acec422}.mode-panel{border-radius:15px;border:1px solid #404074;background:linear-gradient(147deg,#1b2242,#171b36);padding:22px}.mode-panel-top,.mode-panel h3{display:flex;justify-content:space-between}.mode-label{font-size:11px;color:#c8afff;font-weight:900;letter-spacing:.14em}.mode-panel h3{font-size:20px;margin:13px 0 19px}.mode-card{border:1px solid #394463;background:#111d32;border-radius:10px;padding:14px;display:flex;gap:12px;cursor:pointer;margin:9px 0}.mode-card.selected{border-color:#5ce7d3;background:linear-gradient(95deg,#133c43,#192440)}.mode-check{width:25px;height:25px;border:1px solid #627697;border-radius:50%;color:#7495b0;display:grid;place-items:center;flex-shrink:0}.mode-card.selected .mode-check{background:#70ead6;color:#0e2530;border-color:#70ead6}.mode-card b{display:block;font-size:13px}.mode-card span{display:block;font-size:10px;color:#77dbd2;margin:6px 0}.mode-card p{font-size:11px;line-height:1.6;margin:0}.mode-promo{margin-top:16px;background:#322951a2;padding:12px;color:#c7bff5;border-radius:9px;font-size:11px;line-height:1.7}.mode-promo b{color:#f2eaff}.api-mini{display:flex;align-items:center;gap:9px;border-top:1px solid #ffffff15;padding-top:16px;margin-top:17px;font-size:11px;color:#adc0dc}.api-mini .linklike{margin-left:auto}.preview-panel{padding:18px}.preview-panel .panel-head{margin-bottom:12px}.preview-stage{position:relative;overflow:hidden;border-radius:10px;aspect-ratio:16/9;background:#0a1022}.preview-stage img{width:100%;height:100%;object-fit:cover}.preview-stage>span{position:absolute;left:12px;top:13px;background:#0b152da8;color:#c6ede9;padding:7px 9px;border-radius:5px;font-size:9px;font-weight:900}.preview-stage button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#101a38d9;backdrop-filter:blur(8px);border:1px solid #76e8dcb3;color:#fff;padding:12px 17px;border-radius:30px;white-space:nowrap;font-size:11px;font-weight:850}.preview-meta{display:flex;gap:8px;justify-content:space-between;color:#90a4bf;font-size:9px;font-weight:900;letter-spacing:.045em;padding-top:14px;flex-wrap:wrap}.options-panel h3{margin-bottom:15px}.checkrow{display:flex!important;gap:10px;align-items:center;font-weight:600!important;font-size:11px!important;color:#b3c3d8!important;margin:12px 0!important;cursor:pointer}.checkrow input{accent-color:#62dfcf;width:16px;height:16px;flex-shrink:0}.generation-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;background:linear-gradient(95deg,#172e35,#1b2545);border:1px solid #31505c;border-radius:14px;padding:23px 26px}.gen-kicker{color:#6de8d0;font-size:10px;font-weight:900;letter-spacing:.13em;margin-bottom:6px}.generation-bar b{display:block;font-size:14px}.generation-bar span:not(.gen-kicker){display:block;color:#8fa7bc;font-size:11px;margin-top:7px}.large{font-size:13px;padding:16px 23px;white-space:nowrap}.page-head{margin:20px 0 24px}.page-head h2{font-size:clamp(28px,3vw,40px)}.toolbar,.bottom-actions,.result-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 23px}.toolbar-detail{margin-left:auto;font-size:12px;color:#a0b6cf}.scene-list,.result-scene-list,.projects-list{display:grid;gap:14px}.scene-card{background:#111a2d;border:1px solid #2c3a54;border-radius:13px;overflow:hidden}.scene-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;background:#17233b;border-bottom:1px solid #2a3b59}.scene-card-head strong{font-size:12px}.scene-card-head span{color:#76dfd2;font-size:10px;font-weight:800;margin-left:8px}.scene-card .scene-body{padding:17px 18px;display:grid;grid-template-columns:1.1fr .9fr;gap:0 18px}.scene-body .wide{grid-column:1/-1}.scene-body label{display:block;color:#b5c8e2;font-size:11px;font-weight:800;margin:12px 0 7px}.scene-buttons{display:flex;gap:5px;flex-wrap:wrap}.scene-buttons button{border:1px solid #3a4866;border-radius:8px;background:#1c2941;color:#d2dfec;font-size:11px;padding:7px 10px}.scene-buttons button:hover{border-color:var(--mint)}.bottom-actions{margin-top:24px}.library-character{margin-bottom:25px}.character-list{display:grid;gap:9px;margin-top:17px}.character-item{background:#192842;border:1px solid #354461;border-radius:10px;padding:13px;display:flex;gap:10px;justify-content:space-between;align-items:start}.character-item strong{font-size:12px}.character-item p{font-size:11px;margin:5px 0}.character-item button{background:#32243d;border:1px solid #6a435e;color:#ffbac8;border-radius:7px;padding:7px;font-size:11px}.effects-legend{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:22px 0 15px}.effects-legend span{color:#93a7c0;font-size:11px}.effects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.effect-group{background:#111a2d;border:1px solid #2a3854;border-radius:13px;padding:20px}.effect-group h3{margin:0 0 12px}.effect-chips{display:flex;flex-wrap:wrap;gap:8px}.effect-chip{background:#1c2942;color:#b6c5dc;border:1px solid #344461;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:700}.effect-chip.active{background:#1a474a;border-color:#54c7b7;color:#b4f9e8}.empty-card{border:1px dashed #3d506e;background:#142038;border-radius:16px;text-align:center;padding:65px 24px}.empty-card h3{font-size:25px}.empty-card p{max-width:460px;margin:0 auto 19px}.empty-icon{font-size:40px;color:#89e5e1}.result-status{padding:12px 15px;color:#a8efd2;border:1px solid #35725c;background:#14382d;border-radius:10px;margin-bottom:16px;font-size:12px}.result-toolbar{margin:15px 0}.prompt-output{font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:#c5f1e4;background:#091324;border:1px solid #203954;border-radius:10px;padding:20px;white-space:pre-wrap;word-break:break-word;max-height:690px;overflow:auto}.result-subhead{display:flex;justify-content:space-between;align-items:center;margin:23px 0 15px}.result-subhead h3{margin:0}.result-subhead span{font-size:11px;color:#8498b4}.result-scene-list .panel{padding:18px}.result-scene-list pre{max-height:260px}.repair-panel{margin-top:25px}.projects-list .project-row{display:flex;gap:12px;justify-content:space-between;align-items:center;background:#151f35;border:1px solid #33425c;border-radius:13px;padding:18px}.project-row b{display:block;font-size:13px}.project-row small{color:#91a1c0}.project-row-actions{display:flex;gap:7px;flex-wrap:wrap}.project-row-actions button{font-size:10px}.academy-banner{display:flex;gap:25px;align-items:center;background:linear-gradient(110deg,#203e4b,#292245);border:1px solid #3c707b;border-radius:16px;padding:27px;margin-bottom:18px}.academy-big{font-size:65px;color:#69f0d3}.academy-banner h3{font-size:21px}.academy-banner p{font-size:12px}.faq-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:18px 0}.mini-step{font-size:10px;font-weight:900;letter-spacing:.13em;color:#7bdfd4}.faq-steps h3{margin-top:11px}.faq-steps p{font-size:12px}.external-action{display:inline-block;padding:10px 13px;border-radius:9px;background:#233850;border:1px solid #386478;font-weight:800;font-size:11px;text-decoration:none}.panel details{border-top:1px solid #30405b;padding:14px 0}.panel summary{cursor:pointer;font-weight:800;font-size:13px}.panel details p{font-size:12px;margin:10px 0 0}.editorial{margin:65px 0 0;padding:42px 0 52px;border-top:1px solid #263751}.editorial h2{margin:12px 0 14px}.editorial>p{font-size:13px;max-width:1150px}.editorial h3{margin:28px 0 11px}.editorial-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:24px 0}.editorial-cards>div{padding:18px;border:1px solid #2c3955;background:#101a2d;border-radius:11px}.editorial-cards b{color:#cbfff7;font-size:13px}.editorial-cards p{font-size:11px;margin:8px 0 0}.footer{border-top:1px solid #25324e;padding:27px 0 35px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-top strong{display:block;font-size:14px}.footer-top span{display:block;font-size:10px;color:#8096b4;margin-top:7px}.footer-brand{color:#c7d8ed;text-decoration:none;font-size:11px}.footer-brand b{color:#7ce9d9}.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:19px;margin-top:24px;font-size:10px}.footer-links a,.footer-links button{color:#9cb0ce;text-decoration:none;background:none;border:0;padding:0;font-size:10px}.footer-links span{color:#7688a4;flex-basis:100%}.toast{position:fixed;right:20px;bottom:20px;z-index:210;background:#1f3845;color:#e2fff9;border:1px solid #58cdbd;border-radius:11px;box-shadow:var(--shadow);padding:13px 18px;font-size:12px;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .25s,transform .25s;max-width:min(420px,95vw)}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#442331;border-color:#a14b6c;color:#ffe1e5}.modal-root{position:fixed;inset:0;z-index:160;display:grid;place-items:center;padding:17px}.modal-backdrop{position:absolute;inset:0;background:#030814c9;backdrop-filter:blur(9px)}.modal-dialog{position:relative;z-index:1;background:#131f34;border:1px solid #47627d;border-radius:17px;box-shadow:0 20px 90px #000a;width:min(660px,100%);max-height:calc(100dvh - 34px);overflow:auto;padding:28px}.modal-dialog h2{padding-right:30px;margin:0 0 14px}.modal-dialog p{font-size:12px}.modal-close{position:absolute;right:16px;top:16px;background:#273953;color:#e5f5ff;border:1px solid #3c4d67;border-radius:9px;font-size:23px;line-height:1;padding:6px 11px}.modal-dialog .modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:17px}.modal-dialog .helper{background:#1c3044;padding:12px;border-radius:9px;color:#aacadd;font-size:11px;margin:10px 0}.modal-dialog .api-input-row{display:flex;gap:8px}.modal-dialog .api-input-row input{flex:1}.modal-dialog .api-input-row button{flex-shrink:0}.modal-error{color:#ffb7c1;font-size:11px;min-height:15px;margin:10px 0}.modal-dialog .mini-steps{padding-left:20px;font-size:12px;line-height:1.9;color:#b6cce2}.modal-dialog .mini-steps a{color:#86eedf}.modal-dialog .muted{font-size:11px}.modal-dialog input[type=checkbox]{accent-color:var(--mint)}.modal-dialog .preference-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #33425a;gap:15px}.modal-dialog .preference-row b{display:block;font-size:12px}.modal-dialog .preference-row small{color:#97aec9;font-size:11px;line-height:1.6}.modal-dialog .preference-row input{width:18px;height:18px}.cookie-banner{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:115;width:min(850px,calc(100vw - 24px));background:#17263df5;backdrop-filter:blur(25px);border:1px solid #46627c;box-shadow:0 20px 90px #000a;border-radius:16px;padding:22px 25px}.cookie-title{display:flex;align-items:center;gap:13px}.cookie-title span{font-size:25px;color:#78f5dd}.cookie-title h2{font-size:19px;margin:0}.cookie-banner p{font-size:11px;margin:11px 0 14px}.cookie-buttons{display:flex;gap:9px;flex-wrap:wrap}.cookie-legal{margin-top:14px;display:flex;gap:18px;font-size:10px}.cookie-legal a{color:#9bc7db}.animatic{border:1px solid #3a6071;background:#0c1427;border-radius:12px;overflow:hidden}.animatic-frame{aspect-ratio:16/9;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px;background:radial-gradient(ellipse at 85% 20%,#6146ad65,transparent),radial-gradient(ellipse at 20% 75%,#22586996,transparent),#11182e}.animatic-frame strong{font-size:22px;max-width:480px}.animatic-frame small{color:#78e6d5;font-weight:800;letter-spacing:.1em}.animatic-controls{display:flex;justify-content:space-between;padding:14px;gap:10px;align-items:center;flex-wrap:wrap}.animatic-controls button{font-size:11px}.animatic-progress{height:5px;background:#233b4d}.animatic-progress span{height:100%;display:block;background:#6de8cf;width:0;transition:width .2s}.modal-dialog .feature-help{padding:15px;background:#1b2c45;border-left:3px solid #75e3dd;border-radius:7px;margin:13px 0;font-size:12px;color:#cadbed;line-height:1.7}
@media(max-width:1100px){.layout{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding:26px 10px}.main-content{padding:18px}.editor-grid{grid-template-columns:minmax(0,1fr)}.editor-right{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.editor-right .options-panel{grid-column:1/-1}.hero h1{font-size:35px}.hero-art{padding-right:17px}}
@media(max-width:800px){.topbar{height:66px}.layout{display:block}.sidebar{position:fixed;top:66px;left:0;bottom:0;height:auto;z-index:90;width:min(290px,88vw);transform:translateX(-103%);transition:transform .25s;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.menu-button{display:block}.hide-mob{display:none}.brand small{font-size:8px}.api-pill{font-size:10px}.hero{grid-template-columns:1fr}.hero-content{padding:30px 30px 8px}.hero-art{padding:10px 50px 32px;max-width:580px;margin:auto}.hero-art img{transform:none}.floating-a{left:20px}.main-content{padding:16px}.editorial{margin-top:45px}.editor-grid{grid-template-columns:minmax(0,1fr)}.editor-right{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-steps{grid-template-columns:1fr}.mode-card{padding:11px}}
@media(max-width:620px){.brand-mark{width:34px;height:34px;font-size:17px}.brand-name{font-size:13px}.brand small{font-size:7px}.topbar{padding:0 9px}.top-actions{gap:5px}.top-actions .ghost{display:none}.api-pill{padding:8px;font-size:0;gap:7px;min-height:36px}.api-pill #api-status{font-size:9px;max-width:102px;line-height:1.3}.hero-content{padding:25px 18px 6px}.hero h1{font-size:33px}.hero p{font-size:12px}.hero-art{padding:10px 26px 22px}.hero-metrics{gap:8px}.hero-metrics>div{padding-right:9px}.hero-metrics b{font-size:11px}.hero-metrics span{font-size:9px}.section-heading{align-items:start}.section-heading h2{font-size:22px}.panel{padding:17px}.two-col{grid-template-columns:1fr}.editor-right{grid-template-columns:1fr}.generation-bar{flex-direction:column;align-items:stretch;padding:17px}.large{width:100%}.scene-card .scene-body{grid-template-columns:1fr}.scene-body .wide{grid-column:auto}.effects-grid,.editorial-cards{grid-template-columns:1fr}.effects-legend{align-items:start;flex-direction:column}.academy-banner{flex-direction:column;align-items:start}.footer-top{align-items:start;flex-direction:column}.cookie-banner{bottom:8px;padding:17px}.cookie-buttons>*{flex:1}.cookie-legal{gap:10px}.modal-dialog{padding:20px 16px}.hero-buttons{gap:6px}.hero-buttons button{font-size:11px}.result-toolbar>*{flex:1}.topbar .brand-name i{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Acceso rápido: evitar que el header tape los anclajes */
#editor,#informacion{scroll-margin-top:100px}
/* MASCOALBA Video Director Pro 1.3.0 — acabado cinematográfico conservando componentes existentes. */
:root{--bg:#04050b;--surface:#0b1020;--surface2:#10182d;--surface3:#17203b;--stroke:#283354;--text:#f5f7ff;--muted:#b7c5e0;--mint:#3fe9ed;--purple:#b083ff;--pink:#ff70db;--shadow:0 20px 70px #000a}
body{background:#03050d;color:var(--text);position:relative;background-image:radial-gradient(ellipse 850px 700px at 94% 4%,#7021b12e,transparent 68%),radial-gradient(ellipse 850px 640px at 10% 23%,#037ea82a,transparent 75%),radial-gradient(ellipse 800px 650px at 54% 70%,#6a258120,transparent 70%);background-attachment:fixed}
body:before{content:"";pointer-events:none;position:fixed;inset:0;z-index:-1;opacity:.24;background:linear-gradient(135deg,transparent 28%,#246afd24 41%,transparent 59%),linear-gradient(310deg,transparent 15%,#cb23e51e 45%,transparent 68%);background-size:160% 160%;animation:ambient-shift 20s ease-in-out infinite alternate}
@keyframes ambient-shift{from{background-position:0 0}to{background-position:100% 100%}}
.topbar{min-height:78px;height:auto;padding:11px clamp(12px,1.5vw,24px);background:#050812f2;border-bottom:1px solid #7442c84d;box-shadow:0 8px 36px #0008}
.brand-mark{border-radius:50%;background:#050613;overflow:hidden;box-shadow:0 0 0 1px #39c5ff7c,0 0 19px #ad40fe67;flex:0 0 43px}
.brand-mark img{width:100%;height:100%;object-fit:cover}
.brand-name{font-size:clamp(13px,1.5vw,19px);letter-spacing:-.045em}
.brand-name b{color:#78eefa;text-shadow:0 0 12px #01caff48}
.brand-name i{background:linear-gradient(95deg,#45e9ff,#e78bff)}
.brand small{color:#a8b9e3}
.top-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px}
.brand-nav-link,.member-link,.support-link,.music-toggle{border:1px solid #555481;display:inline-flex;align-items:center;justify-content:center;min-height:37px;border-radius:10px;padding:7px 10px;text-decoration:none;font-weight:850;font-size:10px;letter-spacing:.02em;white-space:nowrap;color:#f0f6ff;transition:all .22s ease;background:#0f1530}
.brand-nav-link{border-color:#3bd8ff8a;box-shadow:inset 0 0 18px #2269ef29}
.member-link{border-color:#ffd67799;box-shadow:inset 0 0 16px #a17d2520;color:#ffe5a4}
.support-link{border-color:#ff74b79c;color:#ffd6ed;box-shadow:inset 0 0 16px #a40f5924}
.music-control{display:flex;align-items:center;gap:5px;background:#091225;border-radius:12px;padding:3px 7px 3px 3px;border:1px solid #4a3d7f}
.music-toggle{border-color:#14f0e19c;color:#83fff7;background:#10303e;min-width:97px}
.music-toggle.playing{background:#164652;border-color:#7dfff5;box-shadow:0 0 18px #13dceb38}
.music-control input{accent-color:#67f4f6;width:58px;cursor:pointer}
.brand-nav-link:hover,.member-link:hover,.support-link:hover,.music-toggle:hover{transform:translateY(-2px);filter:brightness(1.2);box-shadow:0 0 18px #5d49df67}
.sidebar{background:linear-gradient(180deg,#080b1a 0%,#0b1020 80%,#0b0920 100%);border-right:1px solid #2d3870}
.sidebar-label{color:#81afe5}
.side-item.active{background:linear-gradient(90deg,#124a60aa,#262053aa);border-color:#41defbaa;box-shadow:inset 3px 0 #44f4f8,0 0 22px #138eca18;color:#9cfaff}
.side-item:hover{background:#151e3a}
.support-side{display:grid;gap:6px;margin:6px 0 15px}
.support-side a{display:block;color:#e6f4ff;text-decoration:none;font-size:11px;font-weight:750;padding:9px;border-radius:9px;background:#1b2044;border:1px solid #46417a}
.support-side a:hover{border-color:#7af5ef;box-shadow:0 0 12px #40caff46}
.tiny-card{background:radial-gradient(ellipse at 100% 0%,#793dd058,transparent 65%),#10142b;border-color:#464079}
.hero{background:#090e22;border-color:#5b45a0;box-shadow:0 12px 60px #000c,inset 0 0 40px #4427c015;isolation:isolate}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(95deg,#070b17 3%,#080b18eb 27%,#06081c85 60%,#070a198a);pointer-events:none}
.hero-content{position:relative;z-index:2}
.hero-art{overflow:hidden}
.hero-art img{object-fit:cover;filter:saturate(1.4) contrast(1.08);animation:cinema-pan 20s ease-in-out infinite alternate}
@keyframes cinema-pan{from{transform:scale(1.08) translateX(-1.5%)}to{transform:scale(1.17) translateX(1.5%)}}
.hero h1 em{background:linear-gradient(95deg,#70e8ff 8%,#d099ff 54%,#ff8cd9);background-clip:text;-webkit-background-clip:text;color:transparent;font-style:normal}
.eyebrow,.step-kicker{color:#88eafa}
.panel,.mode-panel,.scene-card,.character-item,.effect-group{background:linear-gradient(143deg,#0b1020f5,#11172cf0);border-color:#303f6c;box-shadow:0 7px 22px #0004}
.panel:hover,.scene-card:hover{border-color:#4c5d9d}
.panel-head .number,.number{background:linear-gradient(135deg,#29175e,#46275e);border-color:#9c67fd;color:#e7d9ff;box-shadow:0 0 22px #9444db29}
.primary,.get-api-main{background:linear-gradient(105deg,#24ddf1,#73e6f4 43%,#b77bff 83%,#f17fe5);border-color:#71f9f68a;color:#041221;box-shadow:0 8px 25px #1bd6ff26,0 0 17px #be63e42a}
.primary:hover,.get-api-main:hover{filter:brightness(1.12);box-shadow:0 12px 27px #21cafe49,0 0 25px #ac5eff55}
.ghost,.seg,.mode-card{background:#0e162c;border-color:#35446b}
input,select,textarea{background:#090f20!important;border-color:#3b4971!important;color:#f4f7ff!important}
input:focus,select:focus,textarea:focus{border-color:#65e8ff!important;box-shadow:0 0 0 3px #39c9ee1a!important}
.editor-grid{align-items:start}
.manual-roadmap{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 16px;padding:14px 17px;background:linear-gradient(100deg,#111b35,#181035);border:1px solid #4b5591;border-radius:13px;color:#d3dff5;font-size:12px}
.manual-roadmap>span:first-child{color:#9ff7ff}
.manual-roadmap button{border-radius:8px;color:#b1faff;border:1px solid #4c7da7;background:#132d41;padding:8px 10px;font-size:11px;font-weight:800}
.manual-roadmap button:hover{background:#214e60}
.manual-roadmap .roadmap-sub{width:100%;font-size:11px;color:#a5b8db}
.example-actions{display:flex;flex-wrap:wrap;gap:8px}
.robot-example{background:linear-gradient(95deg,#372158,#0d4358);border:1px solid #8f6ef1;border-radius:10px;color:#e9dfff;font-weight:800;font-size:11px;padding:10px 15px}
.robot-example:hover{filter:brightness(1.25)}
/* Academy: actual local MP4 with real native playback and chapter navigation. */
.cinema-projector{padding:0;overflow:hidden;border-color:#6247aa;box-shadow:0 8px 36px #000a,0 0 25px #532ca528;background:linear-gradient(145deg,#0a1025,#080716)}
.projector-head{display:flex;justify-content:space-between;align-items:center;padding:19px 20px 14px;gap:12px}
.projector-head h3{font-size:clamp(17px,1.6vw,22px);margin:5px 0 3px;color:#f4f9ff}
.projector-head p{margin:0;font-size:11px;color:#9fb6d4}
.live-label{font-size:10px;color:#86f4ff;background:#102a3c;border:1px solid #317f94;border-radius:18px;padding:6px 10px;white-space:nowrap}
.projector-housing{margin:0 15px;background:#030510;border:2px solid #7b46da;border-radius:12px;overflow:hidden;box-shadow:0 0 32px #9b3ff730,0 0 14px #23cbeb23;position:relative}
.projector-housing:before{content:"";position:absolute;top:-1px;left:22%;right:22%;height:2px;background:linear-gradient(90deg,transparent,#9defff,#ba64ff,transparent);z-index:1}
.projector-housing video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#02030c;display:block;max-height:380px}
.projector-caption{font-size:10px;letter-spacing:.07em;color:#a7b8ff;text-align:center;padding:6px;background:#090b19}
.chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:12px 14px 5px}
.chapter{display:flex;align-items:center;justify-content:center;gap:3px;padding:10px 4px;border:1px solid #3d4877;border-radius:9px;color:#dfe8ff;background:#101933;font-weight:700;font-size:10px;min-width:0}
.chapter b{color:#99f8ff}
.chapter.active,.chapter:hover{border-color:#57f1f7;background:linear-gradient(105deg,#194c65,#35215b);box-shadow:0 0 12px #3dc7f426}
.get-api-main{display:flex;align-items:center;justify-content:center;text-decoration:none;text-align:center;margin:11px 14px 5px;padding:12px 9px;border-radius:10px;font-size:clamp(10px,.9vw,13px);font-weight:900;min-height:44px}
.projector-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px 15px;color:#aebcdb;font-size:10px}
.projector-facts{border-top:1px solid #333051;padding:9px 14px;display:flex;justify-content:space-between;gap:8px;color:#89a0c7;font-size:9px;font-weight:750;letter-spacing:.04em}
.api-modal-link{margin:8px 0 20px;font-size:12px}
/* Buttons kept semantic and accessible */
.chapter:focus-visible,.robot-example:focus-visible,.get-api-main:focus-visible{outline:2px solid #88f9ff;outline-offset:3px}
/* Small screens: preserve functionality with scroll/wrap rather than hide primary links. */
@media(max-width:1500px){.brand-nav-link,.member-link,.support-link{font-size:9px;padding:7px 8px}.top-actions{gap:5px}.topbar{padding:9px 14px}}
@media(max-width:1190px){.topbar{flex-wrap:wrap;justify-content:center}.brand{margin-right:auto}.top-actions{max-width:100%;flex-wrap:wrap}.brand-nav-link,.member-link,.support-link{font-size:10px}.layout{min-height:calc(100vh - 95px)}.sidebar{top:95px;height:calc(100vh - 95px)}.projector-head{flex-wrap:wrap}}
@media(max-width:800px){.topbar{justify-content:space-between}.top-actions{justify-content:flex-end}.brand-nav-link,.member-link,.support-link{padding:6px}.music-control input{width:36px}.manual-roadmap{font-size:11px}.projector-head{padding:14px}.chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.projector-footer{flex-wrap:wrap}.editor-grid{display:grid;grid-template-columns:1fr}.hero-art img{max-width:none}}
@media(max-width:540px){.topbar{gap:6px}.brand-name{font-size:13px}.brand small{font-size:8px}.brand-nav-link,.member-link,.support-link{font-size:9px}.music-toggle{min-width:87px}.music-control input{width:28px}.audio-fx{font-size:10px!important}.get-api-main{font-size:11px}.projector-facts{font-size:8px}.example-actions{width:100%}.example-actions>*{flex:1 1 auto}.chapter{font-size:10px}.projector-head h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){body:before,.hero-art img{animation:none!important}.primary,.ghost,.chapter{transition:none}}

/* V1.4 · ayudas de navegación sin modificar estilos maestros */
.nav-color{display:inline-grid;place-items:center;font-size:20px!important;filter:drop-shadow(0 0 7px currentColor)}.nav-color.cyan{color:#4ceaff}.nav-color.purple{color:#b493ff}.nav-color.pink{color:#ff8acb}.nav-color.green{color:#5ae6ac}.nav-color.blue{color:#7db9ff}.nav-color.yellow{color:#ffcc6d}.side-item em{font-size:10px;white-space:nowrap;font-style:normal}.led-wizard{margin:20px 0 28px;padding:20px;border:1px solid #3a5a89;border-radius:18px;background:linear-gradient(115deg,#081324,#14102a 75%,#0a2332);box-shadow:0 0 22px #07c8ff13}.led-wizard-title{display:flex;justify-content:space-between;gap:12px;color:#77f2ff;font-weight:900;letter-spacing:.05em}.led-wizard-title span{font-size:12px;color:#c7a5ff}.led-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:16px 0}.led-steps button{border:1px solid #35435f;background:#10182d;color:#c4d3ed;border-radius:12px;padding:10px 5px;cursor:pointer;font-size:12px}.led-steps i{display:block;width:12px;height:12px;margin:0 auto 8px;border-radius:50%;background:#b8842d;box-shadow:0 0 10px #d9953e66}.led-steps .led-done i{background:#34d79c;box-shadow:0 0 14px #34d79c}.led-steps .led-active{border-color:#59eaff;box-shadow:0 0 16px #18d6ff55}.led-steps .led-active i{background:#45e8ff;box-shadow:0 0 18px #45e8ff;animation:led-pulse 1.4s infinite}@keyframes led-pulse{50%{opacity:.4}}.led-wizard p{color:#e4edff;margin:12px 0}.led-wizard-actions{display:flex;gap:10px;flex-wrap:wrap}.led-wizard small{display:block;color:#a5b8d1;margin-top:12px}.dialogue-help,.dialogue-meter{padding:12px;border-radius:10px;background:#102a36;color:#9cecff;border:1px solid #2c6d79;margin:10px 0;font-size:13px}.dialogue-meter.warn{background:#382316;color:#ffce8b;border-color:#a86d2a}.export-lang{padding:14px;margin:12px 0;border:1px solid #345a82;border-radius:12px;background:#0b1a30;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.export-lang small{color:#a7b9cf}.export-lang select{max-width:270px}.repair-progress{padding:12px;margin:12px 0;border-radius:10px;background:#0d2440;color:#b8e9ff}.repair-proposal{border:1px solid #3f8e9b;padding:14px;border-radius:12px;margin-top:12px}.repair-actions{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:720px){.led-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.led-wizard{padding:13px}.led-wizard-title{font-size:12px}}

/* V1.4.1 · Estados Gemini verificables y modo seleccionado, sin modificar la plantilla maestra */
.status-dot.pending{background:#fbbf58;box-shadow:0 0 0 4px #fbbf5825,0 0 14px #fbbf5850}
.generation-progress{max-width:470px;color:#b8ccdf;border:1px solid #34536e;background:#10243a;padding:10px 13px;border-radius:10px;font-size:11px;line-height:1.55;margin:7px 0;flex:1 1 240px}
.generation-progress[data-state="working"]{border-color:#4aa9df;background:#102f4c;color:#d4f2ff;box-shadow:0 0 22px #3cbaff20;animation:mc-api-glow 1.4s ease-in-out infinite alternate}
.generation-progress[data-state="success"]{border-color:#3baf8f;background:#15372e;color:#b0ffda}
.generation-progress[data-state="error"]{border-color:#cb6b77;background:#47212e;color:#ffe4e7}
@keyframes mc-api-glow{from{box-shadow:0 0 8px #3cbaff12}to{box-shadow:0 0 23px #3cbaff50}}
@media(prefers-reduced-motion:reduce){.generation-progress{animation:none!important}}

/* V1.4.2 · Traducción explícita y previsualización bilingüe */
#translation-panel{display:block;padding:19px;border:1px solid #3267a3;border-radius:16px;background:linear-gradient(125deg,#071d35,#17152d 76%,#0d2437);box-shadow:inset 0 0 36px #25a9ff0d,0 10px 30px #0002}
.translation-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:15px}
.translation-header h3{margin:0 0 5px;font-size:20px;color:#e4f6ff}.translation-header p{margin:0;line-height:1.55;color:#bed1e5;font-size:13px}
.translate-symbol{display:grid;place-items:center;flex:none;width:45px;height:45px;border-radius:13px;background:#1a3655;border:1px solid #38689b;font-size:23px;box-shadow:0 0 20px #35bfff23}
.translation-controls{display:flex;gap:11px;flex-wrap:wrap;align-items:center}.translation-controls label{margin:0;color:#d8eafc;flex:1 1 200px}.translation-controls select{min-width:245px;max-width:300px;flex:1 1 220px}.translate-action{flex:1 1 230px;white-space:normal!important;min-height:46px;box-shadow:0 0 23px #219eff22}
.translation-progress{margin-top:13px;border:1px solid #406078;background:#102842;color:#c4defa;padding:13px 15px;border-radius:11px;line-height:1.55;font-size:13px}
.translation-progress[data-state=working]{border-color:#52beff;color:#ddf4ff;animation:mc-api-glow 1.5s ease-in-out infinite alternate}.translation-progress[data-state=success]{background:#102e29;border-color:#37b58b;color:#b7ffe5}.translation-progress[data-state=error]{background:#3c1f2b;border-color:#b95164;color:#ffe1e7}
.translation-preview{margin-top:16px;border:1px solid #3b92a8;border-radius:12px;padding:16px;background:#071323}.translation-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.translation-preview h4{margin:0;font-size:17px;color:#ddfbff}.translation-preview-head span{font-size:11px;color:#7ff0ed}.translation-preview p{color:#b5cce0;font-size:13px;line-height:1.5}.translation-preview .prompt-output{max-height:360px;overflow:auto}.translation-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:12px}
@media(max-width:700px){#translation-panel{padding:12px}.translation-controls{align-items:stretch}.translation-controls label,.translation-controls select,.translate-action{width:100%;max-width:none}.translation-actions>*{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.translation-progress[data-state=working]{animation:none!important}}

/* V1.4.3 · Actividad Gemini visible siempre en la pantalla */
.ai-working-panel{position:fixed;right:22px;bottom:22px;z-index:150;display:flex;align-items:flex-start;gap:16px;width:min(570px,calc(100vw - 32px));padding:20px 18px;border-radius:19px;border:1px solid #44ccffb3;background:linear-gradient(115deg,#061528f8 0%,#112548f9 47%,#1d153cf8 100%);box-shadow:0 18px 70px #000c,0 0 40px #0eaeef3b,inset 0 1px 0 #a5ebff36;backdrop-filter:blur(19px);overflow:hidden;animation:ai-panel-in .26s ease-out both}
.ai-working-panel:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 18%,#43d8f30d 42%,transparent 60%);background-size:230% 100%;animation:ai-panel-sweep 2.8s linear infinite}
.ai-working-visual{position:relative;width:66px;height:66px;flex:none;display:grid;place-items:center}
.ai-working-orbit{position:absolute;inset:5px;border:3px solid #3678ae66;border-top-color:#71ecff;border-right-color:#bc88ff;border-radius:50%;box-shadow:0 0 22px #48dcff50,inset 0 0 14px #944aff28;animation:ai-orbit-spin 1.1s linear infinite}
.ai-working-orbit:after{content:'';position:absolute;inset:7px;border:1px dashed #85e5fa70;border-radius:50%;animation:ai-orbit-spin 3s linear infinite reverse}
.ai-working-symbol{color:#affaff;font-size:27px;text-shadow:0 0 17px #51efff,0 0 25px #b687ff;animation:ai-symbol-pulse 1.4s ease-in-out infinite}
.ai-working-copy{position:relative;min-width:0;flex:1}
.ai-working-heading{display:flex;gap:8px;align-items:center;color:#ecfbff;font-size:13px;letter-spacing:.045em;font-weight:900}
.ai-live-light{display:inline-block;flex:none;width:10px;height:10px;border-radius:50%;background:#52f5db;box-shadow:0 0 0 4px #42e9da16,0 0 18px #7cf5e2;animation:ai-symbol-pulse 1.1s ease-in-out infinite}
.ai-working-copy p{color:#d3e7ff;margin:6px 0 10px;line-height:1.5;font-size:13px}
.ai-working-meta{display:flex;justify-content:space-between;gap:12px;color:#85c9f6;font-size:11px;font-variant-numeric:tabular-nums}
.ai-working-meta span:last-child{letter-spacing:4px;color:#b9a2ff;animation:ai-symbol-pulse 1.3s infinite}
.ai-working-flow{height:4px;background:#112b51;border-radius:20px;position:relative;overflow:hidden;margin:10px 0}
.ai-working-flow span{position:absolute;top:0;bottom:0;width:35%;border-radius:20px;background:linear-gradient(90deg,#20dcf9,#b183ff,#56ebca);box-shadow:0 0 14px #5bdbff;animation:ai-flow-across 1.55s ease-in-out infinite alternate}
.ai-working-tip{font-size:10px;color:#b1c4dc;line-height:1.45;display:block}
.ai-cancel{position:relative;align-self:flex-start;flex:none;min-width:84px;padding:9px 10px;border:1px solid #8c75ae;background:#24213d;color:#eee2ff;border-radius:10px;font-weight:700;font-size:11px;cursor:pointer}
.ai-cancel:hover{background:#47315c;border-color:#d1a8ff}.ai-cancel:disabled{opacity:.6;cursor:not-allowed}
.generation-progress[data-state=working],.repair-progress[data-state=working]{position:relative;border:1px solid #54deff;background:#112b4c;color:#e2faff;animation:mc-api-glow 1.1s ease-in-out infinite alternate}
.repair-progress[data-state=success]{border:1px solid #49ba96;background:#133b31;color:#cbffe9}.repair-progress[data-state=error]{border:1px solid #bd566d;background:#3c1c2c;color:#ffe1e8}
@keyframes ai-panel-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ai-panel-sweep{from{background-position:180% 0}to{background-position:-150% 0}}
@keyframes ai-orbit-spin{to{transform:rotate(360deg)}}
@keyframes ai-symbol-pulse{50%{opacity:.48;filter:brightness(1.5)}}
@keyframes ai-flow-across{from{left:-30%}to{left:95%}}
@media(max-width:620px){.ai-working-panel{right:10px;bottom:10px;width:calc(100vw - 20px);padding:14px 12px;gap:9px;flex-wrap:wrap}.ai-working-visual{width:42px;height:42px}.ai-working-symbol{font-size:20px}.ai-working-heading{font-size:11px}.ai-working-copy p{font-size:12px}.ai-cancel{margin-left:auto;padding:8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.ai-working-panel,.ai-working-panel:before,.ai-working-orbit,.ai-working-orbit:after,.ai-working-symbol,.ai-live-light,.ai-working-flow span,.ai-working-meta span:last-child,.generation-progress[data-state=working],.repair-progress[data-state=working]{animation:none!important}}

/* V1.4.4: estado visible durante validación de la API (sin cambiar el resto del diseño). */
#api-error[data-state="working"]{position:relative;padding-left:27px;color:#9ce9ff}
#api-error[data-state="working"]::before{content:"";position:absolute;left:5px;top:5px;width:12px;height:12px;border:2px solid #30dce9;border-top-color:transparent;border-radius:50%;animation:mc-api-spin .8s linear infinite}
#api-error[data-state="success"]{color:#75f8bc}
#api-error[data-state="error"]{color:#ff98a4}
@keyframes mc-api-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#api-error[data-state="working"]::before{animation:none;border-top-color:#30dce9}}

/* V1.4.6 · Motor creativo en primer lugar, horizontal y compacto.
   El resto de la estructura permanece sin alteraciones. */
.mode-panel-horizontal{margin:0 0 18px;padding:15px 20px 13px;border:1px solid #48658d;border-radius:16px;background:radial-gradient(ellipse at 5% 5%,#15545a35,transparent 45%),radial-gradient(ellipse at 92% 5%,#7546b735,transparent 52%),linear-gradient(118deg,#0a1425,#111427 68%,#0c1c2a);box-shadow:0 10px 30px #02081375,0 0 18px #4ce8e710}
.mode-panel-horizontal .mode-panel-header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}
.mode-panel-horizontal .mode-panel-heading{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.mode-panel-horizontal .mode-label{font-size:10px;letter-spacing:.1em;color:#89e8ef}
.mode-panel-horizontal h3{display:block;margin:0;font-size:16px;white-space:nowrap;color:#fff}
.mode-panel-horizontal .mode-panel-header .ghost{white-space:nowrap;background:#172345}
.mode-panel-horizontal .mode-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mode-panel-horizontal .mode-card{margin:0;min-width:0;display:flex;align-items:center;gap:13px;padding:12px 15px;border:1px solid #3e4e70;border-radius:12px;background:#0e192d;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}
.mode-panel-horizontal .mode-card:hover{border-color:#81b8ef;transform:translateY(-1px)}
.mode-panel-horizontal .mode-card.selected{border-color:#60e8de;background:linear-gradient(110deg,#123641,#152542);box-shadow:inset 0 0 0 1px #76f7e523,0 0 17px #53e5e319}
.mode-panel-horizontal .mode-card[data-mode="gemini"].selected{border-color:#ba92ff;background:linear-gradient(110deg,#302047,#1a2847);box-shadow:inset 0 0 0 1px #bf9bff25,0 0 17px #aa84ff22}
.mode-panel-horizontal .mode-check{width:30px;height:30px;font-size:15px}
.mode-panel-horizontal .mode-card b{font-size:13px;margin-bottom:1px}
.mode-panel-horizontal .mode-card span{font-size:10px;margin:3px 0;color:#8ce8e0}
.mode-panel-horizontal .mode-card p{font-size:10px;line-height:1.45;margin:2px 0 0;color:#b4c6df}
.mode-panel-horizontal .mode-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;flex-wrap:wrap}
.mode-panel-horizontal .mode-promo{flex:1 1 300px;min-width:0;margin:0;padding:0;background:none;color:#aebddb;font-size:10px;line-height:1.55}
.mode-panel-horizontal .api-mini{flex:0 1 auto;min-width:0;margin:0;padding:0;border:0;font-size:10px;justify-content:flex-end;gap:8px}
.mode-panel-horizontal .api-mini .linklike{margin-left:3px;white-space:nowrap}
.mode-panel-horizontal + .hero{margin-top:0}
@media(max-width:720px){.mode-panel-horizontal{padding:13px}.mode-panel-horizontal .mode-panel-header{align-items:flex-start}.mode-panel-horizontal .mode-panel-heading{gap:4px;display:grid}.mode-panel-horizontal .mode-choices{grid-template-columns:1fr;gap:9px}.mode-panel-horizontal .mode-card{padding:10px 12px}.mode-panel-horizontal .mode-panel-footer{align-items:flex-start;flex-direction:column;gap:8px}.mode-panel-horizontal .mode-promo{flex:0 1 auto}.mode-panel-horizontal .api-mini{justify-content:flex-start}}
@media(max-width:380px){.mode-panel-horizontal .mode-panel-header{flex-wrap:wrap}.mode-panel-horizontal .mode-panel-header .ghost{width:100%}}
@media(prefers-reduced-motion:reduce){.mode-panel-horizontal .mode-card{transition:none}}

/* V1.4.7 · Gemini: modelo alternativo y estado de clave siempre visible */
.api-model-helper{margin:7px 0 12px;font-size:.84rem;line-height:1.45;color:#b9d4eb}


/* ===== V1.5.0 · REFRESH VISUAL MASCOALBA ===== */
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 14% 16%,#2f5ea22e 0,transparent 22%),radial-gradient(circle at 84% 10%,#9336ff1f 0,transparent 20%),radial-gradient(circle at 60% 88%,#34d7c81a 0,transparent 24%);mix-blend-mode:screen;z-index:0}.app-shell,.topbar,.layout,.main-content,.sidebar,.tab-pane,.editorial,.master-guide{position:relative;z-index:1}.topbar{min-height:88px;height:auto;align-items:flex-start;padding:16px 18px;gap:18px;background:linear-gradient(180deg,#070d1b,#091120 72%,#08101d);border-bottom:1px solid #20304c;box-shadow:0 22px 60px #0208169c}.brand{align-items:center;gap:16px;min-width:0}.brand-mark{width:62px;height:62px;border-radius:22px;background:linear-gradient(180deg,#15243d,#0c1528);border:1px solid #2c4a68;box-shadow:0 0 0 1px #70f7ff1b,0 14px 30px #0208197d,0 0 36px #0ad7ff26 inset;padding:6px}.brand-home img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 18px #00d5ff44)}.brand-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.brand-kicker{font-size:11px;letter-spacing:.22em;font-weight:800;color:#7fe6df;text-transform:uppercase}.brand-name{font-size:33px;line-height:1;font-weight:900;letter-spacing:.03em;background:linear-gradient(91deg,#ffffff 0%,#8ceef1 30%,#69ddff 55%,#f4b0ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px #5adfff2b}.brand-name b{font-weight:900}.brand-name i{font-style:normal;color:#0d1020;background:linear-gradient(90deg,#95efff,#f1afff);padding:4px 8px;border-radius:9px;margin-left:6px;display:inline-block;box-shadow:0 8px 26px #5adfff33}.brand small{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#a7bbd8;font-weight:700}.top-actions{display:flex;flex:1;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}.top-action-cluster,.top-link-cluster{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.topbar-tool,.topbar-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;border-radius:14px;border:1px solid #31496b;background:linear-gradient(180deg,#111d33,#0b1526);color:#dff6ff;text-decoration:none;font-size:13px;font-weight:800;box-shadow:0 10px 26px #00000038,inset 0 0 0 1px #87e9ff14;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.topbar-tool:hover,.topbar-link:hover{transform:translateY(-1px);border-color:#61d8da;box-shadow:0 14px 30px #00000045,0 0 22px #2ad0e829}.topbar-tool em,.topbar-link em{font-style:normal;color:#8ee9df}.tool-icon{font-size:14px;line-height:1}.tool-copy{display:inline-flex;gap:6px;align-items:center}.tool-with-range{padding-right:10px}.music-control{gap:10px;background:linear-gradient(180deg,#111d33,#0b1526);border:1px solid #31496b;padding:6px 10px}.music-toggle{display:inline-flex;align-items:center;gap:10px;background:none;border:0;color:inherit;padding:0;font-weight:800}.music-control input{width:86px;accent-color:#6be3ef}.voice-cta{background:linear-gradient(135deg,#173a52,#231a45 68%,#4f2671);border-color:#5f8cc8}.voice-cta.is-active{box-shadow:0 0 0 1px #8cf7f861,0 14px 32px #0000004d,0 0 30px #7ae7ff3b}.stop-cta{background:linear-gradient(135deg,#27172a,#1d1d39);border-color:#6c4c77}.stop-cta:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.topbar-link{font-weight:800}.topbar-link span{display:inline-flex;align-items:center}.mini-butterfly{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 0 10px #ffd35f4d)}.yt-mark{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:999px;background:linear-gradient(180deg,#ff5454,#c11414);color:#fff;font-size:10px;box-shadow:0 0 0 1px #ffffff1a inset}.fullscreen-tool{background:linear-gradient(180deg,#10192b,#0a1324)}.brand-nav-link{background:linear-gradient(180deg,#13253c,#102338)}.member-link{background:linear-gradient(180deg,#382614,#281a0f)}.support-link{background:linear-gradient(180deg,#341728,#23111b)}.api-pill{min-height:44px}.support-side a .yt-mark{margin-right:8px}.creative-overview{display:grid;gap:14px;margin-bottom:16px}.manual-roadmap{margin:0}.creative-mini-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.creative-mini-cards article{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:16px;border:1px solid #2a3e61;background:linear-gradient(145deg,#10192f,#0f1730 55%,#121034);box-shadow:0 16px 38px #0208163d}.creative-mini-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(180deg,#18334d,#182441);border:1px solid #4d7ba1;font-size:20px;flex:0 0 auto;box-shadow:0 0 24px #34d7e31f}.creative-mini-cards b{display:block;font-size:14px;margin-bottom:4px;color:#ebf5ff}.creative-mini-cards p{margin:0;color:#9fb0ce;font-size:12px;line-height:1.65}.section-heading h2{font-size:34px}.section-heading p{max-width:700px}.panel{background:linear-gradient(180deg,#0d1630,#0b1426 60%,#0c162d);border-color:#27395d;box-shadow:0 22px 48px #02081642}.panel-head{margin-bottom:18px}.panel-head h3{font-size:28px;line-height:1.08}.panel-head p{font-size:13px;max-width:560px}.number{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,#6d43e7,#452087);box-shadow:0 8px 24px #5328b845}.head-icon{font-size:18px;opacity:.9;border:1px solid #34506b;padding:8px 10px;border-radius:12px;background:#101c32}.platform-note{margin-top:14px;padding:16px;border-radius:14px;background:linear-gradient(180deg,#12263d,#102033);border:1px solid #37566e;color:#b8cce5;font-size:12px;line-height:1.8}.platform-note strong{color:#8feee1}.cinema-projector{background:linear-gradient(180deg,#081228,#091028 46%,#140f2d);border-color:#3a4f86;box-shadow:0 25px 60px #02081666,0 0 42px #6431ff10 inset}.projector-head h3{font-size:28px;line-height:1.15;margin:8px 0 8px}.projector-head p{font-size:13px;color:#aabbdb}.projector-housing{background:radial-gradient(circle at 50% 0%,#4224af24,transparent 40%),#090e22}.projector-caption{font-size:11px;letter-spacing:.18em}.editorial{margin:72px 0 0;padding:54px 0 60px;border-top:1px solid #263751}.editorial-hero,.master-guide-hero,.academy-showcase{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:stretch}.editorial-hero-copy,.master-guide-heading,.academy-banner-rich,.academy-preview-wall,.master-guide-art,.editorial-hero-art{position:relative;overflow:hidden;border-radius:24px;border:1px solid #2d3d5b;box-shadow:0 25px 60px #02081650}.editorial-hero-copy,.academy-banner-rich{padding:28px;background:linear-gradient(145deg,#101a32,#121230 68%,#1c133a)}.editorial-hero-copy:before,.academy-banner-rich:before,.master-guide:before{content:"";position:absolute;inset:auto -20% -35% auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#37dbc029 0,transparent 66%);pointer-events:none}.editorial-hero-copy h2,.master-guide h2{font-size:38px;line-height:1.1;margin:12px 0 16px}.editorial-hero-copy p,.master-guide-heading p{font-size:15px;line-height:1.8;color:#c0cde2;max-width:760px}.editorial-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.editorial-badges span{padding:9px 12px;border-radius:999px;border:1px solid #44637a;background:#102134;font-size:12px;font-weight:800;color:#dffbff}.editorial-hero-art,.master-guide-art{padding:12px;background:linear-gradient(145deg,#0b1228,#111d35)}.editorial-hero-art img,.master-guide-art img,.academy-preview-feature img{display:block;width:100%;height:100%;object-fit:cover;border-radius:18px}.editorial-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.editorial-card{padding:20px;border:1px solid #2f3f62;background:linear-gradient(180deg,#111b31,#10182b);border-radius:18px;box-shadow:0 18px 40px #02081630}.editorial-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(180deg,#19354c,#172342);border:1px solid #4e7fac;font-size:20px;margin-bottom:12px}.editorial-card b{display:block;font-size:15px;color:#cbfff7}.editorial-card p{font-size:12px;line-height:1.7;color:#aec0dc;margin:10px 0 0}.editorial-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.editorial-panel{padding:24px;border:1px solid #304361;background:linear-gradient(180deg,#111c33,#0f172b);border-radius:20px;box-shadow:0 18px 45px #02081634}.editorial-panel h3{margin:0 0 12px;font-size:23px}.editorial-panel p{font-size:13px;line-height:1.8;color:#bccbe2}.editorial-panel-responsible{background:linear-gradient(180deg,#161a36,#12182c)}.academy-showcase{margin:0 0 22px}.academy-banner-rich{display:flex;align-items:flex-start;gap:18px;min-height:100%}.academy-big{width:74px;height:74px;border-radius:22px;background:linear-gradient(180deg,#1f3a52,#192342);display:grid;place-items:center;font-size:34px;border:1px solid #5ea1b8;box-shadow:0 0 24px #2fe0f31f}.academy-banner-rich h3{font-size:32px;margin:0 0 10px;line-height:1.12}.academy-banner-rich p{font-size:14px;line-height:1.8;color:#c0cde2}.academy-banner-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.academy-preview-wall{display:flex;flex-direction:column;gap:12px;padding:14px;background:linear-gradient(145deg,#0c152a,#141431 66%,#1d123d)}.academy-preview-feature{position:relative;overflow:hidden;border-radius:18px;border:1px solid #314b67;min-height:220px}.academy-preview-copy{position:absolute;left:16px;right:16px;bottom:16px;padding:14px 16px;border-radius:16px;background:#07111fd9;border:1px solid #2d4966;backdrop-filter:blur(8px)}.academy-preview-copy b{display:block;font-size:16px;margin-bottom:4px}.academy-preview-copy span{font-size:12px;line-height:1.7;color:#bfd3e7}.academy-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.academy-preview-grid figure{margin:0;overflow:hidden;border-radius:16px;border:1px solid #314968;background:#0b1325}.academy-preview-grid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.academy-preview-grid figcaption{padding:10px;font-size:11px;font-weight:800;color:#dff7ff}.faq-steps .panel h3{font-size:22px}.academy-faq details{border-color:#304664;background:#10192e}.master-guide{position:relative;overflow:hidden}.master-guide-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:stretch;margin-bottom:22px}.master-guide-heading{padding:30px;background:linear-gradient(145deg,#10192f,#121230 68%,#1b1337)}.master-guide-highlight-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 22px}.master-guide-highlight-row article{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:18px;background:#15213a;border:1px solid #31405b}.master-guide-highlight-row span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(180deg,#16344d,#172441);border:1px solid #4c7aa5;font-size:20px;flex:0 0 auto}.master-guide-highlight-row b{display:block;font-size:14px;margin-bottom:4px}.master-guide-highlight-row p{margin:0;font-size:12px;line-height:1.7;color:#aebfda}.master-guide-grid article,.master-guide-example,.master-guide-privacy{background:linear-gradient(180deg,#15213a,#111b2f)}.master-guide-grid article h3{font-size:18px}.master-guide-grid article p,.master-guide-example p,.master-guide-privacy p{font-size:13px;color:#bdd0e5}.footer-links a:nth-child(3),.footer-links a:nth-child(4),.footer-links a:nth-child(5){opacity:.92}.support-side a{display:flex;align-items:center;justify-content:center;gap:8px}@media(max-width:1200px){.top-actions{flex-direction:column;align-items:stretch}.top-link-cluster{justify-content:flex-start}.editorial-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.academy-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-mini-cards{grid-template-columns:1fr}}@media(max-width:960px){.editorial-hero,.master-guide-hero,.academy-showcase{grid-template-columns:1fr}.editorial-split,.master-guide-highlight-row{grid-template-columns:1fr}.brand-name{font-size:28px}.topbar{padding:14px}.top-link-cluster,.top-action-cluster{gap:8px}}@media(max-width:800px){.topbar{min-height:72px}.top-action-cluster,.top-link-cluster{width:100%}.topbar-tool,.topbar-link{font-size:11px;padding:9px 11px;min-height:40px}.music-control{width:100%;justify-content:space-between}.music-control input{flex:1;max-width:130px}.editorial-hero-copy h2,.master-guide h2,.academy-banner-rich h3{font-size:30px}.editorial-cards{grid-template-columns:1fr}.academy-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.brand{align-items:flex-start}.brand-mark{width:48px;height:48px;border-radius:18px}.brand-name{font-size:20px;line-height:1.08}.brand-name i{padding:3px 7px;font-size:13px}.brand small,.brand-kicker{font-size:9px;letter-spacing:.11em}.topbar-tool,.topbar-link{width:100%;justify-content:center}.top-link-cluster{display:grid;grid-template-columns:1fr 1fr}.api-pill{width:100%;justify-content:center}.top-link-cluster .api-pill,.top-link-cluster .menu-button{grid-column:1/-1}.menu-button{width:100%;height:44px;border-radius:14px}.academy-banner-rich{flex-direction:column}.academy-big{width:60px;height:60px;font-size:28px}.academy-preview-grid{grid-template-columns:1fr 1fr}.editorial{margin-top:52px;padding-top:40px}.creative-mini-cards article,.master-guide-highlight-row article{padding:15px}.manual-roadmap{padding:14px}}@media(max-width:480px){.top-link-cluster{grid-template-columns:1fr}.academy-preview-grid{grid-template-columns:1fr}.editorial-hero-copy,.editorial-panel,.academy-banner-rich,.master-guide-heading,.academy-preview-wall{padding:18px}.editorial-hero-copy h2,.master-guide h2,.academy-banner-rich h3{font-size:25px}}

/* V1.5.1 · APOYO CON LOCUCIÓN ORIGINAL · SOLO DECORACIÓN FUERA DEL EDITOR */
.support-spotlight{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(155px,.35fr) minmax(0,1fr);align-items:center;gap:24px;margin:20px 0 24px;padding:clamp(22px,3.4vw,40px);overflow:hidden;border:1px solid #4c5b9c;border-radius:24px;background:linear-gradient(105deg,#081020 0%,#101b38 40%,#171330 100%);box-shadow:0 22px 70px #0008,0 0 36px #9350ef18 inset}
.support-spotlight:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(100deg,#070c21d8 0%,#10112ab9 50%,#100a1fdc 100%),url("./assets/cinema-studio.webp") center 45%/cover no-repeat;filter:saturate(1.2)}
.support-spotlight:after{content:"";position:absolute;inset:-35% -20%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 5% 50%,#22d9eb37,transparent 35%),radial-gradient(circle at 80% 25%,#bd65ed34,transparent 30%);filter:blur(24px);animation:support-ambient 12s ease-in-out infinite alternate}
.support-spotlight-art{width:min(100%,225px);aspect-ratio:1;position:relative;justify-self:center;display:grid;place-items:center;filter:drop-shadow(0 0 25px #31dce044)}
.support-orbit{position:absolute;inset:12%;border:1px solid #83f4f477;border-radius:50%;box-shadow:0 0 16px #31e9ef2d,inset 0 0 16px #5faeff1f;animation:support-orbit 14s linear infinite}
.support-orbit:before{content:"";position:absolute;left:14%;top:8%;width:8px;height:8px;background:#aafaff;border-radius:50%;box-shadow:0 0 18px 6px #52ecff66}
.support-orbit-b{inset:0;border-color:#dc8cff66;animation-duration:20s;animation-direction:reverse}
.support-orbit-b:before{left:72%;top:3%;background:#e4b6ff;box-shadow:0 0 18px 6px #bc5af777}
.support-art-heart{position:relative;display:grid;place-items:center;width:65%;aspect-ratio:1;border-radius:28%;font-size:clamp(58px,8vw,104px);line-height:1;color:#ff7bb8;background:linear-gradient(145deg,#2b1c50,#0c1630);border:1px solid #a375ce;box-shadow:0 0 38px #ea65f333,inset 0 0 23px #6e53de24;text-shadow:0 0 26px #ff8dca88;transform:rotate(-9deg)}
.support-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#91f1e7;font-weight:900;font-size:11px;letter-spacing:.17em}
.support-live-dot{width:8px;height:8px;border-radius:50%;background:#59f2dd;box-shadow:0 0 0 5px #59f2dd13,0 0 14px #59f2dd88}
.support-spotlight h2{margin:11px 0 12px;font-size:clamp(25px,3vw,40px);font-weight:900;letter-spacing:-.025em;line-height:1.14}
.support-spotlight h2 em{font-style:normal;background:linear-gradient(100deg,#60f3f2,#c79aff,#ff96d2);-webkit-background-clip:text;background-clip:text;color:transparent}
.support-spotlight p{font-size:14px;line-height:1.75;color:#c8d5ec;margin:0 0 20px;max-width:810px}
.support-spotlight p strong{color:#f8e9ff}
.support-spotlight-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.support-spotlight-actions button,.support-spotlight-actions a{min-height:49px;border-radius:13px;padding:11px 17px;font-weight:900;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:11px;text-decoration:none;cursor:pointer;transition:transform .17s,border-color .17s,box-shadow .17s}
.support-spotlight-actions button:not(:disabled):hover,.support-spotlight-actions a:hover{transform:translateY(-2px);box-shadow:0 12px 29px #0005,0 0 25px #6ce7f62d}
.support-primary-button{color:#081325;border:1px solid #a3f8ff;background:linear-gradient(110deg,#51e9f5,#9e8bf5 55%,#e378dc);box-shadow:0 5px 30px #62b5fa3d}
.support-primary-button.is-active{background:linear-gradient(110deg,#a8e7f0,#bd9cfb,#ea9ee6)}
.support-primary-button:disabled{opacity:.7;cursor:progress}
.support-button-icon{font-size:18px;font-weight:900}
.support-stop-button{color:#eee7f9;border:1px solid #755a94;background:#1e1933}
.support-stop-button:disabled{opacity:.42;cursor:not-allowed}
.support-join-button{color:#fff;border:1px solid #ff6473;background:linear-gradient(110deg,#b71937,#ec2e4d 50%,#a90f31)}
.support-yt-icon{background:#fff;color:#d32035;display:grid;place-items:center;width:25px;height:19px;border-radius:6px;font-size:11px}
.support-playback-line{margin-top:17px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#b5c8e9;font-size:11px}
.support-playback-line #support-voice-status{min-width:145px;color:#b5f6ed;font-weight:700}
.support-playback-track{width:clamp(92px,15vw,180px);height:5px;background:#384161;overflow:hidden;border-radius:999px}
.support-playback-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#43e9eb,#c779f8);box-shadow:0 0 9px #64f0ea;transition:width .12s linear}
.support-playback-line #support-audio-time{font-variant-numeric:tabular-nums;color:#bec7e6}
@keyframes support-orbit{to{transform:rotate(360deg)}}
@keyframes support-ambient{to{transform:translate(3%,1%) scale(1.035)}}
@media(max-width:960px){.support-spotlight{grid-template-columns:120px 1fr;gap:16px}.support-art-heart{font-size:55px}}
@media(max-width:700px){.support-spotlight{grid-template-columns:1fr}.support-spotlight-art{width:95px;height:95px;justify-self:start}.support-orbit{inset:5%}.support-orbit-b{inset:-4%}.support-art-heart{font-size:40px}.support-spotlight-actions{display:grid;grid-template-columns:1fr 1fr}.support-join-button{grid-column:1/-1}.support-primary-button{grid-column:1/-1}.support-spotlight-actions button,.support-spotlight-actions a{font-size:12px}.support-eyebrow{letter-spacing:.09em}}
@media(prefers-reduced-motion:reduce){.support-orbit,.support-spotlight:after{animation:none!important}.support-spotlight-actions button,.support-spotlight-actions a{transition:none!important}}


/* V1.5.2: cinematic live header, actual controls stay interactive. */
.topbar{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(145px,13vw,190px);padding:22px clamp(16px,2.5vw,38px)!important;display:grid!important;grid-template-columns:minmax(290px,1fr) minmax(0,1.25fr);align-items:center;gap:clamp(12px,2vw,30px);background:#050916!important}
.topbar::before{content:"";position:absolute;inset:-14%;z-index:-2;pointer-events:none;background:url('./assets/cinematic-banner-atmosphere.png') center 45%/cover no-repeat;filter:blur(11px) brightness(.45) saturate(1.35);animation:masco-banner-drift 28s ease-in-out infinite alternate;transform:scale(1.06)}
.topbar::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#030817e8 0%,#05091acc 43%,#060b20a8 100%),linear-gradient(180deg,transparent 65%,#030916d8)}
@keyframes masco-banner-drift{from{transform:scale(1.07) translateX(-1.5%)}to{transform:scale(1.16) translateX(1.5%)}}
.topbar .brand{display:flex;align-items:center;gap:clamp(12px,1.5vw,22px);min-width:0}
.topbar .brand-mark{flex:0 0 clamp(66px,6vw,95px);width:clamp(66px,6vw,95px);height:clamp(66px,6vw,95px);border:2px solid #57eaff;box-shadow:0 0 18px #20dbf9aa,0 0 40px #b443fa5c;transition:transform .25s}
.topbar .brand-mark:hover{transform:scale(1.06) rotate(-3deg)}
.topbar .brand-copy{min-width:0;display:grid;gap:5px}
.topbar .brand-kicker{font-size:clamp(10px,.9vw,13px);letter-spacing:.2em;color:#8bfff5;font-weight:900}
.topbar .brand-name{display:block;font-size:clamp(24px,2.6vw,46px)!important;line-height:1.08;letter-spacing:-.04em;font-weight:950;color:#f5fcff;text-shadow:0 2px 3px #000,0 0 16px #5cceff65}
.topbar .brand-name b{background:linear-gradient(110deg,#64f8ff,#6bceff 40%,#e0a2ff 75%,#ff8bcf);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:masco-title-shine 9s linear infinite}
.topbar .brand-name i{font-size:.38em;vertical-align:middle;border-radius:7px;padding:5px 7px;background:linear-gradient(110deg,#56eaf5,#d28cff);color:#061024;font-style:normal;letter-spacing:0;text-shadow:none;white-space:nowrap}
.topbar .brand small{font-size:clamp(9px,.9vw,13px);font-weight:800;letter-spacing:.16em;color:#d7e8ff}
@keyframes masco-title-shine{to{background-position:200% center}}
.topbar .top-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:10px;min-width:0}
.topbar .top-action-cluster,.topbar .top-link-cluster{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;max-width:100%}
.topbar .topbar-tool,.topbar .topbar-link,.topbar .api-pill{min-height:40px;border-radius:12px;backdrop-filter:blur(12px);background-color:#0b1838d9;box-shadow:inset 0 1px #b0ddff30,0 4px 18px #0007;transition:transform .2s,box-shadow .2s}
.topbar .topbar-tool:hover,.topbar .topbar-link:hover,.topbar .api-pill:hover{transform:translateY(-2px);box-shadow:0 0 18px #57d6f66e}
.topbar .api-pill{font-size:10px}
/* Atmospheric images remain behind readable content; no baked-in UI is clickable. */
body{background-image:linear-gradient(110deg,#020917ee,#08051ce8),url('./assets/cinematic-banner-atmosphere.png');background-size:cover,cover;background-attachment:fixed,fixed;background-position:center}
.master-guide,.editorial{position:relative;isolation:isolate}
.master-guide::before,.editorial::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('./assets/cinematic-banner-atmosphere.png') center/cover no-repeat;opacity:.11;filter:blur(14px);border-radius:inherit}
.master-guide-grid>*,.editorial-cards>*{transition:transform .28s ease,box-shadow .28s ease}
.master-guide-grid>*:hover,.editorial-cards>*:hover{transform:translateY(-4px);box-shadow:0 10px 35px #0bd3ff1b}
/* Keep navigation visible while scrolling the editor, independent of header height. */
@media(min-width:801px){.sidebar{position:sticky!important;top:0!important;height:100vh!important;max-height:100vh;align-self:start;overflow-y:auto;scrollbar-width:thin}}
@media(max-width:1250px){.topbar{grid-template-columns:1fr!important;gap:14px}.topbar .top-actions{align-items:flex-start}.topbar .top-action-cluster,.topbar .top-link-cluster{justify-content:flex-start}.topbar .brand-name{font-size:clamp(24px,3.5vw,38px)!important}}
@media(max-width:800px){.topbar{display:flex!important;flex-wrap:wrap;min-height:110px;height:auto!important;justify-content:space-between;padding:12px!important}.topbar .brand-mark{width:48px;height:48px;flex-basis:48px}.topbar .brand-name{font-size:clamp(18px,4vw,27px)!important}.topbar .brand small{font-size:8px}.topbar .top-actions{flex:1 1 100%;align-items:flex-start}.topbar .top-action-cluster,.topbar .top-link-cluster{justify-content:flex-start}.sidebar{top:0!important;height:100dvh!important}.topbar .topbar-link{font-size:9px}.topbar .api-pill{font-size:10px}}
@media(max-width:480px){.topbar .brand-name{font-size:18px!important}.topbar .brand-kicker{font-size:8px}.topbar .brand-mark{width:40px;height:40px;flex-basis:40px}.topbar .topbar-tool,.topbar .topbar-link,.topbar .api-pill{min-height:34px}.topbar .top-link-cluster{gap:5px}}
@media(prefers-reduced-motion:reduce){.topbar::before,.topbar .brand-name b{animation:none!important}}

/* ===== V1.5.3 · ESTABILIDAD, LEGIBILIDAD Y CINE ===== */
:root{--mc-header-height:155px}
html{scroll-padding-top:calc(var(--mc-header-height) + 14px)}
body{font-size:clamp(15px,1vw,17px)}
.topbar{position:sticky!important;top:0!important;z-index:1100!important;overflow:visible!important;min-height:0!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:12px 24px!important;padding:10px clamp(12px,2vw,28px)!important;background:linear-gradient(90deg,#06101ded,#0b0c24f0 60%,#0a1230ef)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 14px 32px #0009,0 1px 0 #56eaff35 inset}
.topbar::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050c1be0,#050c1b8a 45%,#050c1bcb),url('./assets/cinematic-banner-atmosphere.png') center 47%/cover no-repeat;z-index:-2;opacity:.78;pointer-events:none}
.topbar::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 38% 15%,#39d7ff22,transparent 45%),linear-gradient(105deg,transparent 25%,#c868ff13 40%,transparent 58%);z-index:-1;pointer-events:none;animation:mc-head-glow 18s ease-in-out infinite alternate}
.topbar .brand{flex:1 1 420px;min-width:0;display:flex;gap:12px;align-items:center}
.topbar .brand-mark{width:clamp(58px,5vw,76px);height:clamp(58px,5vw,76px);flex:none}
.topbar .brand-copy{min-width:0;gap:3px}
.topbar .brand-name{font-size:clamp(23px,2.35vw,38px)!important;line-height:1.12;letter-spacing:.012em;overflow-wrap:anywhere;filter:drop-shadow(0 0 9px #3edfff40)}
.topbar .brand-name i{font-size:.42em;vertical-align:middle;padding:5px 7px}
.topbar .brand-kicker{font-size:clamp(10px,.8vw,12px)}
.topbar .brand small{font-size:clamp(10px,.75vw,12px);line-height:1.35}
.topbar .top-actions{flex:1 1 520px;min-width:0;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important}
.topbar .top-action-cluster,.topbar .top-link-cluster{display:flex!important;gap:7px!important;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.topbar .topbar-tool,.topbar .topbar-link,.topbar .api-pill{min-height:38px!important;font-size:clamp(12px,.88vw,14px)!important;padding:8px 11px!important;border-radius:12px!important;white-space:nowrap}
.topbar .music-control{display:flex;align-items:center;gap:8px;padding:6px 9px!important}
.topbar .music-control input{width:clamp(48px,6vw,85px)}
.topbar .tool-copy{white-space:nowrap}
.layout{min-height:calc(100vh - var(--mc-header-height))!important;align-items:start}
.sidebar{position:sticky!important;top:var(--mc-header-height)!important;height:calc(100dvh - var(--mc-header-height))!important;max-height:calc(100dvh - var(--mc-header-height))!important;overflow-y:auto!important;overscroll-behavior:contain;align-self:start}
.main-content{min-width:0}
.main-content p,.master-guide p,.editorial p,.panel p{font-size:clamp(14px,1.02vw,16px)!important;line-height:1.72!important}
.side-item{font-size:clamp(13px,.95vw,15px)!important;min-height:44px}
button,input,textarea,select{font-size:clamp(13px,.95vw,16px)}
.panel-head h3,.master-guide h3{font-size:clamp(19px,1.55vw,26px)}
.master-guide-grid article{position:relative;overflow:hidden;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.master-guide-grid article:hover{transform:translateY(-4px);border-color:#64dfe3;box-shadow:0 20px 45px #0008,0 0 22px #39bde522}
.guide-scene-art{height:clamp(125px,13vw,195px);margin:-23px -23px 18px;position:relative;overflow:hidden;background:#101b34}
.guide-scene-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#15213a 0%,transparent 65%);pointer-events:none}
.guide-scene-art img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(1.12) brightness(.76);transform:scale(1.02);transition:transform 1.3s ease,filter .5s ease}
.master-guide-grid article:hover .guide-scene-art img{transform:scale(1.12) translateY(-3px);filter:saturate(1.3) brightness(.92)}
.master-guide-grid article h3{font-size:clamp(18px,1.35vw,22px)!important;color:#e9fcff}
.example-frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 24px}
.example-frames figure{margin:0;min-width:0;overflow:hidden;border:1px solid #3e6286;border-radius:14px;background:#0c1932}
.example-frames img{width:100%;height:clamp(110px,12vw,180px);object-fit:cover;display:block;transition:transform .8s ease}
.example-frames figure:hover img{transform:scale(1.09)}
.example-frames figcaption{padding:10px 13px;font-size:clamp(12px,.95vw,15px);font-weight:800;color:#8fe8ee}
.editorial-hero-art img,.master-guide-art img{object-fit:contain!important;background:#080d20;transition:transform 1.5s ease,filter 1.2s ease;filter:drop-shadow(0 0 12px #24a9e32a)}
.editorial-hero-art:hover img,.master-guide-art:hover img{transform:scale(1.035);filter:drop-shadow(0 0 24px #47d5ff66)}
.editorial-card{transition:transform .35s ease,box-shadow .35s ease}
.editorial-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0008,0 0 20px #5be7f622}
body::before{background:linear-gradient(#030c16bd,#09091bca),url('./assets/cinematic-banner-atmosphere.png') center/cover fixed no-repeat!important;opacity:.28!important;mix-blend-mode:normal!important;animation:mc-bg-drift 32s ease-in-out infinite alternate}
@keyframes mc-head-glow{to{opacity:.55;transform:translateX(1%)}}
@keyframes mc-bg-drift{to{transform:scale(1.06) translateX(-1%);opacity:.36}}
@media(max-width:1100px){.topbar .brand{flex-basis:100%}.topbar .top-actions{flex-basis:100%;justify-content:flex-start!important}.topbar .top-action-cluster,.topbar .top-link-cluster{justify-content:flex-start}.master-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.topbar{padding:9px 12px!important;gap:7px!important}.topbar .brand-name{font-size:clamp(20px,5vw,28px)!important}.topbar .brand-mark{width:52px;height:52px}.topbar .top-actions{gap:5px!important}.topbar .topbar-tool,.topbar .topbar-link,.topbar .api-pill{font-size:12px!important;min-height:34px!important;padding:6px 8px!important}.sidebar{top:var(--mc-header-height)!important;max-height:calc(100dvh - var(--mc-header-height))!important}.master-guide-grid,.example-frames{grid-template-columns:1fr}.guide-scene-art{height:170px}.example-frames img{height:170px}}
@media(prefers-reduced-motion:reduce){.topbar::after,body::before{animation:none!important}.guide-scene-art img,.example-frames img,.master-guide-art img,.editorial-hero-art img{transition:none!important}}


/* =============================================================
   V1.5.4 — CABECERA CINEMATOGRÁFICA RESPONSIVA Y DISEÑO SIN DESBORDES
   Cambios exclusivamente de presentación, sin tocar Gemini o el motor.
   ============================================================= */
:root { --mc-header-height: 145px; }
html { max-width:100%; overflow-x:clip; scroll-padding-top:calc(var(--mc-header-height) + 14px); }
body { width:100%; max-width:100%; overflow-x:clip; }
body::before { inset:0!important; transform:none!important; animation:none!important; opacity:.26!important; }
#preload { max-width:100vw; }
.topbar {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"brand audio" "links links" "ribbon ribbon"!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:6px 14px!important;
  position:sticky!important; top:0!important; z-index:1100!important;
  height:auto!important; min-height:0!important; width:100%!important; max-width:100%!important;
  padding:10px clamp(12px,1.7vw,26px) 0!important;
  background:#060d1df3!important;
  isolation:isolate; overflow:visible!important;
  border-bottom:1px solid #56dff074!important;
  box-shadow:0 12px 36px #000a, 0 0 22px #1aaed316 inset;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)
}
.topbar:before {
  content:""!important;position:absolute!important;inset:0!important;z-index:-2!important;
  opacity:.54!important;
  background:linear-gradient(90deg,#041021c9,#051024af 45%,#090e26bb),url('./assets/header-cinematic-clean.webp') center 48%/cover no-repeat!important;
  filter:none!important;transform:none!important;pointer-events:none!important;
}
.topbar:after {
  content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;
  opacity:.52!important;pointer-events:none!important;
  background:linear-gradient(98deg,transparent 15%,#36c7ff13 42%,transparent 67%);
  background-size:200% 100%;animation:mc-header-shimmer 20s ease-in-out infinite alternate!important;
}
.topbar>.brand { grid-area:brand;display:flex!important;min-width:0;max-width:100%;gap:12px!important;align-items:center!important;flex:none!important; }
.topbar .brand-mark { width:clamp(51px,4.6vw,68px)!important;height:clamp(51px,4.6vw,68px)!important;flex:0 0 auto!important; }
.topbar .brand-copy { min-width:0; max-width:100%;}
.topbar .brand-kicker {font-size:clamp(10px,.75vw,12px)!important;letter-spacing:.18em!important;}
.topbar .brand-name {font-size:clamp(22px,2.35vw,35px)!important;line-height:1.12!important;
  letter-spacing:0!important;word-break:normal!important;overflow-wrap:normal!important;
  white-space:normal!important; text-wrap:balance!important;}
.topbar .brand small {font-size:clamp(10px,.78vw,12px)!important;letter-spacing:.12em!important;}
/* preserve nav semantics while laying out two logically distinct functional groups */
.topbar>.top-actions { display:contents!important; }
.topbar .top-action-cluster {grid-area:audio;display:flex!important;justify-content:flex-end!important;align-items:center!important;
  gap:8px!important;flex-wrap:nowrap!important;min-width:0;max-width:100%;}
.topbar .top-link-cluster {grid-area:links;display:flex!important;justify-content:flex-end!important;align-items:center!important;
  gap:8px!important;flex-wrap:wrap!important;min-width:0;width:100%;padding:0 0 3px;}
.topbar .topbar-tool,.topbar .topbar-link,.topbar .api-pill {
  min-height:38px!important;padding:8px 12px!important;font-size:clamp(12px,.85vw,14px)!important;
  line-height:1.25!important;border-radius:11px!important;
  flex:0 0 auto!important;max-width:100%;white-space:nowrap;box-shadow:0 3px 16px #0006;
}
.topbar .topbar-link span,.topbar .tool-copy {white-space:nowrap!important;}
.topbar .music-control {display:flex!important;width:auto!important;gap:7px!important;padding:5px 10px!important;flex:0 0 auto!important;}
.topbar .music-toggle {min-width:0!important;padding:0!important;border:0!important;min-height:0!important;}
.topbar .music-control input {width:clamp(62px,7vw,92px)!important;min-width:45px;max-width:96px;}
.header-cinema-ribbon {grid-area:ribbon;height:27px;width:calc(100% + clamp(24px,3.4vw,52px));
  margin:0 calc(-1 * clamp(12px,1.7vw,26px));position:relative;overflow:hidden;
  background:linear-gradient(0deg,#050a18e2,#03081513),url('./assets/header-cinematic-clean.webp') center 62%/cover no-repeat;
  border-top:1px solid #51d9f824;border-bottom:1px solid #31d6f55a;
}
.header-cinema-ribbon:before {content:"";position:absolute;inset:0;
  background:linear-gradient(102deg,transparent 12%,#6ff8ff46 32%,transparent 40%,#c967ff40 65%,transparent 76%);
  background-size:180% 100%;opacity:.7;animation:mc-ribbon-flow 16s linear infinite alternate;
}
.header-cinema-ribbon:after {content:"";position:absolute;inset:auto 0 0;height:2px;
  background:linear-gradient(90deg,transparent,#36ddfa,#d27afa,transparent);box-shadow:0 0 16px 3px #2bcdff45;}
@keyframes mc-header-shimmer {from{background-position:0 0}to{background-position:100% 0}}
@keyframes mc-ribbon-flow {from{background-position:0 0}to{background-position:100% 0}}
/* Use the viewport width; do not allow moving atmospheric layers to enlarge the document. */
.layout {grid-template-columns:clamp(205px,17vw,245px) minmax(0,1fr)!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  min-height:calc(100dvh - var(--mc-header-height))!important;align-items:start!important;}
.main-content {width:100%!important;max-width:100%!important;min-width:0!important;
  padding:clamp(16px,2vw,26px) clamp(14px,2.15vw,32px) 0!important;}
.sidebar {position:sticky!important;top:var(--mc-header-height)!important;
  height:calc(100dvh - var(--mc-header-height))!important;max-height:calc(100dvh - var(--mc-header-height))!important;
  min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
  overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#3c7397 transparent;
  padding:12px 10px 10px!important;gap:0!important;}
.sidebar-label {margin:5px 8px 7px!important;font-size:10px!important;letter-spacing:.12em!important;}
.side-nav {margin-bottom:11px!important;gap:3px!important;}
.side-item {padding:8px 10px!important;min-height:41px!important;gap:9px!important;
  font-size:clamp(12px,.94vw,14px)!important;white-space:normal;}
.side-item em {margin-left:auto;font-size:10px!important;white-space:nowrap;}
.sidebar-lower {margin-top:8px!important;}
.support-side {margin:5px 0 8px!important;gap:5px!important;}
.support-side a {padding:7px 9px!important;min-height:33px!important;font-size:11px!important;}
.tiny-card {padding:11px!important;}
.tiny-card p {font-size:11px!important;line-height:1.45!important;margin:4px 0 6px!important;}
.sidebar-foot {padding:8px 2px 3px!important;font-size:9px!important;}
#editor,#informacion,#guia-completa { scroll-margin-top:calc(var(--mc-header-height) + 16px)!important; }
.hero {display:grid!important;grid-template-columns:minmax(0,1.09fr) minmax(0,.91fr)!important;
  min-width:0!important;width:100%;gap:0!important;align-items:center!important;overflow:hidden;}
.hero-content {min-width:0!important;overflow:visible!important;
  padding:clamp(24px,2.9vw,44px) clamp(18px,2.3vw,34px)!important;}
.hero h1 {font-size:clamp(31px,3.15vw,50px)!important;line-height:1.18!important;
  letter-spacing:-.028em;max-width:100%!important;margin:18px 0!important;
  overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;
  text-wrap:balance;}
.hero h1 em {white-space:normal;}
.hero-content p {max-width:62ch;}
.hero-art {min-width:0!important;width:100%;overflow:hidden!important;
  padding:18px clamp(12px,1.7vw,28px) 18px 0!important;margin:0!important;}
.hero-art img {width:100%!important;max-width:100%!important;height:auto!important;}
.hero-metrics {max-width:100%;flex-wrap:wrap;}
/* gracefully move media below text rather than squeezing or cutting the lettering */
@media(max-width:1150px){
  .hero {grid-template-columns:minmax(0,1fr)!important;}
  .hero-art {width:min(100%,800px)!important;max-width:100%!important;margin:0 auto!important;
    padding:0 clamp(18px,3vw,34px) 26px!important;}
  .hero h1 {font-size:clamp(32px,4.5vw,48px)!important;}
}
@media(max-width:980px){
  .topbar {grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"brand" "audio" "links" "ribbon"!important;}
  .topbar .top-action-cluster,.topbar .top-link-cluster {justify-content:center!important;}
  .topbar .brand {justify-content:center!important;}
  .topbar .brand-name {font-size:clamp(24px,3.4vw,32px)!important;}
  .header-cinema-ribbon {height:18px;}
}
@media(max-width:800px){
  .layout {display:block!important;}
  .sidebar {position:fixed!important;z-index:1000!important;left:0!important;bottom:0!important;
    top:var(--mc-header-height)!important;width:min(295px,88vw)!important;
    height:calc(100dvh - var(--mc-header-height))!important;
    transform:translateX(-105%)!important;transition:transform .25s ease!important;}
  .sidebar.open {transform:translateX(0)!important;}
  .main-content {padding:14px!important;}
  .topbar .menu-button {display:inline-flex!important;align-items:center;justify-content:center;}
}
@media(max-width:620px){
  .topbar {padding:7px 10px 0!important;gap:5px!important;}
  .topbar .brand {justify-content:flex-start!important;}
  .topbar .brand-mark {width:49px!important;height:49px!important;}
  .topbar .brand-name {font-size:clamp(18px,5.2vw,24px)!important;}
  .topbar .brand small,.topbar .brand-kicker {font-size:9px!important;letter-spacing:.08em!important;}
  .topbar .top-action-cluster {justify-content:center!important;gap:5px!important;}
  .topbar .top-link-cluster {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px!important;}
  .topbar .top-link-cluster .brand-nav-link,.topbar .top-link-cluster .member-link,.topbar .top-link-cluster .support-link {display:none!important;}
  .topbar .fullscreen-tool {width:auto!important;grid-column:1;}
  .topbar .api-pill {width:auto!important;grid-column:2/4;min-width:0!important;font-size:11px!important;}
  .topbar .menu-button {grid-column:1/-1;justify-self:end;min-height:36px;min-width:56px;}
  .topbar .topbar-tool {min-width:0!important;width:auto!important;}
  .topbar .music-control {width:auto!important;flex:0 1 auto!important;}
  .topbar .music-control input {width:44px!important;}
  .hero {grid-template-columns:1fr!important;}
  .hero-content {padding:22px 19px!important;}
  .hero h1 {font-size:clamp(29px,8vw,40px)!important;line-height:1.16!important;}
}
@media(prefers-reduced-motion:reduce){
  .topbar:after,.header-cinema-ribbon:before {animation:none!important;}
}


/* ============================================
   V1.5.5 — INTERFAZ RESPONSIVA ESTABLE
   Layout stays inside viewport at all zoom levels.
   ============================================ */
:root{--mc-header-height:132px}
html,body{width:100%!important;max-width:100%!important;overflow-x:clip!important}
body{font-size:15px}
.app-shell{width:100%;min-width:0;max-width:100%;isolation:isolate;overflow-x:clip!important}
body::before{content:""!important;position:fixed!important;inset:0!important;z-index:-1!important;pointer-events:none!important;transform:none!important;animation:none!important;filter:blur(10px) brightness(.4)!important;opacity:.16!important;mix-blend-mode:normal!important;background:url('./assets/header-film-atmosphere.webp') center/cover no-repeat!important}
/* Animated decorative gradients are clipped and never participate in layout dimensions. */
.app-shell::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 70% 20%,#b154f81c,transparent 52%),radial-gradient(ellipse at 10% 78%,#18e2e61c,transparent 56%);background-size:110% 110%;animation:mc-atmosphere 22s ease-in-out infinite alternate}
@keyframes mc-atmosphere{from{background-position:0% 0%}to{background-position:100% 100%}}
.app-shell>.topbar,.app-shell>.layout{position:relative;z-index:1}
.topbar{position:sticky!important;top:0!important;z-index:1200!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,auto)!important;grid-template-areas:"brand audio" "links links" "ribbon ribbon"!important;align-items:center!important;gap:5px 10px!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:9px clamp(12px,1.4vw,26px) 0!important;overflow:hidden!important;background:linear-gradient(90deg,#07101de8,#101126db)!important;isolation:isolate;box-shadow:0 12px 30px #000b!important}
.topbar::before{content:""!important;position:absolute!important;inset:0!important;z-index:-2!important;background:linear-gradient(90deg,#050b1cce 0%,#07101a8c 40%,#100d27b8 100%),url('./assets/header-film-atmosphere.webp') center 52%/cover no-repeat!important;filter:none!important;transform:none!important;animation:none!important;pointer-events:none!important}
.topbar::after{inset:0!important;z-index:-1!important;pointer-events:none!important}
.topbar>.brand{grid-area:brand!important;min-width:0!important;max-width:100%!important;display:flex!important;align-items:center!important;gap:12px!important}
.topbar .brand-copy{min-width:0!important;max-width:100%!important}
.topbar .brand-name{font-size:clamp(22px,2.4vw,35px)!important;line-height:1.14!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;text-wrap:balance!important}
.topbar>.top-actions{display:contents!important}
.topbar .top-action-cluster{grid-area:audio!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;min-width:0!important}
.topbar .top-link-cluster{grid-area:links!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;min-width:0!important;width:100%!important}
.topbar .topbar-tool,.topbar .topbar-link,.topbar .api-pill{min-height:39px!important;font-size:clamp(11px,.91vw,14px)!important;border-radius:12px!important;white-space:nowrap!important;padding:9px 11px!important;max-width:100%!important;flex-shrink:0!important}
.topbar .music-control{display:flex!important;gap:8px!important;max-width:204px!important;width:auto!important;padding:5px 9px!important}
.topbar .music-control input{width:clamp(48px,6.5vw,92px)!important;min-width:40px!important}
.topbar .topbar-link span,.topbar .tool-copy{white-space:nowrap!important}
.header-cinema-ribbon{grid-area:ribbon!important;max-width:100%!important;width:100%!important;min-width:0!important;margin:0!important;left:0!important;right:0!important;overflow:hidden!important;height:18px!important;background:linear-gradient(90deg,#05101cd8,#13123867,#071327d8),url('./assets/header-film-atmosphere.webp') center 56%/cover no-repeat!important}
.header-cinema-ribbon:before{inset:0!important;max-width:100%!important;transform:none!important}
.layout{display:grid!important;grid-template-columns:clamp(205px,16.8vw,244px) minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important;align-items:start!important}
.main-content{min-width:0!important;max-width:none!important;width:100%!important;margin:0!important;padding:clamp(14px,2vw,28px) clamp(12px,2vw,32px) 0!important}
.tab-pane,.mode-panel,.hero,.editor-grid,.editor-left,.editor-right,.editorial,.master-guide,.master-guide-grid,.master-guide-hero{min-width:0;max-width:100%}
.sidebar{position:sticky!important;top:var(--mc-header-height)!important;height:calc(100dvh - var(--mc-header-height))!important;max-height:calc(100dvh - var(--mc-header-height))!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#326c96 transparent;padding:10px 12px 12px!important}
.sidebar-lower{margin-top:8px!important}.sidebar .side-nav{gap:3px!important;margin-bottom:11px!important}.sidebar .side-item{min-height:39px!important;padding:8px 9px!important;font-size:clamp(12px,.96vw,14px)!important}.sidebar .sidebar-label{margin:6px 8px!important;font-size:10px!important}.sidebar .support-side a{min-height:34px!important;padding:7px!important}
#editor,#mascoalba-support,#informacion,#guia-completa,.page-head{scroll-margin-top:calc(var(--mc-header-height) + 18px)!important}
/* Hero: text always has room; media is never used to squeeze heading. */
.hero{display:grid!important;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr)!important;gap:6px!important;align-items:center!important;overflow:hidden!important;isolation:isolate}
.hero-content{min-width:0!important;padding:clamp(22px,2.5vw,39px) clamp(18px,2.2vw,38px)!important}
.hero h1{font-size:clamp(30px,3.35vw,54px)!important;line-height:1.17!important;overflow-wrap:normal!important;word-break:normal!important;text-wrap:balance!important;max-width:100%!important}
.hero-art{min-width:0!important;max-width:100%!important;width:100%!important;overflow:hidden!important;padding:12px clamp(12px,1.5vw,24px) 14px 0!important;margin:0!important}
.hero-art img{width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important}
.hero-content p,.panel p,.editorial p,.master-guide p{font-size:clamp(13px,1.01vw,16px);line-height:1.7}
/* Professional topic artwork; ten distinct topical photographs, no text embedded. */
.guide-scene-art{height:clamp(160px,14vw,245px)!important;margin:-22px -22px 18px!important;overflow:hidden!important;border-radius:12px 12px 0 0}
.guide-scene-art img{width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(1.25) brightness(.89)!important;transform:scale(1.015);transition:transform .7s ease,filter .7s ease}
.master-guide-grid article:hover .guide-scene-art img{transform:scale(1.075) translateY(-2px)!important;filter:saturate(1.42) brightness(1.05)!important}
.master-guide-grid article h3{font-size:clamp(19px,1.5vw,25px)!important;line-height:1.22!important}.master-guide-grid article p{font-size:clamp(13px,1vw,15px)!important}
.master-guide-art,.editorial-hero-art{min-width:0!important;overflow:hidden!important;padding:12px!important;background:linear-gradient(145deg,#0c1831,#10162a)!important;align-items:stretch!important;justify-content:center!important;position:relative}
.master-guide-art img,.editorial-hero-art img{display:block!important;width:100%!important;height:100%!important;min-height:315px!important;object-fit:cover!important;object-position:center!important;border-radius:16px!important;filter:saturate(1.2) brightness(.95)!important;transform:scale(1.01);transition:transform 3s ease,filter 1s ease}
.master-guide-art:hover img,.editorial-hero-art:hover img{filter:saturate(1.35) brightness(1.08)!important;transform:scale(1.045)!important}
.master-guide-art:after,.editorial-hero-art:after{content:"";position:absolute;inset:12px;pointer-events:none;border-radius:16px;box-shadow:inset 0 0 45px #7f6aff1c,0 0 40px #23f7ef12}
.example-frames img{object-fit:cover!important}.example-frames figure{min-width:0}
/* Full content guide & FAQ and clean support block at END of page. */
.support-spotlight{margin:clamp(32px,4vw,64px) 0 32px!important;max-width:100%!important}
.generation-bar{border-color:#24866e!important;background:linear-gradient(100deg,#092c29,#102b34 45%,#141f3a)!important;box-shadow:0 0 24px #26d7a51a!important}
.generation-bar .gen-kicker{color:#8bf8c4!important;font-weight:900!important}
#btn-generate{position:relative;isolation:isolate;background:linear-gradient(125deg,#13ad7a,#65f6ac 44%,#43e6d2 85%,#a6f8db)!important;color:#052f26!important;font-size:clamp(14px,1.12vw,17px)!important;font-weight:950!important;letter-spacing:.02em!important;border:1px solid #80ffd7!important;border-radius:15px!important;box-shadow:0 0 0 1px #8cffc538 inset,0 0 24px #3fefac79,0 15px 30px #0008!important;min-height:60px!important;padding:14px 21px!important;white-space:normal!important;overflow:hidden!important;text-shadow:0 1px 1px #ffffff33}
#btn-generate:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,#ffffff80 48%,transparent 62%);transform:translateX(-130%);animation:mc-green-glint 5.3s ease-in-out infinite;pointer-events:none;z-index:-1}
#btn-generate:hover:not(:disabled){transform:translateY(-2px) scale(1.025)!important;box-shadow:0 0 42px #54ffbaad,0 16px 38px #0008!important}
@keyframes mc-green-glint{0%,69%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
.chapter-help{font-size:12px!important;color:#a7e8ec!important;padding:6px 8px 2px;margin:0!important}
.chapter{font-size:clamp(11px,.83vw,13px)!important;min-height:38px!important}
@media(max-height:860px) and (min-width:801px){.sidebar .tiny-card,.sidebar .sidebar-foot{display:none!important}.sidebar .side-item{min-height:38px!important}.sidebar .sidebar-label{margin:5px 8px!important}.sidebar .support-side{margin:0!important}}
@media(min-width:1600px){.topbar{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand audio" "brand links" "ribbon ribbon"!important}.hero h1{font-size:clamp(42px,3vw,64px)!important}}
@media(max-width:1150px){.topbar{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"brand" "audio" "links" "ribbon"!important}.topbar .top-action-cluster,.topbar .top-link-cluster{justify-content:flex-start!important}.hero{grid-template-columns:1fr!important}.hero-art{max-width:820px!important;width:100%!important;margin:auto!important;padding:0 22px 25px!important}.hero h1{font-size:clamp(32px,4vw,52px)!important}.editor-grid{grid-template-columns:minmax(0,1fr)!important}.editorial-hero,.master-guide-hero,.academy-showcase{grid-template-columns:1fr!important}}
@media(max-width:800px){.layout{display:block!important}.sidebar{position:fixed!important;z-index:1000!important;left:0!important;top:var(--mc-header-height)!important;width:min(300px,90vw)!important;height:calc(100dvh - var(--mc-header-height))!important;max-height:calc(100dvh - var(--mc-header-height))!important;transform:translateX(-110%)!important;transition:transform .2s ease!important}.sidebar.open{transform:translateX(0)!important}.main-content{padding:12px!important}.topbar .menu-button{display:inline-flex!important;align-items:center;justify-content:center}.master-guide-grid{grid-template-columns:1fr!important}.editorial-cards{grid-template-columns:1fr!important}}
@media(max-width:650px){.topbar{padding:8px 10px 0!important;gap:5px!important}.topbar>.brand{justify-content:flex-start!important}.topbar .brand-mark{width:46px!important;height:46px!important}.topbar .brand-name{font-size:clamp(19px,4.8vw,25px)!important}.topbar .top-action-cluster{justify-content:flex-start!important;flex-wrap:wrap!important}.topbar .top-link-cluster{display:flex!important;flex-wrap:wrap!important;gap:5px!important}.topbar .top-link-cluster .brand-nav-link,.topbar .top-link-cluster .member-link,.topbar .top-link-cluster .support-link{display:none!important}.topbar .topbar-tool,.topbar .topbar-link,.topbar .api-pill{font-size:11px!important;padding:8px!important}.topbar .music-control input{width:58px!important}.header-cinema-ribbon{height:12px!important}.hero h1{font-size:clamp(29px,7vw,43px)!important}.master-guide-art img,.editorial-hero-art img{min-height:230px!important}.guide-scene-art{height:170px!important}}
@media(prefers-reduced-motion:reduce){.app-shell::before,.topbar::after,.header-cinema-ribbon:before,#btn-generate:before{animation:none!important}.guide-scene-art img,.master-guide-art img,.editorial-hero-art img{transition:none!important}}
/* One offset only: scroll-margin handles the sticky header. */
html{scroll-padding-top:0!important}


/* ============================================================
  V1.5.6 — BANNER PANORÁMICO REAL + SIDEBAR VISIBLE AL 100%
  Controles HTML por encima de la imagen, sin texto horneado.
  El cálculo de altura se realiza con ResizeObserver en app.js.
  No se cambian los motores Gemini o de generación.
============================================================ */
:root{--mc-header-height:114px}
html,body,.app-shell{max-width:100%;overflow-x:clip!important}
.topbar{
  position:sticky!important;top:0!important;z-index:1200!important;
  display:grid!important;
  grid-template-columns:minmax(380px,.92fr) minmax(0,1.08fr)!important;
  grid-template-rows:minmax(42px,auto) minmax(42px,auto) 4px!important;
  grid-template-areas:"brand audio" "brand links" "ribbon ribbon"!important;
  padding:8px clamp(10px,1.4vw,22px) 0!important;
  gap:2px 12px!important;
  min-height:0!important;height:auto!important;overflow:clip!important;
  background:linear-gradient(95deg,#050b1ae0,#0a1429c5 65%,#100c24de)!important;
  isolation:isolate;align-items:center!important;
  border-bottom:1px solid #42d8edb5!important;
  box-shadow:0 8px 29px #000c,0 0 25px #35dbf422 inset!important;
}
.topbar::before{
  background:linear-gradient(90deg,#04111de8 0%,#07132ccf 37%,#0d0b27c2 100%),
  url('./assets/header-video-director-premium.webp') center center/cover no-repeat!important;
  inset:0!important;opacity:1!important;filter:none!important;transform:none!important;
  animation:none!important;pointer-events:none!important;
}
.topbar::after{opacity:.26!important;animation:mc-header-shimmer 23s ease-in-out infinite alternate!important}
.topbar>.brand{grid-area:brand!important;justify-content:flex-start!important;min-width:0!important;max-width:100%!important;gap:11px!important;padding:3px 0!important}
.topbar .brand-mark{width:clamp(50px,4.3vw,65px)!important;height:clamp(50px,4.3vw,65px)!important;flex-shrink:0!important}
.topbar .brand-copy{max-width:100%!important;min-width:0!important}
.topbar .brand-name{font-size:clamp(21px,2.2vw,32px)!important;line-height:1.06!important;letter-spacing:-.025em!important;text-wrap:balance!important}
.topbar .brand-kicker{font-size:clamp(10px,.75vw,11px)!important;letter-spacing:.16em!important}
.topbar .brand small{font-size:clamp(9px,.7vw,11px)!important;letter-spacing:.07em!important}
.topbar>.top-actions{display:contents!important}
.topbar .top-action-cluster{grid-area:audio!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-width:0!important;flex-wrap:nowrap!important}
.topbar .top-link-cluster{grid-area:links!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;min-width:0!important;flex-wrap:nowrap!important;padding:0!important}
.topbar .topbar-tool,.topbar .topbar-link,.topbar .api-pill{min-height:34px!important;border-radius:10px!important;padding:7px 9px!important;font-size:clamp(10px,.77vw,12px)!important;line-height:1.25!important;white-space:nowrap!important;flex-shrink:1!important}
.topbar .topbar-link{gap:6px!important}
.topbar .topbar-link span,.topbar .tool-copy{white-space:nowrap!important}
.topbar .music-control{min-height:36px!important;width:auto!important;max-width:174px!important;gap:8px!important;padding:4px 7px!important;flex-shrink:0!important}
.topbar .music-control input{min-width:37px!important;width:clamp(40px,4vw,70px)!important}
.topbar .api-pill{gap:6px!important}
.topbar .yt-mark{height:16px;width:16px!important}
.header-cinema-ribbon{grid-area:ribbon!important;position:relative!important;inset:auto!important;
  height:4px!important;min-height:4px!important;width:100%!important;max-width:100%!important;
  margin:0!important;overflow:hidden!important;background:linear-gradient(90deg,transparent,#2dd5e3ad,#c66af9ac,transparent)!important}
.header-cinema-ribbon::before{animation:mc-ribbon-flow 24s ease-in-out infinite alternate!important}
/* Independent scrolling only when the device is truly too short; avoid hiding any action. */
.layout{grid-template-columns:clamp(196px,16.6vw,246px) minmax(0,1fr)!important;max-width:100%!important;min-width:0!important;overflow:clip!important}
.sidebar{
  position:sticky!important;top:var(--mc-header-height)!important;
  height:calc(100dvh - var(--mc-header-height))!important;
  max-height:calc(100dvh - var(--mc-header-height))!important;
  min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;
  padding:8px 10px 8px!important;gap:0!important;
  scrollbar-width:thin!important;scrollbar-color:#305a80 transparent!important;
}
.sidebar .sidebar-label{margin:4px 6px 6px!important;font-size:10px!important;line-height:1.15!important}
.sidebar .side-nav{gap:2px!important;margin:0 0 9px!important}
.sidebar .side-item{min-height:39px!important;padding:7px 9px!important;gap:8px!important;font-size:clamp(12px,.91vw,14px)!important;line-height:1.25!important}
.sidebar .side-item span{font-size:20px!important;width:25px!important;flex:0 0 25px!important}
.sidebar .sidebar-lower{margin-top:auto!important;display:grid!important;gap:5px!important;min-height:0!important}
.sidebar .support-side{display:grid!important;gap:5px!important;margin:3px 0 0!important}
.sidebar .support-side a{min-height:32px!important;padding:5px 7px!important;font-size:11px!important}
.sidebar .tiny-card{padding:8px 9px!important;min-height:0!important}
.sidebar .tiny-card .tiny-icon{display:none!important}
.sidebar .tiny-card b{font-size:11px!important;margin:0 0 3px!important}
.sidebar .tiny-card p{font-size:10.5px!important;line-height:1.35!important;margin:0 0 3px!important}
.sidebar .tiny-card .linklike{font-size:10.5px!important}
.sidebar .sidebar-foot{padding:2px 1px!important;margin:0!important;font-size:9px!important}
.sidebar .sidebar-foot span{margin-top:2px!important}
.main-content{max-width:100%!important;min-width:0!important;overflow:clip!important}
/* Primary images, blurred backgrounds and animations cannot enlarge page width. */
body::before,.app-shell::before{inset:0!important;transform:none!important;max-width:100vw!important;will-change:auto!important}
#editor,#informacion,#guia-completa{scroll-margin-top:calc(var(--mc-header-height) + 12px)!important}
@media (max-width:1300px) and (min-width:1051px){
 .topbar{grid-template-columns:minmax(295px,.78fr) minmax(0,1.22fr)!important}
 .topbar .brand-name{font-size:clamp(20px,2.1vw,29px)!important}
 .topbar .topbar-tool,.topbar .topbar-link,.topbar .api-pill{font-size:10.5px!important;padding:6px 7px!important}
 .topbar .top-link-cluster{gap:5px!important}
 .topbar .music-control{max-width:146px!important}
}
@media (max-width:1050px){
 .topbar{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto 4px!important;
   grid-template-areas:"brand audio" "links links" "ribbon ribbon"!important}
 .topbar .top-link-cluster{justify-content:flex-end!important;flex-wrap:wrap!important}
 .topbar .brand-name{font-size:clamp(20px,2.6vw,29px)!important}
}
@media (max-width:800px){
 .layout{display:block!important}
 .sidebar{position:fixed!important;left:0!important;top:var(--mc-header-height)!important;
  height:calc(100dvh - var(--mc-header-height))!important;
  max-height:calc(100dvh - var(--mc-header-height))!important;
  width:min(300px,90vw)!important;z-index:1000!important;
  transform:translateX(-110%)!important;transition:transform .22s ease!important}
 .sidebar.open{transform:translateX(0)!important}
 .topbar .top-link-cluster{justify-content:flex-start!important;flex-wrap:wrap!important}
 .topbar .menu-button{display:inline-flex!important}
}
@media (max-width:650px){
 .topbar{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto 4px!important;
  grid-template-areas:"brand" "audio" "links" "ribbon"!important}
 .topbar .top-action-cluster{justify-content:flex-start!important;flex-wrap:wrap!important}
 .topbar .top-link-cluster{justify-content:space-between!important;flex-wrap:wrap!important}
 .topbar .topbar-tool,.topbar .topbar-link,.topbar .api-pill{font-size:11px!important}
 .topbar .brand-name{font-size:clamp(19px,5.1vw,27px)!important}
 .topbar .music-control{max-width:170px!important}
}
@media(max-height:720px) and (min-width:801px){
 .sidebar .tiny-card{display:none!important}
 .sidebar .side-item{min-height:36px!important;padding:5px 9px!important}
 .sidebar .sidebar-label{margin:3px 6px 4px!important}
 .sidebar .side-nav{margin-bottom:6px!important}
}
@media(prefers-reduced-motion:reduce){.topbar::after,.header-cinema-ribbon::before{animation:none!important}}
/* En una pantalla de escritorio normal, mostrar también la ayuda y el pie del menú. */
@media (min-width:801px) and (min-height:721px){
 .sidebar .tiny-card{display:block!important}
 .sidebar .sidebar-foot{display:block!important}
}
/* Contraste controlado del banner: escenas visibles detrás de textos y botones HTML. */
.topbar::before{background:linear-gradient(90deg,#040d21ba 0%,#07122984 44%,#0b0d28a3 100%),url('./assets/header-video-director-premium.webp') center 46%/cover no-repeat!important}

/* ====== MASCOALBA AI ECOSYSTEM V1.6.0 · SECCIÓN AUTÓNOMA ======
   La decoración no altera el ancho del documento ni los paneles del editor. */
.mc-ecosystem,.mc-ecosystem *{box-sizing:border-box}
.mc-ecosystem{isolation:isolate;position:relative;overflow:clip;width:100%;max-width:100%;min-width:0;margin:clamp(44px,7vw,94px) 0 32px;padding:clamp(16px,2.4vw,34px);border:1px solid #365b82;border-radius:28px;background:linear-gradient(160deg,#0b1428 0%,#081020 52%,#0b1025 100%);box-shadow:0 38px 100px #03071394,inset 0 0 64px #246ae70d;color:#eaf4ff}
.mc-ecosystem:before{content:"";position:absolute;pointer-events:none;inset:-15%;z-index:-1;background:radial-gradient(ellipse at 10% 18%,#05ceff22 0%,transparent 38%),radial-gradient(ellipse at 94% 37%,#ad36fc26 0%,transparent 45%),radial-gradient(ellipse at 47% 83%,#f35aa515 0%,transparent 42%);animation:eco-aurora 27s ease-in-out infinite alternate;will-change:transform}
@keyframes eco-aurora{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(2%,1%,0) scale(1.025)}}
.mc-ecosystem a,.mc-ecosystem button{touch-action:manipulation}
.eco-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 154px;align-items:center;gap:20px;min-height:250px;overflow:hidden;padding:clamp(22px,3.3vw,42px);border:1px solid #48b8e683;border-radius:23px;background:linear-gradient(92deg,#041021f3 0%,#09122de6 42%,#0a1434a1 100%),url('./assets/ecosystem/ecosystem-hero.webp') center/cover no-repeat;box-shadow:0 0 0 1px #53d9ff20,0 28px 58px #0207189c}
.eco-hero:after{content:"";position:absolute;inset:-8%;z-index:-1;background:linear-gradient(100deg,transparent 12%,#67eaff08 46%,transparent 70%);transform:translateX(-25%);animation:eco-hero-light 15s ease-in-out infinite alternate;pointer-events:none}
@keyframes eco-hero-light{to{transform:translateX(35%)}}
.eco-hero-copy{position:relative;z-index:2;min-width:0;max-width:790px}
.eco-hero-label{display:inline-flex;align-items:center;gap:10px;font-size:clamp(10px,1vw,13px);letter-spacing:.16em;font-weight:900;color:#7cf2f3;text-transform:uppercase}
.eco-pulse{display:inline-block;width:9px;height:9px;flex:none;background:#50ffce;border-radius:50%;box-shadow:0 0 15px #26efce}
.eco-hero h2{max-width:730px;margin:14px 0 12px;font-weight:950;line-height:1.09;font-size:clamp(30px,3.4vw,53px);letter-spacing:-.035em;color:#f5f8ff;text-shadow:0 2px 15px #030916}
.eco-hero h2 em{font-style:normal;background:linear-gradient(100deg,#64f4ec 0%,#79caff 40%,#f7a3f5 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.eco-hero p{font-size:clamp(14px,1.1vw,17px);line-height:1.75;color:#d4e6fb;max-width:750px;margin:0}
.eco-hero-stats{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}
.eco-hero-stats span{padding:9px 12px;border-radius:999px;background:#102842c9;border:1px solid #4789ba;font-size:12px;font-weight:800;color:#d8faff}
.eco-hero-mark{position:relative;display:grid;justify-items:center;align-content:center;gap:5px;padding:10px;min-width:0}
.eco-hero-mark:before{content:"";position:absolute;inset:9%;border:1px solid #6cddff88;border-radius:50%;box-shadow:0 0 38px #579bff46,0 0 18px #b349ff60 inset;animation:eco-orbit 16s linear infinite}
@keyframes eco-orbit{to{transform:rotate(360deg)}}
.eco-hero-mark img{width:100%;max-width:145px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 0 18px #56dfffae);animation:eco-float 6s ease-in-out infinite}
@keyframes eco-float{50%{transform:translateY(-7px)}}
.eco-hero-mark span{font-size:10px;letter-spacing:.16em;font-weight:900;color:#98eaf6;text-align:center}
.eco-jump{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 clamp(28px,4vw,48px)}
.eco-jump a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border:1px solid #386083;border-radius:12px;background:linear-gradient(155deg,#172841,#111a33);font-size:13px;font-weight:800;color:#d6f4ff;text-decoration:none;box-shadow:0 7px 18px #03081650;transition:transform .2s,border-color .2s,box-shadow .2s}
.eco-jump a:hover,.eco-jump a:focus-visible{transform:translateY(-2px);border-color:#7feefa;box-shadow:0 0 24px #40d9ec24}
.eco-group{min-width:0;margin:0 0 clamp(42px,5vw,65px);scroll-margin-top:calc(var(--mc-header-height,130px) + 20px)}
.eco-group-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid #325477}
.eco-overline{display:block;font-size:11px;font-weight:900;letter-spacing:.17em;color:#5eeff2;text-transform:uppercase}
.eco-group-heading h3{margin:8px 0 7px;font-size:clamp(23px,2.5vw,34px);letter-spacing:-.02em;line-height:1.12;color:#f7fbff}
.eco-group-heading p{margin:0;font-size:clamp(13px,1vw,15px);line-height:1.55;color:#b7cce5}
.eco-group-icon{display:grid;place-items:center;flex:0 0 55px;height:55px;border-radius:18px;background:#143250;border:1px solid #4494c6;font-size:29px;box-shadow:0 0 32px #3979f026}
.eco-grid{display:grid;gap:clamp(14px,1.5vw,22px);min-width:0}
.eco-grid-featured{grid-template-columns:repeat(2,minmax(0,1fr))}
.eco-grid-video{grid-template-columns:repeat(3,minmax(0,1fr))}
.eco-grid-promo{grid-template-columns:repeat(2,minmax(0,1fr))}
.eco-card{--eco-border:#385978;position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--eco-border);border-radius:21px;background:linear-gradient(160deg,#15213b,#0c172d 70%,#11122c);box-shadow:0 17px 44px #02081761;transition:transform .25s,border-color .25s,box-shadow .25s}
.eco-card:nth-child(5n+2){--eco-border:#6850a0}.eco-card:nth-child(5n+3){--eco-border:#316e81}.eco-card:nth-child(5n+4){--eco-border:#71528c}.eco-card:hover,.eco-card:focus-within{transform:translateY(-5px);border-color:#65e9f0;box-shadow:0 27px 60px #010817b0,0 0 32px #55dbff29}
.eco-art{position:relative;overflow:hidden;aspect-ratio:16/9;min-height:0;border-bottom:1px solid #324b6a;background:#0b1128}
.eco-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s ease,filter .4s ease;filter:saturate(1.18)}
.eco-card:hover .eco-art img,.eco-card:focus-within .eco-art img{transform:scale(1.05);filter:saturate(1.43) contrast(1.04)}
.eco-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0a142fc2 0,transparent 50%),linear-gradient(90deg,#1b26bd1c,transparent 50%,#d636c713)}
.eco-art-scan{position:absolute;z-index:1;inset:-65% 0 auto;height:90%;pointer-events:none;opacity:0;background:linear-gradient(175deg,transparent 35%,#a8e8ff31 50%,transparent 65%);transform:translateY(-80%)}
.eco-card:hover .eco-art-scan,.eco-card:focus-within .eco-art-scan{animation:eco-scan 1.1s ease-out forwards;opacity:1}
@keyframes eco-scan{to{transform:translateY(240%)}}
.eco-art-corner{position:absolute;right:16px;bottom:12px;z-index:2;font-size:21px;color:#91f5fc;text-shadow:0 0 10px #32dcef}
.eco-card-body{display:flex;flex-direction:column;flex:1;min-width:0;gap:11px;padding:clamp(16px,1.5vw,23px)}
.eco-kicker{font-size:10px;letter-spacing:.13em;font-weight:900;color:#74e5ec;text-transform:uppercase}
.eco-card h4{font-size:clamp(17px,1.5vw,22px);line-height:1.2;letter-spacing:-.012em;margin:0;color:#f5f9ff}
.eco-card p{margin:0;font-size:clamp(13px,1vw,15px);line-height:1.65;color:#bbcee8;flex:1}
.eco-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px}
.eco-card-actions a,.eco-card-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:10px 15px;border-radius:11px;text-decoration:none;font:800 12px/1.2 system-ui,sans-serif;cursor:pointer;transition:transform .2s,filter .2s,box-shadow .2s;text-align:center}
.eco-visit{color:#041326;background:linear-gradient(110deg,#35d8e9,#9becf5);border:1px solid #a6faff;box-shadow:0 0 22px #40e7f639}
.eco-watch{color:#fff;border:1px solid #ff8299;background:linear-gradient(110deg,#d32c53,#9d224a);box-shadow:0 0 20px #fe528c20}
.eco-play-icon{display:inline-grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;color:#fff;background:#f34860;font-size:10px;box-shadow:0 0 0 1px #ffffff5c}
.eco-card-actions a:hover,.eco-card-actions button:hover{transform:translateY(-2px);filter:brightness(1.14);box-shadow:0 0 26px #4cf3f63c}
.eco-card-actions a:focus-visible,.eco-card-actions button:focus-visible,.eco-jump a:focus-visible,.eco-cinema button:focus-visible,.eco-cinema a:focus-visible{outline:3px solid #6affff;outline-offset:3px}
.eco-minor-link{border:1px solid #415679!important;background:#182440!important;color:#d4eaff!important}
.eco-category-cta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:19px;padding:16px 19px;border-radius:17px;background:#14253e;border:1px solid #395b7d;color:#d6e9f9;font-size:14px;line-height:1.5}
.eco-category-cta>span{flex:1 1 280px}
.eco-category-cta a{display:inline-flex;align-items:center;padding:9px 12px;min-height:39px;border:1px solid #45a8ce;border-radius:10px;color:#9dffff;text-decoration:none;font-weight:800;font-size:12px;background:#102f43}
.eco-inline-links{display:flex;flex-wrap:wrap;gap:8px}
.eco-disclosure{margin:20px 0 0!important;padding:17px 20px;border:1px solid #75628b;border-radius:16px;background:#21192e;color:#d2c9e1!important;font-size:13px;line-height:1.7}
.eco-disclosure strong{color:#fff}
.eco-playlists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:-12px}
.eco-playlist{display:flex;align-items:center;flex-wrap:wrap;gap:15px;padding:22px;border:1px solid #3c6090;border-radius:19px;background:linear-gradient(135deg,#172744,#172035 75%,#241c43);box-shadow:0 17px 40px #04091670}
.eco-playlist-icon{display:grid;place-items:center;width:57px;height:57px;border-radius:16px;background:#142e4c;border:1px solid #4b83ba;font-size:31px}
.eco-playlist>div:nth-child(2){flex:1 1 190px}
.eco-playlist>div:nth-child(2)>span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#82f3eb}
.eco-playlist h3{font-size:22px;margin:5px 0 7px;color:#effaff}
.eco-playlist p{font-size:13px;line-height:1.55;color:#aec8e3;margin:0}
.eco-playlist a{padding:11px 13px;border:1px solid #48a2cc;border-radius:11px;font-size:12px;font-weight:800;color:#c2f8ff;background:#142941;text-decoration:none}
/* Self-contained cinematic modal. No iframe exists until user interaction. */
.eco-cinema[hidden],.eco-cinema-loading[hidden]{display:none!important}
.eco-cinema{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;min-width:0;overflow:auto;padding:clamp(12px,3vw,30px);isolation:isolate;opacity:0;transition:opacity .24s}
.eco-cinema.is-open{opacity:1}
.eco-cinema-backdrop{position:fixed;inset:0;background:#030610e8;backdrop-filter:blur(19px) saturate(.8);-webkit-backdrop-filter:blur(19px) saturate(.8);cursor:zoom-out}
.eco-cinema-dialog{position:relative;z-index:1;width:min(1150px,100%);max-height:calc(100dvh - 26px);overflow:auto;overscroll-behavior:contain;border-radius:23px;border:1px solid #67e2ffb0;background:linear-gradient(160deg,#111a33,#060c1c);box-shadow:0 0 0 1px #884de088,0 0 90px #723ad438,0 38px 120px #000;transform:translateY(20px) scale(.96);transition:transform .35s cubic-bezier(.18,.89,.32,1.25)}
.eco-cinema.is-open .eco-cinema-dialog{transform:none}
.eco-cinema-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:clamp(18px,2.2vw,27px);border-bottom:1px solid #294a74;background:linear-gradient(90deg,#121b3d,#12213d 70%,#251845)}
.eco-cinema-head h2{font-size:clamp(18px,2.3vw,30px);margin:7px 0;color:#f4f7ff;line-height:1.18}
.eco-cinema-head p{font-size:13px;line-height:1.5;color:#a9bfd7;margin:0}
.eco-cinema-close{display:grid;place-items:center;flex:none;width:43px;height:43px;border:1px solid #5c7da0;border-radius:12px;background:#1f3351;color:#f9ffff;cursor:pointer;font-size:20px}
.eco-cinema-stage{position:relative;padding:clamp(11px,2.5vw,28px);background:radial-gradient(ellipse at 50% 10%,#723ad028,transparent 65%),#050b1c}
.eco-cinema-lights{position:absolute;top:0;left:9%;right:9%;height:4px;pointer-events:none;background:linear-gradient(90deg,transparent,#49eff6,#e467ff,transparent);box-shadow:0 0 30px 3px #7a6cff8a}
.eco-cinema-screen{position:relative;overflow:hidden;aspect-ratio:16/9;width:100%;border:3px solid #3f7dad;border-radius:15px;background:#020713;box-shadow:0 0 35px #3656d16c,inset 0 0 40px #000}
.eco-cinema-screen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(9px) brightness(.27)}
.eco-cinema-screen #eco-cinema-embed,.eco-cinema-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.eco-cinema-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;color:#ccfaff;font-size:clamp(13px,1.6vw,17px);font-weight:700;pointer-events:none}
.eco-cinema-spinner{display:inline-block;width:28px;height:28px;border:3px solid #3e5485;border-top-color:#58ffee;border-radius:50%;animation:eco-orbit .8s linear infinite}
.eco-cinema-film{height:19px;margin:17px 6px 0;background:repeating-linear-gradient(90deg,#294567 0 25px,#080d1e 25px 39px,#304f79 39px 66px);border-radius:4px;opacity:.5}
.eco-cinema-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px clamp(16px,2.2vw,28px) 24px}
.eco-cinema-footer p{flex:1 1 300px;line-height:1.5;font-size:12px;color:#b7cae5;margin:0}
.eco-cinema-footer a,.eco-cinema-done{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border-radius:11px;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer;color:#fff;background:linear-gradient(110deg,#bc2650,#8a214d);border:1px solid #eb6080}
.eco-cinema-done{background:#152a44;border-color:#46769d}
@media(min-width:1650px){.eco-grid-video{grid-template-columns:repeat(4,minmax(0,1fr))}.eco-grid-promo{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1150px){.eco-grid-video{grid-template-columns:repeat(2,minmax(0,1fr))}.eco-playlists{grid-template-columns:1fr}}
@media(max-width:870px){.eco-hero{grid-template-columns:minmax(0,1fr) 110px}.eco-hero-mark img{max-width:95px}.eco-grid-featured,.eco-grid-promo{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:630px){.mc-ecosystem{border-radius:18px;padding:12px}.eco-hero{grid-template-columns:1fr;padding:23px 18px}.eco-hero-mark{display:none}.eco-grid-featured,.eco-grid-video,.eco-grid-promo{grid-template-columns:1fr}.eco-card-body{padding:17px}.eco-group-heading{align-items:flex-start}.eco-group-icon{flex-basis:44px;height:44px;font-size:23px}.eco-jump a{flex:1 1 125px}.eco-category-cta{padding:14px}.eco-cinema{padding:7px}.eco-cinema-dialog{max-height:calc(100dvh - 14px);border-radius:14px}.eco-cinema-head{padding:16px}.eco-cinema-stage{padding:8px}.eco-cinema-footer a,.eco-cinema-done{flex:1 1 130px}}
@media(prefers-reduced-motion:reduce){.mc-ecosystem:before,.eco-hero:after,.eco-hero-mark:before,.eco-hero-mark img,.eco-card:hover .eco-art-scan,.eco-cinema-spinner{animation:none!important}.eco-card,.eco-art img,.eco-jump a,.eco-cinema,.eco-cinema-dialog{transition:none!important}}
/* Refinamiento final: revelar el rodaje cinematográfico sin sacrificar contraste. */
.mc-ecosystem .eco-hero{background:linear-gradient(90deg,#051022f4 0%,#071229df 39%,#0c144b68 83%,#070a22a8 100%),url('./assets/ecosystem/ecosystem-hero.webp') center 48%/cover no-repeat}
.mc-ecosystem .eco-hero h2 em{background-image:linear-gradient(100deg,#7af7f0 0%,#84caff 42%,#f2a8fa 94%)}

/* MASCOALBA V1.6.1 · cinematic ecology, isolated extras */
.mc-channel-community{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0}
.mc-subscriber-counter{display:flex;align-items:center;gap:9px;min-height:41px;padding:6px 11px;border:1px solid #6660b0;border-radius:13px;background:linear-gradient(100deg,#050711fa,#10162df2 50%,#100b23f5);box-shadow:0 0 18px #4b47da32,inset 0 0 14px #38bfff16;position:relative;overflow:hidden;white-space:nowrap}
.mc-subscriber-counter:after{content:"";position:absolute;width:60px;top:0;bottom:0;left:-80px;transform:skewX(-25deg);pointer-events:none;background:linear-gradient(90deg,transparent,#8bf6ff18,transparent);animation:mc-subs-glint 9s ease-in-out infinite}
@keyframes mc-subs-glint{0%,63%{left:-80px}88%,100%{left:110%}}
.mc-counter-spark{font-size:18px;color:#ff82e6;text-shadow:0 0 14px #ff61ccaa}
.mc-counter-copy{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:baseline;line-height:1.1}
.mc-counter-copy small{grid-column:1 / -1;color:#84ebef;font-size:9px;letter-spacing:.14em;font-weight:900;margin-bottom:3px}
.mc-counter-copy strong{font-size:19px;font-weight:900;letter-spacing:.01em;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 12px #9fb7ff66}
.mc-counter-copy>span{font-size:10px;color:#e3c7ef;line-height:1.25}
.mc-counter-status{width:8px;height:8px;border-radius:50%;background:#cda04b;box-shadow:0 0 10px #edbd7f;flex:none;margin-left:auto}
.mc-subscriber-counter.is-live .mc-counter-status{background:#52ebac;box-shadow:0 0 10px #52ebac}
.mc-channel-buttons{display:flex;gap:8px;justify-content:flex-end;flex-wrap:nowrap}
.mc-channel-community .topbar-link{flex:1 1 0;justify-content:center;white-space:nowrap;min-width:0}
.topbar .top-link-cluster{align-items:center}
.mc-ecosystem-sidebar-title{padding-top:8px}
.sidebar .mc-ecosystem-sidebar{gap:2px}
.sidebar .mc-eco-side-link{display:flex;align-items:center;gap:10px;min-height:32px;padding:5px 9px;text-decoration:none;color:#c8d6ec;font-weight:750;font-size:12px;white-space:normal;border-radius:10px;border:1px solid transparent;background:#0a1324;transition:background .18s,border-color .18s,box-shadow .18s}
.sidebar .mc-eco-side-link:hover,.sidebar .mc-eco-side-link:focus-visible{border-color:#5f5dc3;background:#171b39;color:#fff;box-shadow:0 0 18px #6469d333}
.mc-sidebar-top{width:100%;min-height:34px;margin:2px 0 5px;border:1px solid #654d90;border-radius:10px;background:#090b1c;color:#e9baf9;font-size:11px;font-weight:850;box-shadow:inset 0 0 16px #4f297522}
.sidebar .tiny-card{padding:9px 10px;margin:0}.sidebar .tiny-card .tiny-icon{display:none}.sidebar .tiny-card p{font-size:10px;line-height:1.35;margin:3px 0}.sidebar .tiny-card b{font-size:11px}.sidebar .tiny-card .linklike{font-size:10px;padding:0}.sidebar .sidebar-foot{padding-top:4px;font-size:9px}
.mc-back-top[hidden]{display:none!important}.mc-back-top{position:fixed;z-index:50;right:clamp(10px,2vw,30px);bottom:clamp(12px,2vw,24px);display:flex;align-items:center;gap:7px;padding:12px 16px;min-height:48px;border:1px solid #9c70ec;border-radius:16px;background:linear-gradient(130deg,#090b19f6,#1e1734f5);box-shadow:0 0 24px #8452d85c,0 12px 30px #000a;color:#e1bbff;font-weight:900;letter-spacing:.06em;backdrop-filter:blur(10px);transition:transform .18s,box-shadow .18s}
.mc-back-top:hover{transform:translateY(-4px);box-shadow:0 0 37px #a86ffff1}
.mc-intro-replay{display:inline-flex;margin-top:15px;padding:10px 14px;border-radius:12px;border:1px solid #7a4ecf;background:linear-gradient(115deg,#080b17,#1d1332);color:#dbb7ff;font-weight:800;font-size:12px;box-shadow:0 0 19px #884ed83a;transition:box-shadow .2s,transform .2s}
.mc-intro-replay:hover{box-shadow:0 0 24px #8e78ff79;transform:translateY(-2px)}
/* Midnight-neon black controls: intentionally scoped to marketing, not prompt engine */
.mc-ecosystem .eco-visit,.mc-ecosystem .eco-watch,.mc-ecosystem .eco-category-cta a,.mc-ecosystem .eco-playlist a,.mc-ecosystem .eco-jump a,.eco-cinema .eco-cinema-footer a,.eco-cinema .eco-cinema-done{
 background:linear-gradient(155deg,#05070d,#100d21 63%,#090a17)!important;color:#8af4fa!important;border:1px solid #407a9c!important;box-shadow:inset 0 0 18px #2b6b9f19,0 0 13px #1e78992e!important;text-shadow:0 0 12px #46e6ed40}
.mc-ecosystem .eco-watch{color:#ffc0ea!important;border-color:#874379!important;text-shadow:0 0 12px #e567cd55}
.mc-ecosystem .eco-heygen-affiliate{color:#d4a5ff!important;border-color:#855bc4!important}
.mc-ecosystem .eco-playlist a{color:#bdc4ff!important;border-color:#6b69cb!important}
.mc-ecosystem .eco-category-cta{background:#0c1023;border-color:#474078}
.mc-ecosystem .eco-jump a{color:#e6c5ff!important;border-color:#5f448e!important}
.mc-ecosystem .eco-card-actions :is(a,button):hover,.eco-cinema .eco-cinema-footer :is(a,button):hover{filter:none!important;transform:translateY(-2px);border-color:#a5faff!important;box-shadow:0 0 22px #5ed4e475!important}
/* Projector controls stay visible: scale video to available viewport rather than creating a 2nd tall page */
.eco-cinema{padding:clamp(5px,1.5vw,14px);overflow:hidden}
.eco-cinema-dialog{width:min(1110px,100%);max-height:calc(100dvh - 12px);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;border-radius:20px}
.eco-cinema-head{flex:0 0 auto;min-height:0;padding:clamp(10px,1.5vw,17px) clamp(14px,2vw,24px)}
.eco-cinema-head h2{font-size:clamp(18px,2vw,26px);margin:5px 0 3px}
.eco-cinema-head p{font-size:11px}
.eco-cinema-close{position:relative;z-index:20;width:46px;height:46px;background:linear-gradient(130deg,#070b17,#26112e)!important;border:1px solid #e189cb!important;color:#fff;box-shadow:0 0 20px #cf67d354;flex:none;cursor:pointer;pointer-events:auto}
.eco-cinema-stage{flex:0 1 auto;min-height:0;padding:clamp(6px,1.2vw,12px);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}
.eco-cinema-screen{width:min(100%,calc((100dvh - 240px) * 1.777777));aspect-ratio:16/9;flex:0 1 auto;min-height:0;overflow:hidden;border:2px solid #527bb3;border-radius:12px}
.eco-cinema-screen>img{pointer-events:none}
.eco-cinema-film{flex:0 0 auto;width:100%;margin:6px 0 0;height:9px}
.eco-cinema-footer{flex:0 0 auto;gap:9px;padding:10px clamp(12px,1.8vw,20px);border-top:1px solid #344d75;background:#0b1225}
.eco-cinema-footer p{font-size:11px;flex:1 1 200px}
.eco-cinema-footer a,.eco-cinema-done{min-height:38px;padding:8px 11px;font-size:12px}
@media(max-width:1100px){.mc-channel-community{width:auto}.mc-channel-buttons{gap:5px}.mc-subscriber-counter{padding:7px 10px}}
@media(max-width:720px){.mc-subscriber-counter{min-width:0}.mc-channel-community{width:100%}.mc-channel-buttons{flex-wrap:wrap}.mc-channel-buttons>.topbar-link{flex:1 1 130px}.eco-cinema-dialog{max-height:calc(100dvh - 8px)}.eco-cinema-head{padding:10px 12px}.eco-cinema-head p{display:none}.eco-cinema-screen{width:min(100%,calc((100dvh - 205px) * 1.77777))}.eco-cinema-footer p{flex:1 1 100%;font-size:10px}.eco-cinema-footer a,.eco-cinema-done{flex:1 1 120px}.mc-back-top span{display:none}}
@media(max-height:520px){.eco-cinema-head{padding:6px 12px}.eco-cinema-head h2{font-size:16px}.eco-cinema-screen{width:min(100%,calc((100dvh - 170px) * 1.77777))}.eco-cinema-film{display:none}.eco-cinema-footer{padding:6px 10px}.eco-cinema-footer p{display:none}}
@media(prefers-reduced-motion:reduce){.mc-subscriber-counter:after{animation:none}.mc-intro-replay,.mc-back-top{transition:none}}
/* Last pass: prevent counter truncation and let all 12 sidebar links fit at 100% zoom. */
.mc-counter-copy{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:9px;row-gap:1px}
.mc-counter-copy small{flex:0 0 100%;margin-bottom:2px;font-size:9px}
.mc-counter-copy strong{font-size:20px}
.mc-counter-copy>span{font-size:10px;white-space:normal;max-width:135px}
.sidebar .side-item,.sidebar .mc-eco-side-link{min-height:36px!important;padding:5px 8px!important;font-size:13px!important;line-height:1.18!important}
.sidebar .side-item span{font-size:18px!important;width:23px!important;flex-basis:23px!important}
.sidebar .sidebar-label{margin:4px 6px 4px!important;font-size:9px!important}
.sidebar .side-nav{gap:2px!important;margin-bottom:6px!important}
.sidebar .sidebar-lower{margin-top:2px!important}
.sidebar .tiny-card,.sidebar .sidebar-foot{display:none!important}
@media(max-width:800px){.sidebar .side-item,.sidebar .mc-eco-side-link{min-height:39px!important;font-size:14px!important}}


/* V1.6.2 · Academia API Key: layout estable y sin columnas vacías. */
/* El arte tiene una altura definida: la antigua regla height:100% deformaba la rejilla. */
#tab-academy .academy-showcase{align-items:start;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:18px}
#tab-academy .academy-banner-rich{min-width:0;min-height:0;align-self:start;padding:clamp(20px,2.4vw,30px)}
#tab-academy .academy-banner-rich>div:last-child{min-width:0;flex:1}
#tab-academy .academy-preview-wall{min-width:0;align-self:start;height:auto;overflow:hidden;padding:12px;gap:12px}
#tab-academy .academy-preview-feature{min-height:0;height:auto;aspect-ratio:16/9;max-height:245px;isolation:isolate}
#tab-academy .academy-preview-feature>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#tab-academy .academy-preview-feature:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(0deg,#030919ba,transparent);pointer-events:none;z-index:1}
#tab-academy .academy-preview-copy{z-index:2;bottom:10px;left:10px;right:10px;padding:10px 12px}
#tab-academy .academy-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#tab-academy .academy-preview-grid figure{min-width:0}
#tab-academy .academy-preview-grid img{height:auto;aspect-ratio:16/9;object-fit:cover}
#tab-academy .academy-preview-grid figcaption{font-size:11px;padding:8px 9px}
#tab-academy .academy-banner-actions :is(button,a){max-width:100%;overflow-wrap:anywhere}
#tab-academy .faq-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1100px){#tab-academy .academy-showcase{grid-template-columns:1fr!important}#tab-academy .academy-preview-feature{max-height:310px}#tab-academy .academy-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){#tab-academy .academy-banner-rich{flex-direction:column}#tab-academy .academy-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#tab-academy .faq-steps{grid-template-columns:1fr}#tab-academy .academy-preview-copy{padding:8px;font-size:11px}#tab-academy .academy-preview-copy span{font-size:11px}}
@media(max-width:370px){#tab-academy .academy-preview-grid{grid-template-columns:1fr}}

/* ============================================================
 * MASCOALBA V1.6.4 · Academia premium, youtube originals, Halloween
 * Uses only scoped classes. No changes to editor, Gemini or the prompt engine.
 * ============================================================ */
.mc-channel-buttons{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:center}
.topbar .mc-channel-buttons .topbar-link{white-space:nowrap;min-width:0;justify-content:center}
.sidebar .mc-eco-side-link{min-width:0;overflow-wrap:break-word;font-size:12px!important;line-height:1.28!important}
.sidebar .mc-eco-side-link .nav-color{flex:0 0 25px}
#tab-academy .academy-page-head{padding:clamp(18px,2.5vw,30px);border:1px solid #384d7f;border-radius:20px;background:linear-gradient(130deg,#101b36,#130e32 65%,#0d2433);margin-bottom:18px;box-shadow:0 10px 35px #0005}
#tab-academy .academy-page-head h2{font-size:clamp(27px,3vw,43px);margin:8px 0 10px;line-height:1.12}
#tab-academy .academy-page-head p{font-size:clamp(14px,1.1vw,16px);line-height:1.65;max-width:850px;color:#c6d8ed;margin:0}
#tab-academy .academy-page-head p strong{color:#e2f8ff}
#tab-academy .academy-gradient{background:linear-gradient(100deg,#72f6f3,#92b6ff,#f0a7eb);color:transparent;-webkit-background-clip:text;background-clip:text}
#tab-academy .academy-showcase.academy-premium{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch;margin-bottom:16px}
#tab-academy .academy-premium .academy-banner-rich{display:flex;gap:14px;min-height:0;height:100%;align-items:flex-start;padding:clamp(20px,2.2vw,30px);background:radial-gradient(ellipse at 85% 0%,#4f2e8550,transparent 60%),linear-gradient(145deg,#101a35,#111529 58%,#111d37)}
#tab-academy .academy-premium .academy-big{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;font-size:27px;border:1px solid #639acc;background:#14274d;box-shadow:0 0 22px #34d0e829}
#tab-academy .academy-premium .academy-banner-copy{min-width:0;flex:1}
#tab-academy .academy-premium-label{display:block;font-size:10px;font-weight:900;color:#90f3f1;letter-spacing:.12em;line-height:1.5;margin:4px 0 12px}
#tab-academy .academy-banner-rich h3{font-size:clamp(23px,2.6vw,36px);line-height:1.12;margin:0 0 16px}
#tab-academy .academy-banner-rich p{font-size:14px;line-height:1.8;color:#c1d1ea;max-width:650px}
#tab-academy .academy-banner-rich p b{color:#f0e6fd}
#tab-academy .academy-banner-actions{display:flex;gap:9px;margin:18px 0;flex-wrap:wrap}
#tab-academy .academy-banner-actions .primary,#tab-academy .academy-banner-actions .external-action{color:#d9ffff;background:#060e20;border:1px solid #44b3ba;box-shadow:inset 0 0 16px #2ad5d21a,0 0 18px #229fc033;font-weight:850;display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:11px;padding:10px 14px;text-decoration:none}
#tab-academy .academy-banner-actions .external-action{color:#edc8ff;border-color:#956fd0}
#tab-academy .academy-banner-actions :is(button,a):hover{box-shadow:0 0 22px #3bece870;transform:translateY(-2px)}
#tab-academy .academy-trust{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}
#tab-academy .academy-trust span{font-size:11px;color:#a9f2e6;padding:7px 9px;border-radius:999px;border:1px solid #276c79;background:#071c2a}
#tab-academy .academy-premium .academy-preview-wall{display:flex;flex-direction:column;gap:11px;min-width:0;min-height:0;height:100%;padding:13px;background:#0b132a;border-color:#435389}
#tab-academy .academy-video-hero{position:relative;min-width:0;min-height:0!important;max-height:none!important;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#050b1d;border:1px solid #7354a9;flex:none}
#tab-academy .academy-video-hero>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:saturate(1.15) brightness(.84)}
#tab-academy .academy-video-hero:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(0deg,#030516ed,transparent);pointer-events:none}
#tab-academy .academy-video-hero .academy-preview-copy{position:absolute;bottom:12px;left:13px;right:13px;z-index:2;background:#030a17b8;padding:10px;border-color:#5872a9}
#tab-academy .academy-video-hero .academy-preview-copy b{font-size:16px;margin-bottom:2px}
#tab-academy .academy-video-hero .academy-preview-copy span{font-size:12px;color:#cbd9f3}
#tab-academy .academy-watch-now{position:absolute;top:13px;right:13px;z-index:3;border:1px solid #c881eb;background:#070b20e8;color:#fbe0ff;font-size:12px;font-weight:850;padding:10px 13px;border-radius:10px;box-shadow:0 0 15px #b75bd26a;cursor:pointer;transition:box-shadow .2s,transform .2s}
#tab-academy .academy-watch-now:hover{transform:translateY(-2px);box-shadow:0 0 27px #b75bd2c5}
#tab-academy .academy-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:0}
#tab-academy .academy-preview-grid figure{border-radius:10px;min-width:0;overflow:hidden;background:#101d38;border:1px solid #385a7a;margin:0}
#tab-academy .academy-preview-grid img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
#tab-academy .academy-preview-grid figcaption{font-size:11px;line-height:1.3;color:#c9e8f7;font-weight:800;padding:8px 6px;text-align:center}
#tab-academy .academy-next{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:0 0 25px;border:1px solid #426b89;border-radius:16px;background:linear-gradient(120deg,#0b2337,#161333);padding:15px 18px}
#tab-academy .academy-next>span{font-size:25px}
#tab-academy .academy-next p{flex:1 1 280px;margin:0;font-size:13px;line-height:1.65;color:#c9daed}
#tab-academy .academy-next p b{color:#f4f5ff}
#tab-academy .academy-video-link{border:1px solid #b76ff6;background:#100b25;color:#f2c9ff;padding:12px 15px;min-height:44px;border-radius:11px;font-size:12px;font-weight:850;box-shadow:0 0 19px #b368d12e;cursor:pointer}
#tab-academy .academy-video-link:hover{box-shadow:0 0 25px #b368d170}
#tab-academy .faq-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}
#tab-academy .faq-steps>.panel{min-width:0;border:1px solid #354a73;background:linear-gradient(160deg,#111e38,#0e182d);padding:20px;border-radius:18px}
#tab-academy .faq-steps .panel h3{font-size:20px;line-height:1.3}
#tab-academy .faq-steps .panel p{font-size:13px;line-height:1.72}
#tab-academy .academy-faq{margin-top:20px}
@media(max-width:1250px){#tab-academy .academy-showcase.academy-premium{grid-template-columns:1fr}#tab-academy .academy-premium .academy-banner-rich{height:auto}#tab-academy .academy-video-hero{max-width:800px!important;width:100%}#tab-academy .academy-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){#tab-academy .academy-premium .academy-banner-rich{flex-direction:column}#tab-academy .academy-premium .academy-big{width:50px;height:50px;flex-basis:50px}#tab-academy .academy-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#tab-academy .faq-steps{grid-template-columns:1fr}#tab-academy .academy-video-hero .academy-preview-copy span{display:none}#tab-academy .academy-next{padding:14px}}
@media(max-width:380px){#tab-academy .academy-watch-now{top:6px;right:6px;font-size:10px;padding:7px}#tab-academy .academy-video-hero .academy-preview-copy{bottom:4px;padding:6px}#tab-academy .academy-video-hero .academy-preview-copy b{font-size:12px}}
/* Seasonal Halloween 2026: purely decorative, no pointer events, auto-disabled on Nov 3. */
.mc-halloween-scene{position:fixed;inset:0;z-index:57;pointer-events:none;overflow:hidden;isolation:isolate;opacity:.9;contain:paint}
.mc-halloween-scene .mc-web{position:absolute;width:clamp(90px,12vw,176px);height:auto;opacity:.30;filter:drop-shadow(0 0 9px #a87df276)}
.mc-halloween-scene .mc-web img{display:block;width:100%;height:auto}
.mc-halloween-scene .mc-web-right{top:calc(var(--mc-header-height,140px) + 6px);right:0;transform:rotate(90deg)}
.mc-halloween-scene .mc-web-left{left:0;bottom:0;transform:rotate(270deg);opacity:.17}
.mc-halloween-scene .mc-spider-thread{position:absolute;right:clamp(12px,5vw,54px);top:calc(var(--mc-header-height,140px) + 5px);width:2px;height:clamp(60px,10vh,110px);background:linear-gradient(#aa83bd55,#9e85b65a);animation:mc-spider-swing 7s ease-in-out infinite;transform-origin:top}
.mc-halloween-scene .mc-spider-thread .mc-spider{position:absolute;left:-24px;bottom:-42px;width:50px;height:57px;filter:drop-shadow(0 0 9px #ad67dc80)}
.mc-halloween-scene .mc-bat{position:absolute;width:clamp(25px,3.2vw,48px);opacity:.36;filter:drop-shadow(0 0 8px #bd6df355)}
.mc-halloween-scene .mc-bat-one{top:calc(var(--mc-header-height,140px) + 24px);right:19%;animation:mc-bat-glide 20s ease-in-out infinite}
.mc-halloween-scene .mc-bat-two{top:calc(var(--mc-header-height,140px) + 48px);right:27%;width:26px;animation:mc-bat-glide 24s ease-in-out infinite reverse}
@keyframes mc-spider-swing{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(6deg)}}
@keyframes mc-bat-glide{0%,100%{transform:translate(0,0) rotate(-5deg)}50%{transform:translate(-35px,7px) rotate(7deg)}}
@media(max-width:740px){.mc-halloween-scene .mc-web-left,.mc-halloween-scene .mc-bat-two{display:none}.mc-halloween-scene .mc-spider-thread{right:6px}.mc-halloween-scene .mc-web-right{opacity:.17}}
@media(prefers-reduced-motion:reduce){.mc-halloween-scene .mc-spider-thread,.mc-halloween-scene .mc-bat{animation:none!important}}

/* Academia: structured lower guide fills the explanatory card without blank padding */
#tab-academy .academy-roadmap{margin-top:clamp(18px,3vw,37px);padding:16px;border-radius:15px;border:1px solid #345075;background:#07152ba8}
#tab-academy .academy-roadmap-kicker{font-weight:900;letter-spacing:.13em;font-size:10px;color:#8ff0ef;display:block;margin-bottom:12px}
#tab-academy .academy-roadmap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#tab-academy .academy-roadmap-grid>div{min-width:0;display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #314567;border-radius:11px;background:#0c1c36}
#tab-academy .academy-roadmap-grid strong{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#1a3051;border:1px solid #5d82b3;color:#a2f4f2;font-size:12px;flex:0 0 auto}
#tab-academy .academy-roadmap-grid span{font-size:12px;color:#e7f3fa;font-weight:780;line-height:1.3}
@media(max-width:370px){#tab-academy .academy-roadmap-grid{grid-template-columns:1fr}}

/* V1.6.5 · ajuste de cabecera, menú y academia sin modificar el motor. */
.topbar .top-link-cluster{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:nowrap;min-width:0}
.topbar .mc-channel-buttons{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;justify-content:center;min-width:0}
.topbar .mc-channel-buttons>.topbar-link{white-space:nowrap;flex:0 0 auto}
.sidebar .mc-eco-side-link{display:flex!important;align-items:center!important;gap:9px!important;padding:7px 10px!important;white-space:nowrap!important;overflow:visible!important;letter-spacing:0!important;font-size:12px!important}
.sidebar .mc-eco-side-link .nav-color{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 27px!important;width:27px!important;min-width:27px!important;margin:0!important;font-size:19px!important;line-height:1.3!important;overflow:visible!important}
#tab-academy .academy-premium .academy-banner-rich{height:100%;align-self:stretch}
#tab-academy .academy-banner-copy{display:flex;flex-direction:column;min-width:0;width:100%}
#tab-academy .academy-free-panel{margin-top:24px;padding:18px;border-radius:17px;border:1px solid #48b8d1;background:radial-gradient(circle at 100% 0%,#693a9d45,transparent 65%),linear-gradient(145deg,#0a1b30,#101630);box-shadow:0 12px 30px #01071655}
#tab-academy .academy-free-head span{display:block;color:#7bf2e9;font-size:10px;font-weight:900;letter-spacing:.13em;margin-bottom:7px}
#tab-academy .academy-free-head strong{display:block;color:#fff;font-size:clamp(18px,1.8vw,25px);line-height:1.25}
#tab-academy .academy-free-panel p{font-size:13px;line-height:1.7;color:#d0ddf0;margin:10px 0}
#tab-academy .academy-free-tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
#tab-academy .academy-free-tags span{font-size:11px;padding:7px 9px;border:1px solid #317784;border-radius:99px;color:#bafaf1;background:#071d2b}
#tab-academy .academy-free-panel a{display:inline-flex;align-items:center;min-height:40px;padding:8px 11px;color:#e7c5ff;font-size:12px;font-weight:800;text-decoration:none;border:1px solid #795aa9;background:#090c20;border-radius:10px}
#tab-academy .academy-free-panel a:hover{box-shadow:0 0 17px #ba77f566}
@media(min-width:1251px){#tab-academy .academy-premium .academy-banner-rich{align-items:stretch}#tab-academy .academy-banner-copy{justify-content:flex-start}}
@media(max-width:1400px){.topbar .top-link-cluster{gap:5px}.topbar .mc-channel-buttons{gap:5px}.topbar .top-link-cluster .topbar-link{padding-left:8px;padding-right:8px}}
@media(max-width:1050px){.topbar .top-link-cluster{flex-wrap:wrap;justify-content:flex-end}.topbar .mc-channel-buttons{flex-wrap:wrap}}
@media(max-width:720px){.topbar .top-link-cluster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.topbar .mc-channel-buttons{display:contents}.topbar .mc-channel-buttons>.topbar-link{width:100%}.topbar .top-link-cluster .api-pill{grid-column:1/-1}}

/* MASCOALBA V1.6.6 — compartir y acceso directo a la intro */
.mc-share-wrap{position:relative;flex:0 0 auto}.mc-share-trigger,.mc-intro-top{background:linear-gradient(145deg,#090c1a,#19112b)!important;border:1px solid #a56ad5!important;color:#e8b8ff!important;box-shadow:0 0 14px #9b5aff28,inset 0 0 14px #20243b!important;cursor:pointer}.mc-share-trigger:hover,.mc-intro-top:hover{border-color:#55f2ff!important;color:#65efff!important;box-shadow:0 0 19px #42e6ff44!important}.mc-share-panel{position:absolute;z-index:1005;top:calc(100% + 12px);right:0;width:min(350px,calc(100vw - 28px));max-height:min(75vh,550px);overflow-y:auto;padding:19px;background:linear-gradient(145deg,#0b1225,#19132d);border:1px solid #6f65b5;border-radius:18px;box-shadow:0 22px 60px #000b,0 0 28px #8446ed33;color:#f5f5ff}.mc-share-panel[hidden]{display:none!important}.mc-share-panel strong{font-size:16px}.mc-share-panel p{font-size:13px;line-height:1.5;color:#bdcbe3;margin:8px 0 14px}.mc-share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mc-share-grid button{min-width:0;padding:10px 7px;color:#bdf8ff;background:#0a1020;border:1px solid #465478;border-radius:10px;font:700 12px/1.3 inherit;cursor:pointer}.mc-share-grid button:hover,.mc-share-grid button:focus-visible{color:#fff;border-color:#e18dff;box-shadow:0 0 12px #b35cff55}.mc-share-panel small{display:block;margin-top:12px;color:#b7bad2;line-height:1.5}.mc-share-feedback{display:block;color:#7af2d9;margin-top:8px;font-size:12px}.mc-intro-top{white-space:nowrap}.top-link-cluster{flex-wrap:wrap;row-gap:8px}@media(max-width:850px){.mc-share-panel{position:fixed;top:var(--mc-header-height,110px);right:12px}.mc-intro-top,.mc-share-trigger{font-size:12px!important}}

/* V1.6.7 · Cabecera sin superposiciones, panel Compartir fuera del recorte */
.topbar{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:minmax(62px,auto) minmax(43px,auto) 4px!important;grid-template-areas:"brand audio" "links links" "ribbon ribbon"!important;min-height:150px!important;height:auto!important;gap:6px 16px!important;padding:10px 18px 0!important;overflow:hidden!important}
.topbar .top-link-cluster{grid-area:links!important;display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;align-items:center!important;gap:7px!important;padding-bottom:8px!important;width:100%!important;overflow:visible!important}
.topbar .top-action-cluster{grid-area:audio!important;justify-content:flex-end!important}
.topbar .mc-channel-buttons{display:flex!important;flex-wrap:wrap!important;gap:7px!important;flex:0 0 auto!important}
.topbar .topbar-link,.topbar .api-pill,.topbar .topbar-tool{flex:0 0 auto!important;min-width:max-content!important;white-space:nowrap!important}
.topbar .mc-share-wrap{flex:0 0 auto!important}
.mc-share-panel.mc-share-portal{position:fixed!important;z-index:99999!important;top:var(--share-top,145px)!important;left:var(--share-left,12px)!important;right:auto!important;max-width:calc(100vw - 24px)!important;width:350px!important;max-height:min(70dvh,550px)!important;overflow:auto!important}
.mc-share-grid button{font-family:inherit!important;font-size:13px!important;font-weight:750!important}
@media(max-width:850px){.topbar{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto 4px!important;grid-template-areas:"brand" "audio" "links" "ribbon"!important;padding:10px 12px 0!important}.topbar .top-action-cluster{justify-content:flex-start!important}.topbar .top-link-cluster{justify-content:flex-start!important}.topbar .mc-channel-buttons{flex-wrap:wrap!important}}
@media(max-width:520px){.topbar .top-link-cluster{display:flex!important;flex-wrap:wrap!important}.topbar .topbar-link,.topbar .api-pill{font-size:11px!important;min-width:0!important}.topbar .mc-channel-buttons{display:flex!important}.mc-share-panel.mc-share-portal{width:calc(100vw - 24px)!important}}

/* V1.6.8 · Academia equilibrada: información gratuita bajo las fichas, sin columnas vacías */
#tab-academy .academy-premium .academy-banner-rich{height:auto!important;align-self:start!important}
#tab-academy .academy-premium .academy-preview-wall{height:auto!important;align-self:start!important}
#tab-academy .academy-preview-wall .academy-free-panel{margin-top:5px;padding:18px 20px}
#tab-academy .academy-preview-wall .academy-free-panel p{line-height:1.65}
@media(max-width:1250px){#tab-academy .academy-showcase.academy-premium{grid-template-columns:1fr!important}}


/* V1.6.9 · Cinematic artwork: independent, local, fluid and reduced-motion safe. */
.editorial-hero-art,.master-guide-art,.guide-scene-art,.guide-faq-art,.example-frames figure{contain:paint;isolation:isolate;overflow:hidden;min-width:0}
.editorial-hero-art img,.master-guide-art img{object-fit:cover!important;object-position:center center!important}
.editorial-hero-art img{object-position:65% center!important}
.guide-scene-art{position:relative;overflow:hidden!important}
.guide-scene-art:after,.guide-faq-art:after,.example-frames figure:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 18%,#50cfff13 47%,transparent 62%);opacity:.45;transform:translateX(-55%);animation:mc169-sheen 12s ease-in-out infinite alternate}
@keyframes mc169-sheen{0%,25%{transform:translateX(-75%);opacity:.04}70%,100%{transform:translateX(65%);opacity:.45}}
@keyframes mc169-float{0%,100%{transform:scale(1.035) translate3d(-.45%,0,0)}50%{transform:scale(1.06) translate3d(.45%,-.65%,0)}}
.master-guide-grid article>.guide-scene-art img,.guide-faq-art img,.example-frames figure>img{animation:mc169-float 13s ease-in-out infinite;will-change:transform;backface-visibility:hidden;transform-origin:center;max-width:100%}
.master-guide-grid article:nth-child(2n) .guide-scene-art img,.master-guide-grid article:nth-child(2n) .guide-faq-art img{animation-delay:-6s;animation-duration:16s}
.master-guide-grid article:hover>.guide-scene-art img,.master-guide-grid article:hover>.guide-faq-art img,.example-frames figure:hover>img{animation-play-state:paused;transform:scale(1.09)!important;filter:saturate(1.25) brightness(1.09)!important}
.master-guide-grid article,.master-guide-privacy,.example-frames figure{transition:border-color .35s ease,box-shadow .35s ease,transform .3s ease}
.master-guide-grid article:hover,.master-guide-privacy:hover,.example-frames figure:hover{box-shadow:0 12px 36px #04071c99,0 0 18px #5c6ded28;border-color:#5ba3d7}
.master-guide-grid article.guide-faq-card{overflow:hidden;min-width:0;position:relative}
.guide-faq-card .guide-faq-art{height:clamp(155px,14vw,230px);margin:-22px -22px 18px;position:relative;background:#060d22;border-bottom:1px solid #52e7ee42}
.guide-faq-card .guide-faq-art img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.09) brightness(.87)}
.guide-faq-bubble{position:absolute;left:16px;bottom:12px;z-index:2;display:grid;place-items:center;width:48px;height:48px;border:1px solid #60e4f3a9;border-radius:15px;background:#070f25c9;box-shadow:0 0 22px #1fd6f66b;font-size:27px}
.guide-faq-card h3{font-size:clamp(18px,1.45vw,24px)!important;line-height:1.25}
.master-guide-privacy.guide-privacy-feature{display:grid;grid-template-columns:minmax(200px,.82fr) minmax(0,1.4fr);gap:22px;align-items:center;padding:15px;min-width:0;overflow:hidden;border:1px solid #3c6d8a;border-radius:18px;background:linear-gradient(125deg,#0b1a30,#181d3a)}
.guide-privacy-feature .guide-faq-art{position:relative;height:clamp(165px,17vw,255px);border-radius:15px}
.guide-privacy-feature .guide-faq-art img{width:100%;height:100%;object-fit:cover;display:block}
.guide-privacy-feature .guide-privacy-copy{padding:7px clamp(5px,1vw,14px) 7px 0;min-width:0}
.guide-privacy-feature .guide-privacy-copy p{margin-bottom:0}
@media(max-width:780px){.guide-faq-card .guide-faq-art{height:175px}.master-guide-privacy.guide-privacy-feature{grid-template-columns:1fr}.guide-privacy-feature .guide-faq-art{height:220px}.guide-privacy-feature .guide-privacy-copy{padding:4px 7px 10px}}
@media(prefers-reduced-motion:reduce){.master-guide-grid article>.guide-scene-art img,.guide-faq-art img,.example-frames figure>img{animation:none!important;transform:none!important;will-change:auto!important}.guide-scene-art:after,.guide-faq-art:after,.example-frames figure:after{animation:none!important;opacity:0!important}}
/* V1.6.9: explicit fluid guide grid. Preserve two columns on desktop, stack on small screens. */
.master-guide-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(12px,1.45vw,22px)!important;min-width:0!important}
.master-guide-grid article{min-width:0}
@media(max-width:720px){.master-guide-grid{grid-template-columns:minmax(0,1fr)!important}}

/* V1.7.0 · cinematographic animated primary image */
.hero-art{isolation:isolate;overflow:hidden}
.hero-art>img{animation:mcHeroBreath 19s ease-in-out infinite alternate;transform-origin:55% 48%;will-change:transform}
.hero-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 27%,rgba(68,217,255,.085) 49%,rgba(188,78,255,.08) 54%,transparent 75%);background-size:230% 100%;animation:mcHeroLight 14s ease-in-out infinite}
@keyframes mcHeroBreath{from{transform:scale(1.015) translate3d(-.5%,0,0)}to{transform:scale(1.095) translate3d(1.2%,-.8%,0)}}
@keyframes mcHeroLight{0%,15%{background-position:110% 0}75%,100%{background-position:-100% 0}}
.auto-director{margin:20px 0 28px;position:relative;overflow:hidden;border:1px solid rgba(82,210,255,.34);background:linear-gradient(125deg,rgba(10,24,48,.96),rgba(31,16,55,.93));box-shadow:0 12px 40px rgba(0,0,0,.19)}
.auto-director:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#25d9ff,#a26bff,#ff69b4)}
.auto-header{display:flex;gap:18px;align-items:center}.auto-star{font-size:40px;color:#77e8ff;text-shadow:0 0 24px #8e5bff}.auto-header h2{margin:5px 0}.auto-header h2 em{font-style:normal;color:#87e7ff}.auto-header p{color:#b8c7e2;line-height:1.5}
.auto-connection{padding:11px 15px;border:1px solid rgba(100,202,255,.3);border-radius:12px;background:rgba(31,67,98,.25)}
.auto-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:18px}.auto-fields>div{min-width:0}.auto-fields .auto-wide{grid-column:1/-1}.auto-fields label{display:block;margin-bottom:7px;font-weight:700}.auto-fields textarea,.auto-fields select{width:100%;max-width:100%;box-sizing:border-box;min-width:0}.auto-fields textarea{resize:vertical}
.auto-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0 8px}.auto-actions button:disabled{opacity:.55;cursor:not-allowed}#auto-status{font-size:.89rem;color:#a9bcd8}.auto-result{margin-top:22px;padding:18px;border:1px solid rgba(87,219,245,.28);border-radius:16px;background:rgba(6,13,29,.6)}.auto-result h3{margin-top:0}.auto-scene{border-top:1px solid rgba(135,191,255,.2);padding:14px 0}.auto-scene pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto;background:rgba(0,0,0,.3);padding:14px;border-radius:10px}.auto-disclaimer{font-size:.82rem;color:#b0bdd0;line-height:1.5}
@media(max-width:800px){.auto-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.auto-fields{grid-template-columns:minmax(0,1fr)}.auto-header{align-items:flex-start}.auto-star{font-size:29px}.auto-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.hero-art>img,.hero-art:after{animation:none!important;will-change:auto}}

/* V1.7.1: hidden attribute always wins over auto-director display styles */
#auto-director[hidden]{display:none!important}

/* V1.7.2 · Animación real de la imagen principal del estudio */
.hero-art{isolation:isolate}
.hero-art img{transform:rotate(-2deg) scale(1.012);transform-origin:50% 50%;animation:mc-hero-kenburns 19s ease-in-out infinite alternate;will-change:transform;transition:filter .5s ease;filter:saturate(1.09)}
.hero-art:after{content:"";position:absolute;inset:13% 7% 12% 0;z-index:1;pointer-events:none;border-radius:16px;background:linear-gradient(110deg,transparent 25%,rgba(66,230,249,.08) 47%,rgba(190,92,255,.10) 52%,transparent 75%);mix-blend-mode:screen;animation:mc-hero-light 13s ease-in-out infinite alternate}
.hero-art:hover img{animation-play-state:paused;transform:rotate(-1deg) scale(1.055);filter:saturate(1.24) brightness(1.09)}
.hero-art .frame-speech,.hero-art .frame-tag,.hero-art .floating-chip{z-index:2}
@keyframes mc-hero-kenburns{0%{transform:rotate(-2deg) scale(1.012) translate(-.3%,.4%)}100%{transform:rotate(-1deg) scale(1.065) translate(.5%,-.6%)}}
@keyframes mc-hero-light{0%{opacity:.3;transform:translateX(-9%)}100%{opacity:.9;transform:translateX(8%)}}
@media(prefers-reduced-motion:reduce){.hero-art img,.hero-art:after{animation:none!important;will-change:auto}.hero-art:hover img{transform:rotate(-2deg) scale(1.012)}}

/* V1.7.3: keep hero motion visible despite earlier responsive !important rule. */
.hero-art>img{animation:mc-hero-kenburns-visible 10s ease-in-out infinite alternate!important;transform-origin:50% 50%;will-change:transform}
@keyframes mc-hero-kenburns-visible{from{transform:scale(1.015) translate(-.5%,.4%)}to{transform:scale(1.105) translate(1%,-.8%)}}
.hero-art:hover>img{animation-play-state:running!important;filter:saturate(1.23) brightness(1.09)}
@media(prefers-reduced-motion:reduce){.hero-art>img{animation:none!important;transform:none!important}}

/* V1.7.4: preserve the whole hero card while it moves. */
.hero-art{overflow:visible!important;min-width:0!important;padding:20px 30px 23px 22px!important;box-sizing:border-box!important}
.hero-art>img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important;border-radius:13px!important;animation:mcHeroSafeMotion 11s ease-in-out infinite alternate!important;transform-origin:center center!important;will-change:transform}
@keyframes mcHeroSafeMotion{0%{transform:translate3d(-4px,2px,0) scale(.977)}100%{transform:translate3d(4px,-2px,0) scale(1.008)}}
.hero-art .frame-tag{right:35px!important;top:40px!important}
.hero-art .floating-b{right:33px!important;bottom:20px!important}
.hero-art .frame-speech{left:32px!important;bottom:54px!important}
.hero-art .floating-a{left:20px!important;top:23px!important}
@media(max-width:1150px){.hero-art{padding:20px 32px 28px!important}}
@media(max-width:650px){.hero-art{padding:15px 24px 24px!important}.hero-art .frame-tag{right:27px!important}.hero-art .floating-b{right:27px!important}.hero-art .floating-a{left:25px!important}}
@media(prefers-reduced-motion:reduce){.hero-art>img{animation:none!important;transform:scale(.985)!important}}

/* V1.7.6: optional production instructions as the last full-width field. */
.auto-extra-final{grid-column:1/-1;min-width:0;margin-top:8px;padding:18px;border:1px solid rgba(85,216,245,.33);border-radius:16px;background:linear-gradient(135deg,rgba(22,48,80,.45),rgba(74,25,101,.24));}
.auto-extra-final label{display:block;margin-bottom:8px;font-weight:800;color:#e7faff;}
.auto-extra-final .auto-optional{font-size:.8em;font-weight:500;color:#b8c4d9;}
.auto-extra-hint{font-size:.87rem;line-height:1.55;color:#b8c7df;margin:0 0 12px;}
.auto-extra-final textarea{display:block;width:100%;max-width:100%;box-sizing:border-box;min-height:132px;resize:vertical;}
.auto-extra-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:8px;font-size:.77rem;color:#b8c7df;}
#auto-extra-count{font-variant-numeric:tabular-nums;white-space:nowrap;}

/* V1.8.7: recorrido guiado persistente antes de generar */
.manual-next-step{margin:18px 0 12px;padding:18px 20px;border:1px solid rgba(61,218,238,.55);border-radius:16px;background:linear-gradient(115deg,rgba(12,40,55,.96),rgba(32,17,64,.94));box-shadow:0 0 26px rgba(41,214,234,.12);display:flex;flex-direction:column;gap:8px}
.manual-next-head{color:#59e8ee;font-size:12px;font-weight:900;letter-spacing:.08em}
.manual-next-step strong{font-size:19px;color:#fff}
.manual-next-step p{color:#d7e7f7;margin:0;line-height:1.6}
.manual-next-step button{align-self:flex-start;margin-top:6px;max-width:100%;white-space:normal}
.generation-bar #btn-generate:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}
@media(max-width:600px){.manual-next-step{padding:15px}.manual-next-step button{width:100%}}

/* V1.8.8 · Director LED PRO — compatible con ambos motores */
.director-pro-guide{margin:18px 0;padding:18px 20px;border:1px solid rgba(58,226,245,.55);border-radius:17px;background:linear-gradient(125deg,rgba(7,31,49,.97),rgba(30,17,61,.96));box-shadow:0 0 24px rgba(24,208,245,.12);display:grid;gap:10px;position:relative;overflow:hidden}
.director-pro-guide::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 20%,rgba(98,229,255,.075) 48%,transparent 73%);animation:director-led-sweep 9s ease-in-out infinite}
@keyframes director-led-sweep{0%,100%{transform:translateX(-100%)}60%{transform:translateX(100%)}}
.director-pro-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#79f0ff;font-weight:900;font-size:13px;letter-spacing:.035em}
.director-pro-head span:last-child{color:#c6adff;font-size:11px;white-space:nowrap}
.director-pro-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.director-pro-track i{height:7px;border-radius:12px;background:#665332;box-shadow:0 0 7px #c99d4855;transition:background .2s,box-shadow .2s}
.director-pro-track i.done{background:#35dc9c;box-shadow:0 0 13px #35dc9c88}
.director-pro-track i.active{background:#54e8ff;box-shadow:0 0 15px #54e8ff;animation:led-pulse 1.4s infinite}
.director-pro-guide strong{font-size:17px;color:#fff}.director-pro-guide p{color:#dce9fa;margin:0;line-height:1.5}.director-pro-guide button{justify-self:start;position:relative}.director-pro-guide small{color:#a8bfd5}
.led-wizard{position:relative}.led-wizard:focus-within,.director-pro-guide:focus-within{outline:2px solid #65ecff;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.director-pro-guide::before,.director-pro-track i.active{animation:none}}
@media(max-width:600px){.director-pro-guide{padding:14px}.director-pro-head{font-size:11px;flex-wrap:wrap}}

/* V1.8.9: guía visible de personajes y elección de exportación */
.character-help,.export-guide{border:1px solid rgba(56,220,239,.48);background:linear-gradient(120deg,rgba(10,74,93,.42),rgba(34,20,70,.42));border-radius:12px;padding:14px 17px;margin:13px 0;color:#dcfaff;font-size:13px;line-height:1.6}
.export-guide{margin:16px 0 20px;font-size:14px}.export-guide strong{color:#74f6ff;font-size:16px}.export-guide p{margin:8px 0 0}.character-help b,.export-guide b{color:#fff}
#btn-add-character,#manual-finish-button{min-height:45px;padding:11px 22px;font-weight:800;box-shadow:0 0 22px rgba(43,223,239,.17)}

/* V1.8.11: explicación de selección de plataforma para principiantes */
.platform-simple-help{margin:.65rem 0 .8rem;padding:.65rem .8rem;border:1px solid rgba(57,211,236,.28);border-radius:10px;background:rgba(22,85,110,.16);color:#b9eaf5;font-size:.85rem;line-height:1.55}

/* V1.8.12 — Director LED visible en cada paso, guía legible y duraciones coherentes */
.led-wizard{margin:16px 0 22px;padding:18px 20px;border-color:#48b8d3;background:linear-gradient(110deg,#071d30f5,#171b3df7 70%,#111a36f7);box-shadow:0 0 0 1px #2bc8df22,0 12px 35px #0005}
.led-wizard-title{font-size:15px;line-height:1.5;color:#81f2ff}
.led-wizard-title span{font-size:13px;color:#f0c3ff;white-space:nowrap}
.led-steps button{font-size:13px;font-weight:750;min-height:68px;padding:10px 7px;color:#e9f1ff}
.led-steps button.led-optional i{background:#8a94a8;box-shadow:0 0 8px #7787a355}
.led-wizard p{font-size:14px;line-height:1.65;font-weight:600;color:#f2f7ff}
.led-wizard small{font-size:12px;line-height:1.5;color:#c7d9ed}
.led-wizard .led-wizard-actions button{font-size:13px;min-height:44px;padding:11px 17px}
.led-wizard .led-wizard-actions #led-go{border:1px solid #46d9ec;color:#071c26;background:linear-gradient(110deg,#44e3f1,#bba4ff);font-weight:850;box-shadow:0 6px 25px #24ddf92a}
.scene-quick-help{border:1px solid #3fc9df;background:linear-gradient(100deg,#0a2638,#13213d);border-radius:13px;padding:17px 20px;margin:15px 0 17px;box-shadow:0 8px 26px #0004}
.scene-quick-help strong{display:block;font-size:16px;color:#a7faff;margin-bottom:7px}
.scene-quick-help p{font-size:14px;line-height:1.6;color:#f1f6ff;margin:0 0 7px}
.scene-quick-help span{font-size:13px;color:#c7eaff;line-height:1.6}
.scene-quick-help .duration-warning,.duration-context.duration-warning,.scene-duration-warning.duration-warning{color:#ffcf85}
.scene-duration-warning{display:block;font-size:12px;margin:6px 0 0;color:#95e4c8}
.duration-context{font-size:12px;line-height:1.55;margin:7px 0 8px;color:#d0e8fa}
.duration-sync{font-size:12px!important;min-height:39px!important;padding:8px 12px!important;white-space:normal}
.storyboard-bottom-guide{margin:20px 0 25px;padding:19px 22px}
.storyboard-bottom-guide strong{font-size:19px}
.storyboard-bottom-guide p{font-size:14px;color:#eaf5ff}
.storyboard-bottom-guide .bottom-actions{margin:5px 0 0;display:flex;gap:10px;flex-wrap:wrap}
.guide-primary-button{font-size:13px!important;min-height:44px!important;padding:11px 17px!important;line-height:1.35;letter-spacing:.01em}
#btn-add-character{margin-top:12px}
#character-help{font-size:13px;line-height:1.65;color:#d4ecf7}
@media(max-width:720px){.led-wizard{padding:13px}.led-wizard-title{font-size:13px;flex-wrap:wrap}.led-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.led-steps button{min-height:63px;font-size:11px}.scene-quick-help{padding:14px}.storyboard-bottom-guide .bottom-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.led-steps .led-active i{animation:none}}

/* V1.8.12 — Guía independiente para el Director Automático con Gemini */
.auto-led-guide{border:1px solid #43cce2;border-radius:14px;padding:17px 19px;margin:15px 0 20px;background:linear-gradient(115deg,#0a2537,#1b1938);box-shadow:0 8px 25px #0004}
.auto-led-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;color:#7cf4ff;font-size:14px;font-weight:850}
.auto-led-header span{color:#e9c5ff;font-size:13px}
.auto-led-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:13px 0}
.auto-led-stage{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #3a4b67;border-radius:9px;color:#d9e7ff;font-size:13px;font-weight:700;background:#10192d}
.auto-led-stage i{width:11px;height:11px;border-radius:50%;background:#d49c3e;box-shadow:0 0 9px #d49c3e88;flex-shrink:0}
.auto-led-stage.auto-led-current{border-color:#55edfa;box-shadow:0 0 12px #31d9ed44}
.auto-led-stage.auto-led-current i{background:#4eeaff;box-shadow:0 0 12px #4eeaff}
.auto-led-stage.auto-led-done i{background:#38dbab;box-shadow:0 0 10px #38dbab}
.auto-led-guide p{font-size:14px;line-height:1.6;color:#eef6ff;margin:10px 0}
@media(max-width:620px){.auto-led-guide{padding:13px}.auto-led-stages{grid-template-columns:1fr}.auto-led-guide button{width:100%}}
/* 1.8.13 — clearer guidance and scene-first downloads; preserves existing LED mechanism */
.preflight-panel{border:1px solid rgba(38,211,235,.48);background:linear-gradient(125deg,rgba(12,35,60,.95),rgba(30,18,59,.96));border-radius:16px;padding:18px 20px;margin:14px 0 18px;box-shadow:0 0 20px rgba(17,190,220,.11)}
.preflight-panel h3{margin:0 0 9px;color:#9cf6ff;font-size:clamp(17px,1.5vw,21px)}
.preflight-panel p{font-size:14px;line-height:1.55;margin:5px 0 11px}
.preflight-panel small{font-size:12px;color:#acb9d9;line-height:1.5;display:block;margin-top:10px}
.audit-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;margin:8px 0;border:1px solid rgba(230,156,83,.36);border-radius:10px;background:rgba(191,109,32,.10);font-size:14px;line-height:1.55}
.audit-line.error{background:rgba(180,59,89,.14);border-color:rgba(247,102,117,.55)}
.audit-line button{flex-shrink:0;min-height:38px}
.main-export-guide{padding:20px!important;margin:18px 0!important;border:1px solid rgba(32,211,235,.66)!important;background:linear-gradient(120deg,rgba(15,67,78,.7),rgba(21,29,58,.86))!important}
.main-export-guide strong{font-size:clamp(17px,1.45vw,21px)}
.main-export-guide p{font-size:14px;line-height:1.65}
.result-scene-list>.panel{border:1px solid rgba(38,196,234,.5);box-shadow:0 8px 24px rgba(0,0,0,.18);margin-bottom:19px}
.result-scene-list .panel-head h3{font-size:clamp(20px,1.7vw,25px)}
.result-scene-list .scene-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}
.result-scene-list [data-copy-scene],.result-scene-list [data-download-scene]{min-height:46px;padding:12px 18px;font-weight:800;font-size:14px;border-radius:11px}
.result-scene-list [data-copy-scene]{background:linear-gradient(110deg,#25dfed,#dc80ee)!important;color:#051525!important;border:0!important}
.simple-export-panel{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:20px;margin:22px 0;background:linear-gradient(120deg,rgba(13,35,60,.96),rgba(26,24,64,.96));border:1px solid rgba(33,212,227,.55);border-radius:15px}
.simple-export-panel h3{font-size:19px;margin:0 0 7px}.simple-export-panel p{font-size:14px;line-height:1.55;max-width:620px;margin:0}
.simple-export-panel button{min-height:51px;border-radius:13px;font-size:15px;font-weight:900;letter-spacing:.2px}
.advanced-exports{padding:17px;margin:18px 0 22px;border:1px solid rgba(143,116,224,.48);border-radius:15px;background:rgba(12,19,41,.85)}
.advanced-exports>summary{cursor:pointer;font-weight:800;font-size:15px;padding:10px;line-height:1.5;color:#d9d7ff}
.advanced-exports[open]>summary{margin-bottom:14px;border-bottom:1px solid rgba(143,116,224,.25)}
.advanced-exports>p{font-size:14px;line-height:1.55;padding:0 10px}
.guide-primary-button,.led-wizard-actions #led-go,.manual-next-step button.primary,.storyboard-bottom-guide button.primary{min-height:46px;padding:12px 18px;font-size:clamp(12px,1vw,15px);font-weight:850;border-radius:12px;letter-spacing:.1px;line-height:1.4}
.scene-card{scroll-margin-top:calc(var(--mc-header-height, 145px) + 14px)}
@media(max-width:720px){.audit-line{flex-direction:column;align-items:stretch}.audit-line button{width:100%}.result-scene-list .scene-buttons>*{width:100%}.simple-export-panel{padding:15px}.simple-export-panel button{width:100%}}
@media(prefers-reduced-motion:reduce){.result-scene-list [data-copy-scene],.simple-export-panel button{transition:none!important}}

.auto-preflight{padding:16px 18px;border-radius:12px;background:rgba(17,66,82,.75);border:1px solid rgba(37,212,226,.56);color:#b7f8ff;line-height:1.55;font-weight:700;margin:12px 0}
.auto-scene-actions{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 14px}
.auto-scene-actions button{font-weight:850;font-size:14px;min-height:46px;padding:12px 16px;border-radius:11px}
.auto-scene-actions .primary{background:linear-gradient(110deg,#23dceb,#de78ec);color:#061527}
@media(max-width:720px){.auto-scene-actions button{width:100%}}

/* Cinco LED inferiores del modo manual, sincronizados con el asistente superior */
.manual-next-step .manual-led-bottom{width:100%;margin:12px 0 8px;grid-template-columns:repeat(5,minmax(0,1fr))}
.manual-next-step .manual-led-bottom button{width:100%;max-width:none;align-self:stretch;margin:0;min-height:66px;white-space:normal}
@media(max-width:720px){.manual-next-step .manual-led-bottom{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:430px){.manual-next-step .manual-led-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* DIRECTOR AUTOMÁTICO · voces sin programación manual y ayuda de IA compacta. */
.auto-fields .auto-dialogue-studio{padding:14px 17px;border:1px solid rgba(99,210,238,.26);border-radius:15px;background:linear-gradient(115deg,rgba(9,30,53,.58),rgba(37,21,61,.36));box-shadow:inset 0 1px 0 rgba(255,255,255,.035);}
.auto-dialogue-header{display:flex;align-items:center;justify-content:space-between;gap:17px;flex-wrap:wrap;}
.auto-dialogue-header>div:first-child{flex:1 1 300px;min-width:0;}
.auto-dialogue-studio label{font-size:.97rem;color:#f0f7ff;margin-bottom:4px;}
.auto-dialogue-header p,.auto-dialogue-tip,.auto-exact-wrap p{margin:3px 0 0;color:#b7cadc;font-size:.83rem;line-height:1.45;}
.auto-dialogue-select{flex:0 1 355px;min-width:min(100%,245px);}
.auto-dialogue-select select{min-height:44px;background:#091629;border-color:rgba(133,123,240,.62);font-weight:650;}
.auto-dialogue-tip{margin-top:9px;min-height:1.2em;}
.auto-exact-wrap{margin-top:12px;padding-top:13px;border-top:1px solid rgba(133,206,246,.19);}
.auto-exact-wrap textarea{margin-top:8px;min-height:94px;background:rgba(3,12,27,.75);border-color:rgba(82,204,243,.33);font-size:.95rem;line-height:1.6;}
.auto-exact-wrap textarea:focus{border-color:#65ddf7;box-shadow:0 0 0 2px rgba(71,211,241,.16);}
.auto-exact-wrap .auto-optional{font-weight:400;color:#aebed3;}
.auto-platform-inline-hint{margin:6px 0 0;font-size:.78rem;line-height:1.4;color:#9eb4cb;}
.auto-exact-wrap[hidden]{display:none!important;}
@media(max-width:620px){.auto-dialogue-select{flex:1 1 100%;}.auto-dialogue-header{gap:10px;}.auto-fields .auto-dialogue-studio{padding:12px 13px;}}

/* Voz automática avanzada: mensajes de control discretos y legibles. */
.auto-voice-estimate{margin:9px 0 0!important;font-size:.82rem;line-height:1.5;color:#8be9d7!important;}
.auto-voice-estimate.voice-estimate-warning{color:#ffd096!important;}
.auto-quality-review{margin:10px 0 15px;padding:10px 14px;border:1px solid rgba(108,164,190,.28);background:rgba(14,24,44,.56);border-radius:11px;color:#c9d9ed;}
.auto-quality-review summary{cursor:pointer;font-size:.84rem;font-weight:650;color:#a9c9df;line-height:1.5;list-style-position:inside;}
.auto-quality-review summary:hover,.auto-quality-review summary:focus-visible{color:#b7f8ff;}
.auto-quality-review[open]{border-color:rgba(96,193,221,.42);}
.auto-quality-review[open] summary{padding-bottom:8px;border-bottom:1px solid rgba(108,164,190,.2);}
.auto-quality-review ul{margin:11px 0 0;padding-left:21px;display:grid;gap:6px;}
.auto-quality-review li{font-size:.83rem;line-height:1.5;}
.auto-quality-review p{margin:10px 0 0;color:#a9bcd2;font-size:.78rem;line-height:1.5;}
@media(max-width:620px){.auto-quality-review{padding:10px 12px;}}


/* Guía cinematográfica contextual: se muestra SOLO en los modos que requieren escritura. */
.auto-dialogue-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(315px,.9fr);gap:14px;align-items:stretch;margin-top:1px;}
.auto-dialogue-entry{min-width:0;display:flex;flex-direction:column;}
.auto-dialogue-entry-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:5px 12px;}
.auto-dialogue-field-limit{font-size:.69rem;font-weight:650;color:#85e2df;letter-spacing:.015em;}
.auto-exact-wrap .auto-dialogue-entry textarea{flex:1;min-height:142px;margin-top:9px;resize:vertical;}
.auto-dialogue-entry textarea[aria-invalid="true"]{border-color:#e8a66a;box-shadow:0 0 0 1px rgba(232,166,106,.28);}
.auto-dialogue-entry #auto-exact-help{font-size:.75rem;line-height:1.5;margin-top:7px;}
.auto-dialogue-cheatsheet{min-width:0;position:relative;border:1px solid rgba(112,202,243,.32);background:linear-gradient(130deg,rgba(10,29,53,.97),rgba(24,18,55,.88));border-radius:13px;padding:12px 13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 5px 24px rgba(4,8,26,.13);}
.auto-dialogue-guide-head{display:flex;align-items:center;gap:10px;min-width:0;}
.auto-dialogue-guide-head>div{min-width:0;display:grid;gap:2px;}
.auto-dialogue-guide-icon{font-size:1.35rem;background:rgba(81,188,244,.12);border:1px solid rgba(92,211,246,.23);border-radius:10px;padding:7px;line-height:1.2;}
.auto-dialogue-guide-kicker{font-size:.63rem;letter-spacing:.13em;font-weight:800;color:#75dbec;}
.auto-dialogue-guide-head strong{font-size:.87rem;color:#edfaff;line-height:1.35;}
.auto-dialogue-format{display:flex;flex-wrap:wrap;align-items:center;gap:6px;background:rgba(1,12,30,.67);border:1px dashed rgba(103,188,225,.4);border-radius:9px;padding:8px 10px;margin-top:12px;font-size:.74rem;font-weight:750;}
.auto-dialogue-format-key{color:#79d9ff;}
.auto-dialogue-format-colon{color:#fff3c8;font-size:.95rem;}
.auto-dialogue-format-value{color:#e4d0ff;}
.auto-dialogue-example-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;}
.auto-dialogue-example-header strong{color:#e9f3ff;font-size:.79rem;line-height:1.4;}
.auto-dialogue-copy-example{font:inherit;font-size:.72rem!important;font-weight:750!important;padding:6px 9px!important;min-height:32px;white-space:nowrap;background:linear-gradient(115deg,rgba(36,94,128,.25),rgba(79,39,112,.36));border:1px solid rgba(128,200,250,.45)!important;border-radius:8px;color:#dbf8ff!important;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;}
.auto-dialogue-copy-example:hover{background:rgba(42,115,145,.42);border-color:#6fe7ff!important;transform:translateY(-1px);}
.auto-dialogue-copy-example:focus-visible{outline:2px solid #8be7fc;outline-offset:3px;}
.auto-dialogue-example{white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;font:600 .79rem/1.68 ui-monospace,SFMono-Regular,Consolas,monospace;color:#edf7ff;margin:8px 0 0;padding:9px 11px;background:rgba(0,8,24,.62);border-left:3px solid #6cdbef;border-radius:8px;min-height:64px;}
.auto-dialogue-cheatsheet .auto-dialogue-example-note{font-size:.74rem;line-height:1.45;color:#b6cbe0;margin-top:9px;}
.auto-dialogue-copy-status{min-height:0!important;font-size:.72rem!important;color:#86e4cc!important;margin:0!important;}
.auto-dialogue-copy-status:not(:empty){margin-top:7px!important;}
@media(max-width:850px){.auto-dialogue-workspace{grid-template-columns:minmax(0,1fr);}.auto-dialogue-cheatsheet{grid-row:1;}.auto-exact-wrap .auto-dialogue-entry textarea{min-height:112px;}}
@media(prefers-reduced-motion:reduce){.auto-dialogue-copy-example{transition:none;}}

/* Cine IA: CTA destacado y proyector de muestra, aislados de los demás modales */
#modal-root:has(#showcase-video-player) .modal-dialog{width:min(1080px,calc(100vw - 28px));max-height:calc(100dvh - 28px);background:linear-gradient(145deg,#091020,#151437 70%,#090d1a);border-color:#7b5bc9;box-shadow:0 0 55px #8d42fa3b,0 25px 100px #000d;}
#modal-root:has(#showcase-video-player) #modal-title{font-size:clamp(22px,2.6vw,32px);margin-top:8px;color:#f9f7ff;}
#modal-root:has(#showcase-video-player) .step-kicker{color:#73f3e1;}
#modal-root:has(#showcase-video-player) .modal-dialog>p{color:#c2ceea;}
.showcase-video-footnote{font-size:12px;line-height:1.6;color:#a8c1e4;padding:2px 2px 7px;}
@media (max-width:640px){#modal-root:has(#showcase-video-player) .modal-dialog{padding:20px 13px 17px}.showcase-video-shell{border-radius:11px;margin-top:12px}}
@media (prefers-reduced-motion:reduce){.hero-showcase-button{transition:none!important}}