*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f7f5ef;color:#172d34;font-family:Arial,sans-serif;line-height:1.6}button,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}header{position:sticky;top:0;z-index:10;background:#f7f5eff2;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:20px 4%;border-bottom:1px solid #d6dbd3;gap:20px}.brand{font-size:20px;font-weight:bold;letter-spacing:1px;color:inherit;text-decoration:none}.brand b{color:#16806a}.brand span{display:block;font-size:10px;letter-spacing:1.4px;font-weight:normal}nav{display:flex;gap:8px}button{border:1px solid #c3cfc7;background:transparent;border-radius:6px;padding:9px 14px;color:inherit;transition:background .2s,transform .2s}button:hover{background:#e6ece4}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #176dbe;outline-offset:4px}nav button{border:0}nav .active{background:#183c37;color:white}.hero{max-width:1450px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:70px;padding:78px 4% 65px}.eyebrow,.hero-note>span{font-size:11px;letter-spacing:2px;font-weight:bold;color:#55756b}h1{font-family:Georgia,serif;font-size:clamp(50px,5.8vw,85px);line-height:1.04;letter-spacing:-3px;margin:25px 0}h1 em{color:#247962;font-weight:normal}.lead{font-size:21px;max-width:650px;color:#536263}.hero-note{border-top:1px solid #adbdb1;padding:25px 0}.hero-note p{font-family:Georgia,serif;font-size:27px;line-height:1.45}.legend{display:flex;flex-wrap:wrap;gap:13px;font-size:12px}.legend i{font-style:normal;padding:0 3px;border-bottom:4px solid var(--color)}.idea{--color:#dbb75a;--wash:#f8efce}.evidencia{--color:#6196ce;--wash:#e3edf8}.analisis{--color:#61ac87;--wash:#ddf0e4}.comparacion{--color:#ac82bf;--wash:#efe2f5}.view{max-width:1450px;padding:40px 4% 90px;margin:auto;border-top:1px solid #d6dbd3}.view[hidden]{display:none}h2{font-family:Georgia,serif;font-size:38px;line-height:1.2;margin:0 0 12px;font-weight:normal}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px}.toolbar p{color:#62736d}.toolbar label{font-size:12px;min-width:190px}select{display:block;background:white;border:1px solid #bbc9be;border-radius:5px;padding:10px;margin-top:6px}.editorial{font-size:13px;max-width:870px;color:#687670;margin-bottom:40px}.reading{display:grid;grid-template-columns:170px minmax(0,1fr) 300px;gap:35px;align-items:start}.outline{position:sticky;top:125px;font-size:13px}.outline>p{font-size:10px;letter-spacing:2px}.outline a{display:block;padding:9px 0;color:#4b675c;text-decoration:none}.outline a:hover{color:#142f27;text-decoration:underline}.outline label{display:block;margin-top:25px}.progress{margin-top:35px;font-size:11px;color:#698174}progress{width:100%;height:5px;accent-color:#247962}article section{margin-bottom:55px}article h3{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:#55756b;border-top:1px solid #c7d2c9;padding-top:20px}article .intro-note{font-family:Arial,sans-serif;font-size:14px;color:#66766e}article p{font-family:Georgia,serif;font-size:22px;line-height:1.9;margin:18px 0}.fragment{border:0;border-bottom:3px solid var(--color);padding:2px 0;border-radius:0;display:inline;text-align:left;line-height:inherit;font:inherit;background:linear-gradient(transparent 55%,var(--wash) 55%);box-decoration-break:clone;-webkit-box-decoration-break:clone}.fragment:hover,.fragment.selected{background:var(--wash);box-shadow:0 0 0 4px var(--wash)}.fragment.dim{background:none;border-color:transparent;color:#a3aaa4}.no-marks .fragment{background:none;border-color:transparent}.fragment:focus-visible{outline-offset:2px}#analysis{position:sticky;top:125px;background:#edf0e8;border-left:3px solid #318067;padding:25px;font-size:15px;max-height:calc(100vh - 150px);overflow:auto}#analysis h3{font-family:Georgia,serif;font-size:25px;font-weight:normal;line-height:1.25}#analysis h4{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#47745f;margin:26px 0 8px}#analysis p{margin-top:8px}#analysis .tag{font-size:11px;letter-spacing:1px;color:#446453}#analysis .caution{border-top:1px solid #b8cbbc;padding-top:16px;color:#66533c}.steps{counter-reset:steps;margin-top:45px}.step{display:grid;grid-template-columns:70px 1fr 1.2fr;gap:25px;border-top:1px solid #ced6cc;padding:28px 0}.step>span{font-family:Georgia,serif;color:#318067;font-size:35px}.step h3{font-size:20px;margin:3px 0}.step p{margin:0;color:#52675c}.practice,.planner{margin-top:70px;border-top:1px solid #bac9be;padding-top:35px}.practice h3,.planner h3{font-family:Georgia,serif;font-size:32px;font-weight:normal}.levels{display:flex;gap:10px;flex-wrap:wrap}.levels .active{background:#183c37;color:white}blockquote{font-family:Georgia,serif;font-size:30px;max-width:960px;margin:35px 0;border-left:3px solid #368167;padding-left:25px}#levelwhy{max-width:850px;font-size:18px}.planner{max-width:1000px}.planner label{display:block;font-size:14px;font-weight:bold;margin:25px 0}textarea{display:block;width:100%;min-height:100px;border:1px solid #b6c9bb;background:#fffef9;border-radius:5px;margin-top:10px;padding:15px;font-size:16px;font-weight:normal;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:25px}#download{background:#183c37;color:white}#saved{font-size:12px;margin-left:15px;color:#547261}#gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}#gallery button{padding:12px;background:white}#gallery img{width:100%;max-height:400px;object-fit:contain}#gallery span{display:block}dialog{border:0;padding:12px;background:#faf9f4;max-width:95vw;max-height:95vh}dialog::backdrop{background:#112b31cb}dialog img{display:block;max-width:88vw;max-height:80vh;object-fit:contain}#close{display:block;margin:0 0 10px auto}footer{padding:30px 4%;font-size:12px;border-top:1px solid #ced6cc;display:flex;justify-content:space-between}.classmode .hero{display:none}.classmode .reading{grid-template-columns:130px 1fr 350px}.classmode article p{font-size:27px}.classmode #analysis{font-size:18px}@media(max-width:1100px){.reading{grid-template-columns:1fr 290px}.outline{display:none}.hero{gap:25px}header{flex-wrap:wrap}.classmode .reading{grid-template-columns:1fr 310px}}@media(max-width:750px){header{padding:12px 5%;gap:10px}nav{order:3;width:100%;justify-content:space-between;font-size:12px}nav button{padding:7px}.brand span{display:none}#present{font-size:12px}.hero{grid-template-columns:1fr;padding-top:35px;gap:10px}h1{letter-spacing:-2px}.hero-note p{font-size:23px}.reading,.classmode .reading{display:flex;flex-direction:column}.toolbar{display:block}.toolbar label{display:block;margin:20px 0}.view{padding-left:6%;padding-right:6%}article p{font-size:21px}#analysis{position:relative;top:auto;width:100%;order:-1;max-height:none}.step{grid-template-columns:45px 1fr}.step p{grid-column:2}.two{grid-template-columns:1fr}#gallery{grid-template-columns:1fr 1fr}.classmode article p{font-size:23px}footer{display:block}footer span{display:block;margin-top:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
nav{flex-wrap:wrap;justify-content:center}header{gap:18px}nav button{font-size:13px;padding:8px}.workgrid{display:grid;grid-template-columns:270px 1fr;gap:40px;margin:45px 0}.choice-stack{display:grid;gap:12px}.choice-stack button{text-align:left;padding:18px}.choice-stack .active,#relation-buttons .active,#closing-buttons .active,#criteria-buttons .active{background:#183c37;color:#fff}.lesson-panel{background:#edf0e8;border-left:3px solid #318067;padding:30px;margin-top:20px}.lesson-panel h3{font:normal 30px Georgia,serif;margin-top:0}.lesson-panel h4{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#426653;margin:25px 0 6px}.lesson-panel p{max-width:850px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:35px 0}.cards>div{border-top:2px solid #318067}.closing-example{margin:30px 0;padding:25px;background:#fffdf6;line-height:1.85}.closing-example>p:first-child{font:24px/1.8 Georgia,serif}.closing-contrast{background:#e9dff2;border-bottom:2px solid #a482bd}mark{background:#f5e8b4;color:inherit}details{border-top:1px solid #bbc9bd;padding:20px 0}summary{cursor:pointer;font-weight:600}details p{max-width:950px}.source-note{font-size:13px;color:#52675c;margin-top:25px}.review-list label{display:flex;gap:14px;padding:13px 0;align-items:baseline}.review-list input{accent-color:#183c37}#review-status{font-weight:bold;color:#318067}.view{scroll-margin-top:145px}#criteria-buttons{margin:35px 0 20px}@media(max-width:1000px){header{flex-wrap:wrap}nav{order:3;width:100%}.workgrid{grid-template-columns:1fr}.choice-stack{grid-template-columns:1fr 1fr}}@media(max-width:750px){nav{justify-content:flex-start;gap:2px}nav button{font-size:11px}.cards{grid-template-columns:1fr;gap:10px}.lesson-panel{padding:20px}.view{scroll-margin-top:180px}.closing-example>p:first-child{font-size:21px}}
#case-tabs{margin:30px 0}#case-tabs .active{background:#183c37;color:white}.score-strip{display:flex;gap:25px;align-items:center;flex-wrap:wrap;background:#e9eee4;padding:25px;margin:30px 0}.score-strip b{font:40px Georgia,serif}.score-strip span{font-size:19px}
[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:white;z-index:30}.skip:focus{top:10px}header{min-height:85px;flex-wrap:nowrap;justify-content:space-between}header .brand{font-size:17px;letter-spacing:1px}header .brand span{display:block;font-size:11px;letter-spacing:.4px;margin:3px 0}.aula-home{font-size:12px;color:#36735c}.workspace{display:grid;grid-template-columns:250px minmax(0,1fr);max-width:1750px;margin:auto}.course-menu{padding:30px 18px;border-right:1px solid #d8dfd5;position:sticky;top:85px;height:calc(100vh - 85px);background:#f2f3ec}.course-menu>p{font-size:10px;letter-spacing:1px;color:#526c5f;margin:5px 12px 20px}.course-menu nav{display:grid;gap:10px}.course-menu nav button{text-align:left;border:1px solid #d6ded3;background:#fffef9;padding:14px;border-radius:9px;font-size:12px;min-height:48px;color:#355245}.course-menu nav button.active{background:#183c37;color:#fff;border-color:#183c37;box-shadow:0 4px 12px #183c3717}.course-menu .menu-hint{line-height:1.8;margin-top:30px;letter-spacing:0}#main-content{min-width:0}.hero{padding:50px 5% 60px;grid-template-columns:1.3fr 1fr;margin:0;min-height:70vh;align-content:center}.hero h1{font-size:clamp(40px,4.4vw,67px)}.hero .hero-note{align-self:center}.view{padding:40px 5% 70px;scroll-margin-top:105px}.view h2{font-size:38px}.view .toolbar{display:block}.example-label{display:inline-block;font-size:10px;letter-spacing:1px;background:#e6ebdf;color:#355d48;padding:7px 12px;border-radius:5px}.function-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.function-buttons button{display:flex;align-items:center;gap:16px;border:1px solid #b6c9bb;border-radius:9px;padding:12px 17px;background:white;min-height:48px;font-weight:600;font-size:14px}.function-buttons button span{border-radius:4px;background:#edf0e8;padding:1px 7px;font-size:11px;color:#526d5d}.function-buttons button[aria-pressed=true]{background:#183c37;color:#fff;border-color:#183c37}.function-buttons button:hover{box-shadow:0 4px 10px #183c3720;transform:translateY(-1px)}#filter-status{font-size:12px;color:#52725e;margin:15px 0 30px}.reading{grid-template-columns:minmax(0,1fr) 300px;gap:25px}.outline{display:none}#analysis{top:110px;max-height:calc(100vh - 135px);border-radius:0 9px 9px 0}article p{font-size:21px}.download-panel{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#edf0e8;padding:25px;border-radius:10px;margin:30px 0}.download-panel h3{margin:0 0 8px}.download-panel p{font-size:13px;margin:0}.download-link{display:inline-block;white-space:nowrap;background:#183c37;color:white;padding:14px 20px;border-radius:8px;font-size:13px}.levels button{min-height:46px;border-radius:8px}.levels{gap:12px}.lesson-panel{border-radius:0 10px 10px 0}.classmode .hero{display:grid}.classmode .reading{grid-template-columns:minmax(0,1fr) 320px}@media(max-width:1150px){.workspace{grid-template-columns:210px minmax(0,1fr)}.course-menu{padding:24px 12px}.reading,.classmode .reading{display:flex;flex-direction:column}#analysis{position:relative;top:auto;order:-1;max-height:none}.hero{grid-template-columns:1fr}.hero-note{border-top:1px solid #d4dfd1;padding-top:20px}}@media(max-width:750px){header{padding:13px 5%;gap:8px}header .brand{font-size:13px}header .brand span{display:block;font-size:9px}.aula-home{font-size:10px}#present{font-size:10px;padding:7px}.workspace{display:block}.course-menu{position:relative;top:0;height:auto;padding:15px 5%;border-right:0;border-bottom:1px solid #d5dfd0}.course-menu nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:visible;margin:0}.course-menu nav button{font-size:11px;padding:11px}.course-menu>p{margin:0 0 10px}.course-menu .menu-hint{display:none}.hero{min-height:0}.hero h1{font-size:44px}.view h2{font-size:31px}.function-buttons{gap:8px}.function-buttons button{font-size:12px;padding:10px 12px;flex:1 1 135px}.download-panel{display:block}.download-link{margin-top:20px;white-space:normal}.view{scroll-margin-top:95px}.hero-note p{font-size:21px}#analysis{font-size:15px}}
