/* The approved horizontal lesson frame, shared by every course. */
.video-led .video-shell{border:4px solid #111b2a;border-radius:14px;background:#111b2a;overflow:hidden;box-shadow:0 16px 36px #162a4524}
.video-led .video-topbar{background:#111b2a;padding:10px 12px;min-height:40px}.video-led .video-course-pill{color:#cbd5e1;max-width:100%}.video-led .live-indicator{background:#f5c64f;box-shadow:none}.video-led .video-topbar .btn{min-height:36px}
.video-led #hero-play-btn,.video-led #studio-play-btn{display:none}.video-led .video-stage.ed-screen{position:relative;isolation:isolate;display:block;width:100%;height:auto;min-height:0;aspect-ratio:16/9;padding:0;border:0;overflow:hidden;background:#f1e9d9;color:#122033;container-type:inline-size}
.ed-grain{position:absolute;inset:0;pointer-events:none;z-index:7;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.35' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.ed-watermark{position:absolute;left:5%;top:6%;font-family:Georgia,serif;font-size:clamp(8px,1.4cqw,13px);z-index:6;opacity:.65;letter-spacing:0}.ed-scene{position:absolute;inset:0;padding:13% 5% 5%;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:5%;z-index:2}.ed-story{min-width:0}.ed-screen .ed-eyebrow{font-size:clamp(7px,1.2cqw,10px);font-weight:800;letter-spacing:1.4px;line-height:1.2;margin:0 0 10px;color:#ae432e}.ed-screen .ed-line{font-family:Arial,Helvetica,sans-serif;font-size:clamp(18px,5cqw,44px);line-height:1.12;letter-spacing:-.8px;margin:0;font-weight:800;min-height:3.4em;color:inherit;overflow-wrap:normal;text-wrap:balance}.ed-word{opacity:0;visibility:hidden;transition:opacity .14s ease;display:inline}.ed-word[data-spoken="true"]{visibility:visible;opacity:1}.ed-word:last-child{font-family:Georgia,serif;font-style:italic;font-weight:400}.ed-line[data-length="long"]{font-size:clamp(14px,3.6cqw,30px)}
.ed-art-wrap{width:100%;max-width:330px;justify-self:center;align-self:center}.ed-cutout{position:relative;width:100%;aspect-ratio:1;background-image:url('/assets/editorial/recortes-ia-20261022.png');background-size:200% 200%;background-repeat:no-repeat;filter:drop-shadow(2px 5px 3px #10233f18);animation:edDissolve .3s ease both}.ed-art-brain{background-position:0 0}.ed-art-hands{background-position:100% 0}.ed-art-typewriter{background-position:0 100%}.ed-art-check{background-position:100% 100%}
.ed-logo-tray{position:absolute;right:4%;top:5%;display:flex;gap:6px;z-index:8;max-width:65%;flex-wrap:wrap;justify-content:flex-end}.ed-brand{display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:5px;background:#fff;color:#17243a;font:700 clamp(8px,1.2cqw,12px)/1.1 Arial,sans-serif;box-shadow:0 2px 7px #10233f18;white-space:nowrap;animation:edDissolve .2s ease both}.ed-brand img{object-fit:contain;width:clamp(16px,3cqw,28px);height:clamp(16px,3cqw,28px);max-width:28px;max-height:28px}
.ed-interaction{margin-top:10px}.ed-step-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.ed-step-buttons button,.ed-prompt-buttons button{min-height:34px;min-width:0;border:1px solid currentColor;border-radius:4px;background:transparent;color:inherit;padding:7px 5px;font-size:clamp(9px,1.4cqw,13px);font-weight:700;line-height:1.2}.ed-step-buttons button[aria-pressed="true"]{background:#f5c64f;color:#122033;border-color:#f5c64f}.ed-opening{font-size:clamp(9px,1.4cqw,13px);line-height:1.4;margin:6px 0 0;min-height:2.5em;color:inherit}.ed-prompt-buttons{display:flex;gap:7px}.ed-prompt-buttons button{flex:1}.ed-prompt-buttons button[aria-pressed="true"]{background:#122033;color:#fff;border-color:#122033}.ed-quiz-options{display:grid;gap:6px}.ed-quiz-options button{background:#fff8e8;border:1px solid #c9bda9;border-radius:4px;padding:8px 10px;font-size:clamp(9px,1.4cqw,13px);text-align:left;color:#122033;line-height:1.3;min-height:34px;overflow-wrap:anywhere}.ed-quiz-options button span{font-weight:800}.ed-quiz-options button[aria-pressed="true"]{background:#c3e1be;border-color:#2f6638}.ed-scene.ed-quiz{grid-template-columns:minmax(0,1.8fr) minmax(0,.7fr)}.ed-quiz .ed-line{font-size:clamp(16px,3.5cqw,32px);min-height:2.5em}
.ed-screen[data-tone="blue"]{background:#153e55!important;color:#fff3d4!important}.ed-screen[data-tone="yellow"]{background:#edbb49!important;color:#182337!important}.ed-screen[data-tone="ink"]{background:#101f31!important;color:#fff4db!important}.ed-screen[data-tone="blue"] .ed-eyebrow,.ed-screen[data-tone="ink"] .ed-eyebrow{color:#f5c64f}
.ed-cover{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:0;width:100%;background:#0b192c4d;color:white;text-shadow:0 2px 10px #0008}.ed-cover[hidden]{display:none}.ed-big-play{width:70px;height:70px;border-radius:50%;background:#f5c64f;color:#102033;display:grid;place-items:center;padding-left:5px;font-size:28px;box-shadow:0 0 0 9px #f5c64f22;text-shadow:none}.ed-cover strong{font-size:20px}.ed-cover small{font-size:11px}
.ed-transport{color:#fff;background:#111b2a;padding:10px 12px 12px}.ed-timeline{display:flex;align-items:center;gap:12px}.ed-timeline input{accent-color:#f5c64f;height:22px;min-width:0;flex:1;cursor:pointer}.ed-time{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#bdcadb}.ed-buttons{display:flex;align-items:center;gap:8px;margin:7px 0 10px}.ed-buttons button{border:1px solid #40516a;background:transparent;color:#fff;border-radius:7px;min-height:40px;padding:8px 12px;font-size:14px}.ed-buttons button:first-child{border:0;background:#f5c64f;color:#102033;font-size:12px;font-weight:800;min-width:120px}.ed-buttons button:last-child{margin-left:auto}.ed-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ed-chapters button{border:1px solid #34465f;background:#19283d;color:#c5cfde;padding:8px 3px;border-radius:6px;min-width:0;font-size:11px;min-height:38px;line-height:1.2}.ed-chapters button[aria-current="step"]{border-color:#f5c64f;color:#f5c64f;background:#332e20}.ed-chapters button[hidden]{display:none}.ed-status{margin:0;padding:12px 14px;background:#1c493d;color:white;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow-y:auto}.ed-status[hidden]{display:none}
.video-led .progress-row{display:none}.video-led .video-controls{padding:0;background:#111b2a}.video-led .video-controls .scene-buttons-row{display:none}.video-led .video-controls .lesson-notes{padding:10px 14px;margin:0;color:#d1dbea}.video-led .video-transcript{border:0;background:#111b2a;color:#d1dbea}.video-led .video-transcript>summary{padding:9px 14px;font-size:12px}.video-led .lesson-notes .slide-board{height:auto;min-height:0;margin:10px 0;padding:14px;color:#17243a;overflow:visible}.video-led .lesson-notes .slide-title{color:#17243a}.video-led .lesson-notes .steps-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.video-led .lesson-notes pre{white-space:pre-wrap;max-height:none!important;overflow-wrap:anywhere}.video-led .subtitle-bar{height:auto;min-height:0;color:#17243a;background:#eef4fc;overflow:visible}.video-led .subtitle-bar>span:last-child{display:block;overflow:visible;-webkit-line-clamp:unset}
.ed-card-art{position:absolute;inset:5% 15%;background-image:url('/assets/editorial/recortes-ia-20261022.png');background-position:0 0;background-size:200% 200%;background-repeat:no-repeat}.ed-course-logo{position:absolute!important;right:12px!important;top:12px!important;left:auto!important;bottom:auto!important;width:42px!important;height:42px!important;padding:7px;background:white;border-radius:9px;object-fit:contain!important;filter:none!important}.video-led .course-video-cover{background:#e9e0cb}.video-led .course-video-cover .cover-course-number{background:#111b2a;color:#fff}.video-led .course-video-cover .cover-play{background:#f5c64f;color:#111b2a}.video-led .course-video-cover .cover-duration{background:#111b2a;color:#fff}
.video-shell:fullscreen{width:100%;height:100%;border:0!important;border-radius:0!important;display:flex;flex-direction:column;justify-content:center;overflow:auto;background:#111b2a!important}.video-shell:fullscreen .ed-screen{flex:0 0 auto;width:min(100%,calc((100dvh - 205px)*16/9))!important;margin-inline:auto;aspect-ratio:16/9}.video-shell:fullscreen .ed-transport,.video-shell:fullscreen .video-topbar{flex:0 0 auto;width:min(100%,960px);margin-inline:auto}.video-shell:fullscreen .video-controls,.video-shell:fullscreen .video-transcript{display:none}.video-shell:fullscreen>div[style*="position:relative"]{display:contents}
@keyframes edDissolve{from{opacity:0}to{opacity:1}}
.ed-practice-button{min-height:36px;padding:8px 12px;background:#f5c64f;color:#122033;border:0;border-radius:5px;font-size:12px;font-weight:800}.ed-scene.ed-practice{grid-template-columns:minmax(0,1fr);padding:11% 5% 4%;align-items:start}.ed-practice .ed-art-wrap{display:none}.ed-practice .ed-story{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:3px}.ed-screen .ed-practice .ed-line{min-height:0;font-size:clamp(12px,2.8cqw,25px);line-height:1.25;letter-spacing:0}.ed-practice .ed-quiz-options button{font-size:clamp(9px,1.6cqw,14px);min-height:29px}.ed-practice .ed-eyebrow{margin-bottom:5px}
.ed-card-art{inset:auto;left:50%;top:50%;width:48%;height:auto;aspect-ratio:1;transform:translate(-50%,-50%)}
.video-led .video-controls{gap:0}.video-led .video-controls .lesson-notes{padding:0 10px}.video-led .video-shell details>summary{padding:9px 4px;min-height:36px;font-size:11px;color:#bdcadb;border-color:#34465f}.video-led .video-shell .video-transcript{padding:0 10px}
.ed-quiz-mobile-hint{display:none}.ed-status[data-ed-quiz="true"]{display:none}.ed-mobile-answers{display:grid;gap:8px;margin-top:12px}.ed-mobile-answers button{min-height:44px;padding:12px;text-align:left;line-height:1.4;border:1px solid #ccd8e7;border-radius:7px;background:#fff;color:#17243a;font-size:14px}.ed-mobile-answers button[aria-pressed="true"]{background:#d8ecd6;border-color:#498447}.ed-status[data-ed-quiz="true"]>p{margin-top:10px;font-size:13px}
.ed-status[data-ed-quiz="true"][data-ed-quiz-compact="true"]{display:block;background:#edf3fa;color:#17243a;max-height:none;overflow:visible;padding:16px;font-size:14px;line-height:1.5}
@container(max-width:600px){.ed-practice .ed-quiz-options{display:none}.ed-quiz-mobile-hint{display:block;font-size:11px;line-height:1.4;margin-top:12px}.ed-practice .ed-story{overflow:visible}.ed-brand img{width:20px;height:20px}.ed-screen .ed-practice .ed-line{font-size:clamp(14px,4cqw,24px)}}
@container(max-width:600px){.ed-watermark{font-size:7px;max-width:35%;line-height:1.2}.ed-scene{padding:13% 5% 4%;gap:4%;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.ed-screen .ed-eyebrow{font-size:7px;letter-spacing:.6px;margin-bottom:5px}.ed-screen .ed-line{font-size:clamp(15px,5cqw,28px);line-height:1.1;letter-spacing:-.3px;min-height:3.3em}.ed-interaction{margin-top:6px}.ed-step-buttons{gap:4px}.ed-step-buttons button,.ed-prompt-buttons button{font-size:9px;min-height:23px;padding:4px 3px}.ed-opening{font-size:9px;margin-top:5px;min-height:2.5em}.ed-steps .ed-line,.ed-prompt .ed-line{font-size:clamp(14px,4.4cqw,23px);min-height:3.3em}.ed-quiz .ed-line{font-size:clamp(13px,4cqw,22px);min-height:2.2em}.ed-quiz-options{gap:4px}.ed-quiz-options button{font-size:9px;padding:4px 5px;min-height:23px;line-height:1.2}.ed-screen .ed-line[data-length="long"]{font-size:clamp(12px,3.3cqw,20px)}.ed-logo-tray{gap:3px;max-width:60%}.ed-brand{padding:3px 4px;gap:3px;font-size:7px}.ed-brand img{width:16px;height:16px}.ed-big-play{width:47px;height:47px;font-size:19px;box-shadow:0 0 0 6px #f5c64f22}.ed-cover{gap:7px}.ed-cover strong{font-size:16px}.ed-cover small{font-size:9px}}
@container(max-width:350px){.ed-scene{padding-top:12%}.ed-screen .ed-eyebrow{font-size:6px}.ed-screen .ed-line{font-size:15px}.ed-steps .ed-line,.ed-prompt .ed-line{font-size:13px;min-height:2.8em}.ed-quiz .ed-line{font-size:12px;min-height:2.2em}.ed-interaction{margin-top:4px}.ed-step-buttons button,.ed-prompt-buttons button{font-size:8px;min-height:21px;padding:3px}.ed-quiz-options button{font-size:8px;padding:3px 4px;min-height:22px}.ed-brand span{display:none}}
@media(max-width:760px){.video-led .video-topbar{padding:8px;gap:6px}.video-led .video-course-pill{flex:1 1 100%;font-size:10px}.video-led .video-topbar>div:last-child{flex:1 1 100%;gap:6px!important}.video-led .video-topbar .btn{min-height:35px;font-size:11px}.ed-transport{padding:8px 9px 10px}.ed-buttons{gap:7px}.ed-buttons button{min-height:38px;padding:7px 10px}.ed-buttons button:first-child{min-width:112px;font-size:12px}.ed-chapters{gap:4px}.ed-chapters button{font-size:9px;min-height:36px}.ed-time{font-size:10px}.ed-status{font-size:12px;padding:10px}.video-led .hero-grid{grid-template-columns:minmax(0,1fr);gap:20px}.video-led .hero-copy h1{font-size:36px}.video-led .hero-band{padding-top:20px}.ed-course-logo{width:36px!important;height:36px!important}.video-led .lesson-notes .steps-grid-4{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.ed-screen *, .ed-screen *::before,.ed-screen *::after{animation:none!important;transition:none!important}}

/* Published covers use their complete 16:9 canvas, independent of cutout icon geometry. */
.ed-card-art.ed-card-published{inset:0;left:0;top:0;width:100%;height:100%;aspect-ratio:auto;transform:none;background-size:contain;background-position:center;background-repeat:no-repeat}
.course-video-cover:has(.ed-card-published) .cover-play{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%)}

.course-video-cover:has(.ed-card-published) .ed-course-logo{display:none!important}