/* Approved study-room lesson design, shared by every lesson with content. */
.lesson-sample{position:relative;isolation:isolate;background:#080e13;--reading-font-size:18px}
.lesson-sample .reading-room{position:absolute;inset:0 0 auto;height:625px;z-index:-1;background:linear-gradient(90deg,#080e13 0%,#080e13f2 25%,#080e13af 49%,#080e130f 77%),linear-gradient(0deg,#080e13 1%,#080e13ab 19%,#080e130d 65%),url('assets/cuaderno-abierto-v2.png') center 56%/cover no-repeat;opacity:.9}
.lesson-sample .reading-top{padding:119px 5.5% 0;align-items:center;position:relative;z-index:1}
.lesson-sample .reading-top .text-button{font-size:11px;letter-spacing:.3px;border-color:#ceb17a44}
.lesson-sample .reading-top>span{font-size:11px;color:#d0c7b6;background:#080e139e;padding:5px 9px;border-radius:4px}
.lesson-masthead{max-width:1480px;margin:auto;padding:37px 5.5% 40px;min-height:295px}
.lesson-heading{max-width:665px}
.lesson-heading .eyebrow{font-size:10px;line-height:1.7;letter-spacing:1.9px;margin:0 0 21px;max-width:570px}
.lesson-heading h1{font:clamp(40px,4.6vw,65px)/1.08 Georgia,serif;letter-spacing:-1.6px;text-wrap:balance;margin:0 0 27px;max-width:640px;color:#eee5d0;outline:none}
.lesson-meta{display:flex;gap:13px;align-items:center;flex-wrap:wrap;font-size:11px;color:#bdb5a7}
.meta-dot{color:#997f54}
.lesson-tools{position:sticky;top:0;z-index:15;display:flex;justify-content:space-between;align-items:center;padding:0 5.5%;min-height:66px;background:#0a1217ef;backdrop-filter:blur(16px);border-block:1px solid #ceb17a26;box-shadow:0 10px 28px #00000024}
.lesson-jumps{display:flex;gap:34px;align-self:stretch}
.lesson-jumps button{position:relative;padding:0 2px;background:none;border:0;font-size:12px;color:#bdb5a7;letter-spacing:.3px}
.lesson-jumps button:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#ceb17a;transform:scaleX(0);transition:transform .2s}
.lesson-jumps button[aria-current]{color:#eee5d0}
.lesson-jumps button[aria-current]:after{transform:scaleX(1)}
.lesson-jumps button:hover{color:#ceb17a}
.type-controls{display:flex;gap:5px;align-items:center}
.type-controls:before{content:'Texto';font-size:10px;color:#9d9c95;margin-right:13px;letter-spacing:.4px}
.type-controls button{display:flex;align-items:center;justify-content:center;gap:2px;min-width:38px;min-height:38px;background:none;border:1px solid #ceb17a33;border-radius:5px;color:#d9d1c1;font:17px Georgia,serif}
.type-controls button span{font:11px Arial,sans-serif}
.type-controls button:disabled{opacity:.35}
.lesson-sample .reading-layout{max-width:1330px;grid-template-columns:245px minmax(0,705px);gap:8.1%;padding:48px 5.5% 100px}
.lesson-sample .reading-sidebar{top:99px}
.lesson-sample .reading-sidebar summary{font-size:10px;letter-spacing:1.5px;color:#ceb17a;line-height:1.5}
.lesson-sample .reading-sidebar p{font:22px/1.3 Georgia,serif;margin:19px 0 23px;color:#dfd7c5}
.lesson-sample .reading-sidebar li{border-top:1px solid #ceb17a1b;position:relative}
.lesson-sample .reading-sidebar li:has([aria-current]):before{content:'';width:2px;position:absolute;left:-16px;top:15px;bottom:15px;background:#ceb17a;border-radius:2px}
.lesson-sample .reading-sidebar button{display:block;padding:13px 0;font-size:12px;line-height:1.55;color:#a9aaa4}
.lesson-sample .reading-sidebar button span:first-child{display:block;color:#92958f;font-size:9px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:5px}
.lesson-sample .reading-sidebar button[aria-current]{color:#eee5d0}
.lesson-sample .reading-sidebar button[aria-current] span:first-child{color:#ceb17a}
.lesson-sample .reading-sidebar button:hover{color:#ceb17a}
.lesson-sample .reading-paper{padding:0;border:0}
.lesson-sample .reading-paper>#lesson-title,.lesson-sample .reading-paper>#lesson-eyebrow{display:none}
.lesson-sample .prose{font-size:var(--reading-font-size);line-height:1.85;color:#d5d6ce;overflow-wrap:break-word}
.lesson-sample #lesson-content{scroll-margin-top:94px}
.lesson-sample #lesson-content>p:first-child{font-size:calc(var(--reading-font-size) + 2px);line-height:1.75;color:#e3e0d4;margin-bottom:1.7em}
.lesson-sample .prose p{margin-bottom:1.5em}
.lesson-sample .prose h2{font:30px/1.22 Georgia,serif;margin:48px 0 23px;padding-top:25px;border-color:#ceb17a30;letter-spacing:-.25px;color:#e8e0cd}
.lesson-sample .reading-reference{border:0;margin:0 0 32px;border-radius:8px;background:linear-gradient(100deg,#ceb17a09,transparent);box-shadow:inset 0 0 0 1px #ceb17a27;scroll-margin-top:90px}
.lesson-sample .reading-reference summary{padding:18px 22px;font-size:12px;color:#bfb39a}
.lesson-sample .reading-reference summary:hover{color:#e8d5ae}
.lesson-sample .reading-reference .prose{padding:4px 25px 8px;font-size:calc(var(--reading-font-size) - 1px)}
.lesson-sample .reading-reference .prose p:last-child{margin-bottom:18px}
.lesson-sample #unit-sources{margin:50px 0 0;background:#0d171c}
.lesson-sample #unit-sources summary{padding-block:22px;font-size:14px;color:#d7c098}
.lesson-sample #unit-sources .prose{color:#b9bcb5;line-height:1.85}
.lesson-sample #unit-sources .prose a{font-size:14px;display:inline-block;padding:2px 0}
.lesson-sample .exercise{position:relative;scroll-margin-top:91px;padding:38px 34px 34px;margin:54px -12px 45px;border:1px solid #ceb17a44;border-radius:12px;background:radial-gradient(ellipse at 95% 0%,#95612a24,transparent 66%),linear-gradient(120deg,#172023,#10191e);box-shadow:0 17px 50px #00000038,inset 0 1px #e9cf9714}
.lesson-sample .exercise:before{content:'PONLO EN PRÁCTICA';display:block;font-size:9px;letter-spacing:2.2px;color:#b7a17a;margin-bottom:22px}
.lesson-sample .exercise h2{margin:0 0 25px;padding:0;border:0;font-size:33px;line-height:1.2}
.lesson-sample .exercise p:last-child{margin-bottom:0}
.lesson-sample .lesson-pagination{gap:26px;padding:30px 0 0;margin-top:43px;border-color:#ceb17a29;align-items:stretch}
.lesson-sample .lesson-pagination button{padding:18px 0;font-size:14px;line-height:1.55;min-height:88px}
.lesson-sample .lesson-pagination button:last-child{border:1px solid #ceb17a38;border-radius:8px;padding:20px 24px;background:linear-gradient(120deg,#cba76a0d,#cba76a05);text-align:left;flex:1.8}
.lesson-sample .lesson-pagination button:last-child:hover{background:#ceb17a11;border-color:#ceb17a77}
.lesson-sample .lesson-pagination small{font-size:9px;letter-spacing:1.4px;margin-bottom:10px}
.lesson-sample .reading-paper :focus-visible{outline-offset:5px}
.lesson-sample .prose table caption{text-align:left;caption-side:top;padding:0 0 12px;font-size:13px;color:#bdb5a7;position:sticky;left:0}
@media(min-width:1550px){.lesson-sample .reading-room{background-position:center 53%;height:660px}.lesson-masthead{min-height:320px}}
@media(max-width:1000px){.lesson-heading{max-width:570px}.lesson-heading h1{font-size:48px}.lesson-sample .reading-layout{display:block;max-width:800px;padding-inline:6%}.lesson-sample .reading-sidebar{position:static;margin-bottom:30px}.lesson-sample .reading-sidebar details{border:1px solid #ceb17a27;border-radius:8px;background:#0c151acc;padding:0 20px}.lesson-sample .reading-sidebar summary{display:flex;justify-content:space-between;padding:17px 0}.lesson-sample .reading-sidebar summary span{display:block}.lesson-sample .reading-sidebar p{font-size:21px;margin-top:8px}.lesson-sample .exercise{margin-inline:0;padding:29px 25px}.lesson-sample .reading-sidebar button{font-size:12px}.lesson-sample{--reading-font-size:17px}}
@media(max-width:700px){
  .lesson-sample .reading-room{height:525px;background:linear-gradient(90deg,#080e13ed,#080e138f),linear-gradient(0deg,#080e13 0%,transparent 66%),url('assets/cuaderno-abierto-v2.png') 78% 55%/auto 525px no-repeat;opacity:.7}
  .lesson-sample .reading-top{padding:104px 24px 0;gap:10px}
  .lesson-sample .reading-top .text-button{font-size:10px;min-height:34px}
  .lesson-sample .reading-top>span{font-size:9px;padding:0;white-space:nowrap}
  .lesson-masthead{min-height:0;padding:29px 24px 31px}
  .lesson-heading .eyebrow{font-size:9px;letter-spacing:1.35px;margin:0 0 18px}
  .lesson-heading h1{font-size:39px;letter-spacing:-.8px;line-height:1.11;margin-bottom:23px;max-width:360px;text-wrap:pretty}
  .lesson-meta{gap:9px;font-size:10px;line-height:1.6;max-width:295px}
  .lesson-meta .meta-dot{display:none}.lesson-meta:has(#practice-meta:not([hidden]))>span:first-child:after{content:' ·';padding-left:6px}
  .lesson-tools{padding-inline:24px;min-height:59px}
  .lesson-jumps{gap:20px}.lesson-jumps button{font-size:11px}
  .type-controls{gap:4px}.type-controls:before{display:none}
  .type-controls button{min-height:34px;min-width:30px;font-size:16px}
  .lesson-sample .reading-layout{display:block;padding:27px 24px 66px}
  .lesson-sample .reading-sidebar{position:static;margin-bottom:32px}
  .lesson-sample .reading-sidebar details{background:#0c151acc;border-color:#ceb17a27;border-radius:8px;padding:0 17px}
  .lesson-sample .reading-sidebar summary{font-size:9px;letter-spacing:1.4px;padding:17px 0}
  .lesson-sample .reading-sidebar p{margin-top:7px;font-size:22px}
  .lesson-sample .reading-sidebar button{font-size:12px;padding-block:13px}
  .lesson-sample .reading-sidebar li:has([aria-current]):before{left:-9px;top:19px;bottom:19px}
  .lesson-sample .prose{font-size:var(--reading-font-size);line-height:1.85}
  .lesson-sample #lesson-content>p:first-child{font-size:calc(var(--reading-font-size) + 1px);line-height:1.75}
  .lesson-sample .reading-reference summary{padding:17px;font-size:11px}
  .lesson-sample .reading-reference .prose{padding:0 18px 5px;font-size:var(--reading-font-size)}
  .lesson-sample .exercise{margin:42px -5px 35px;padding:28px 22px}
  .lesson-sample .exercise h2{font-size:29px}
  .lesson-sample .lesson-pagination{gap:6px;margin-top:30px;padding-top:15px}
  .lesson-sample .lesson-pagination button{min-height:58px;padding:15px 0}
  .lesson-sample .lesson-pagination button:last-child{padding:21px}
}
@media(prefers-reduced-motion:reduce){.lesson-jumps button:after{transition:none}}
/* The global document already reserves 94px for the sticky navigation. */
.lesson-sample #lesson-content,.lesson-sample .exercise,.lesson-sample .reading-reference{scroll-margin-top:0}

/* Unit materials follow the same reading design and retain the author's sections. */
.hero.book-open.has-materials{height:auto;min-height:950px}
.hero.has-materials .unit-preview{padding-bottom:155px}
.unit-material-index{margin-top:25px;border:1px solid #ceb17a32;border-radius:8px;background:#0b151acc}
.unit-material-index summary,.answer-guide summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;min-height:52px;padding:14px 18px;color:#d7c098;font-size:13px}
.unit-material-index summary::-webkit-details-marker,.answer-guide summary::-webkit-details-marker{display:none}
.unit-material-index summary>span{font-size:19px}.unit-material-index[open] summary>span{transform:rotate(45deg)}
.unit-material-index ul,.reading-material-index ul{margin:0;padding:0 18px 12px;list-style:none}
.unit-material-index li+li,.reading-material-index li+li{border-top:1px solid #ceb17a1b}
.unit-material-index a,.reading-material-index a{display:block;min-height:44px;padding:12px 0;font-size:12px;line-height:1.6;color:#bfbeb2}
.unit-material-index a:hover,.reading-material-index a:hover{color:var(--accent)}
.unit-material-index a>span,.reading-material-index a>span{color:var(--accent);margin-left:4px}
.lesson-sample .reading-sidebar .reading-material-index{padding:0;margin-top:22px;border:0;border-top:1px solid #ceb17a44;border-radius:0;background:none}
.lesson-sample .reading-sidebar .reading-material-index summary{display:flex;justify-content:space-between;min-height:52px;padding:14px 0;font-size:10px;line-height:1.6}
.lesson-sample .reading-sidebar .reading-material-index summary>span{display:inline;font-size:17px}
.reading-material-index[open] summary>span{transform:rotate(45deg)}
.reading-material-index ul{padding:0}
.reading-material-index a[aria-current]{color:#eee5d0;border-left:2px solid var(--accent);padding-left:12px}
.lesson-sample .prose .answer-guide{border:1px solid #ceb17a39;border-radius:10px;padding:0 23px;margin:42px 0;background:#0d171c}
.lesson-sample .prose .answer-guide summary{font-size:16px;padding:20px 0;color:#d7c098}
.answer-guide summary:after{content:'+';font-size:23px}.answer-guide[open] summary:after{content:'−'}
.lesson-sample .prose table p{font-size:14px;line-height:1.7;margin:0}
.lesson-sample .prose table p+p{margin-top:.6em}
.lesson-sample .prose:has(table) table{border-radius:8px}
.lesson-sample .unit-library-link{margin-inline:25px}
.material-contents nav{display:grid;padding:0 22px 17px}
.material-contents nav button{padding:12px 0;min-height:44px;border:0;border-top:1px solid #ceb17a25;background:none;color:#cbc7b7;text-align:left;font-size:13px;line-height:1.7}
.material-contents nav button:hover{color:var(--accent)}
.writing-space{display:inline-block;max-width:100%;overflow:hidden;white-space:nowrap;vertical-align:bottom}
.lesson-sample .prose table:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(min-width:1001px){.lesson-sample .reading-sidebar{max-height:calc(100svh - 130px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ceb17a55 transparent;padding-inline:16px;margin-inline:-16px}}
@media(max-width:700px){.hero.book-open.has-materials{min-height:950px}.unit-material-index{margin-top:20px}.unit-material-index summary{font-size:12px}.lesson-sample .prose .answer-guide{padding-inline:18px}.lesson-sample .prose .answer-guide summary{font-size:15px}.lesson-sample .unit-library-link{margin-inline:18px}}