/* Vídeo de presentación de Lab3 Junior · 4 noviembre 2026 */
.lj-hero-video{margin:0;width:100%;max-width:430px;justify-self:center;padding:24px;background:#ede6f6;border:1px solid #dfd3ec;border-radius:28px;display:flex;flex-direction:column;align-items:center;gap:17px;min-width:0;scroll-margin-top:120px}
.lj-hero-video figcaption{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;text-align:left;color:#292438}
.lj-hero-video figcaption strong{font-size:17px;line-height:1.35;display:block;font-weight:750;letter-spacing:-.3px}
.lj-video-subtitle{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:#675774}
.lj-video-symbol{flex:0 0 36px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#d6ef9f;color:#55327b;font-size:13px;padding-left:2px}
.lj-hero-video video{display:block;width:100%;max-width:260px;height:auto;aspect-ratio:9/16;object-fit:contain;max-height:none;border-radius:15px;background:#faf7f0;box-shadow:0 9px 24px #3e2a4b1a;border:1px solid #d8cce3}
.lj-hero-video video:focus-visible{outline:3px solid #7950aa;outline-offset:5px}
.lj .lj-video-hint{font-size:12px;line-height:1.5;color:#675774;margin:0;text-align:center}
@media(max-width:1050px){.lj-hero-video{padding:21px 16px}.lj-hero-video figcaption strong{font-size:15px}.lj-video-subtitle{font-size:11px}}
@media(max-width:800px){.lj-hero-video{max-width:400px;padding:23px}.lj-hero-video figcaption strong{font-size:17px}.lj-video-subtitle{font-size:12px}}
@media(max-width:540px){.lj-hero-video{max-width:360px;padding:20px 15px;border-radius:22px;gap:15px}.lj-hero-video video{max-width:248px;border-radius:13px}.lj-hero-video figcaption strong{font-size:15px}.lj-video-subtitle{font-size:11px}.lj-video-symbol{flex-basis:32px;width:32px;height:32px}}
.lj-ideas{background:#f7f6f0;border-bottom:1px solid #e9e4dc}
.lj-ideas-layout{display:grid;grid-template-columns:.95fr 1fr;gap:64px;align-items:center}
.lj-ideas-copy{max-width:500px}.lj-ideas-copy p:not(.lj-kicker){color:#535e70}.lj-ideas-copy .lj-button{margin-top:12px}
.lj-ideas .lj-lab{width:100%;max-width:550px;margin:0 auto}
@media(max-width:1050px){.lj-ideas-layout{gap:30px}}
@media(max-width:800px){.lj-ideas-layout{grid-template-columns:1fr;gap:36px}.lj-ideas-copy{max-width:650px}}
@media(max-width:540px){.lj-ideas .lj-lab{min-height:540px}.lj-ideas .lj-note-check{top:218px}.lj-ideas .lj-note-create{top:391px;left:38px;right:20px}}