.lesson-shell .lesson-top{justify-content:space-between!important;align-items:center!important;width:min(1200px,100%)!important;margin:0 auto 18px!important;display:flex!important}.lesson-shell .lesson-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)!important;align-items:stretch!important;width:min(1200px,100%)!important;min-height:480px!important;margin:0 auto!important;display:grid!important;overflow:hidden!important}.lesson-shell .lesson-hero>div{align-self:stretch!important;min-width:0!important;padding:clamp(30px,4vw,52px)!important;display:block!important}.lesson-shell .lesson-hero h1{max-width:700px!important;margin:14px 0!important;font-size:clamp(2.4rem,5vw,4.4rem)!important;line-height:1.05!important;display:block!important}.lesson-shell .lesson-hero p{max-width:640px!important;margin:0 0 22px!important;display:block!important}.lesson-shell .lesson-hero>img{object-fit:cover!important;object-position:center!important;width:100%!important;max-width:none!important;height:100%!important;min-height:480px!important;margin:0!important;display:block!important}.lesson-shell .lesson-goal{width:min(100%,560px)!important;margin-top:22px!important;display:grid!important}.lesson-shell .mode-grid,.lesson-shell .lesson-sequence{width:min(1200px,100%)!important}@media (max-width:900px){.lesson-shell{padding:18px 16px 36px!important}.lesson-shell .lesson-hero{grid-template-columns:1fr!important;min-height:0!important}.lesson-shell .lesson-hero>div{padding:30px 24px!important}.lesson-shell .lesson-hero>img{width:100%!important;height:min(52vw,340px)!important;min-height:0!important}}@media (max-width:600px){.lesson-shell .lesson-top{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.lesson-shell .lesson-top span{font-size:.92rem!important}.lesson-shell .lesson-hero h1{font-size:clamp(2.1rem,12vw,3rem)!important}.lesson-shell .lesson-hero p{font-size:1rem!important}}
:root{--blue:#0065b2;--ink:#17213b;--cyan:#e8f7ff;--line:#d7e4ee}.lesson-shell{min-height:100vh;color:var(--ink);background:#f5f8fb;padding:24px 5vw 50px;font-family:Inter,Arial,sans-serif}.lesson-top{justify-content:space-between;max-width:1200px;margin:auto auto 18px;display:flex}.lesson-top a{color:var(--blue);font-weight:800;text-decoration:none}.lesson-hero{background:#fff;border-radius:28px;grid-template-columns:1fr 1.05fr;max-width:1200px;margin:auto;display:grid;overflow:hidden;box-shadow:0 16px 50px #18365318}.lesson-hero>div{padding:48px}.lesson-hero small{color:var(--blue);letter-spacing:.08em;font-weight:900}.lesson-hero h1{margin:15px 0;font-size:clamp(2.4rem,5vw,4.4rem);line-height:1}.lesson-hero p{font-size:1.15rem;line-height:1.65}.lesson-hero img{object-fit:cover;width:100%;height:100%}.lesson-goal{background:var(--cyan);border-radius:16px;gap:6px;padding:16px;display:grid}.mode-grid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1200px;margin:24px auto 0;display:grid}.mode-grid button{text-align:left;color:inherit;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:20px;padding:22px}.mode-grid button.active{border-color:var(--blue);box-shadow:0 10px 30px #0065b21c}.mode-grid small{color:var(--blue);font-weight:800}.mode-grid h2{margin:8px 0}.mode-grid p{line-height:1.5}.mode-action,.permanent-modes,.lesson-sequence{max-width:1200px;margin:18px auto 0}.mode-action{background:var(--ink);color:#fff;border-radius:18px;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.mode-action div{gap:4px;display:grid}.mode-action a,.permanent-modes a{background:var(--blue);color:#fff;border-radius:12px;padding:12px 18px;font-weight:800;text-decoration:none}.permanent-modes{justify-content:center;gap:12px;display:flex}.lesson-sequence{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.lesson-sequence article{background:#fff;border-radius:15px;align-items:center;gap:12px;padding:17px;display:flex}.lesson-sequence b{background:var(--cyan);color:var(--blue);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}@media (max-width:800px){.lesson-hero{grid-template-columns:1fr}.lesson-hero>div{padding:28px}.lesson-hero img{max-height:300px}.mode-grid,.lesson-sequence{grid-template-columns:1fr}.mode-action{flex-direction:column;align-items:flex-start;gap:16px}.permanent-modes{flex-wrap:wrap}}.clase-1-2-shell .lesson-top{box-sizing:border-box;width:min(1200px,100%)}.clase-1-2-shell .lesson-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.95fr)!important;align-items:stretch!important;width:min(1200px,100%)!important;min-height:440px!important;display:grid!important}.clase-1-2-shell .lesson-hero>div{box-sizing:border-box!important;width:auto!important;min-width:0!important;max-width:none!important;padding:clamp(28px,4vw,48px)!important;display:block!important;overflow:visible!important}.clase-1-2-shell .lesson-hero>div>*{overflow-wrap:break-word!important;max-width:100%!important}.clase-1-2-shell .lesson-hero img{object-fit:cover!important;object-position:center!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:440px!important;display:block!important;position:static!important}@media (max-width:800px){.clase-1-2-shell{padding:16px 14px 36px!important}.clase-1-2-shell .lesson-top{flex-direction:column;align-items:flex-start;gap:10px}.clase-1-2-shell .lesson-hero{border-radius:20px!important;grid-template-columns:1fr!important;min-height:0!important}.clase-1-2-shell .lesson-hero>div{padding:26px 22px!important}.clase-1-2-shell .lesson-hero h1{font-size:clamp(2rem,10vw,3rem)!important}.clase-1-2-shell .lesson-hero img{height:auto!important;min-height:220px!important;max-height:320px!important}.clase-1-2-shell .mode-grid,.clase-1-2-shell .lesson-sequence{grid-template-columns:1fr!important}.clase-1-2-shell .mode-action{flex-direction:column!important;align-items:stretch!important}.clase-1-2-shell .mode-action a{text-align:center!important}.clase-1-2-shell .permanent-modes{justify-content:flex-start!important}}