:root{--ink:#173d3b;--teal:#155a55;--muted:#526966;--paper:#f8f5ee;--gold:#a57a3c;--line:#d7dfd8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 system-ui,sans-serif}button,input{font:inherit}button,.link-button{min-height:48px;padding:12px 20px;border:1px solid var(--teal);border-radius:8px;background:transparent;color:var(--teal);font-weight:650;cursor:pointer}button:disabled{cursor:not-allowed;color:#626b68;border-color:#b8c2bc;background:#e8eae5}a{color:var(--teal)}button:hover:not(:disabled){background:#e0eeE7}.primary,.primary:hover:not(:disabled){background:var(--teal);color:#fff}.link-button{display:inline-block;text-decoration:none}header{max-width:1180px;margin:auto;padding:20px 30px;display:flex;align-items:center;gap:24px}header>span{font-weight:750;font-size:14px;letter-spacing:.08em}header small{font-size:12px;letter-spacing:0;font-weight:400}header button{margin-left:auto;font-size:14px}.brand img{width:145px;display:block}.preview{background:#e6eee7;color:#415b50;padding:10px 24px;text-align:center;font-size:14px}.hero{max-width:1180px;padding:65px 30px 55px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:750;color:#6c794e}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(58px,7vw,92px);margin:20px 0}h1 em{font-weight:400;color:var(--teal)}.subtitle{font-family:Georgia,serif;font-size:26px;line-height:1.35}.hero-note{color:var(--muted);font-size:16px;margin-bottom:30px}.art{position:relative;background:#e7ece1;border-radius:160px 160px 16px 16px;overflow:hidden}.art>img{width:100%;height:auto;display:block}.key{background:#fffdf5;padding:25px 32px;border:1px solid #e7decc;border-radius:0 0 16px 16px}.key span{font-size:11px;font-weight:750;letter-spacing:.14em}.key blockquote{font:24px/1.4 Georgia,serif;margin:14px 0}.key p{font-size:13px;margin:0;color:var(--muted)}.progress-bar{display:flex;align-items:center;justify-content:center;gap:24px;background:var(--ink);color:white;padding:18px 25px;font-size:14px}.progress-bar a{color:#e7d6ad}.progress-bar progress{accent-color:#d3bd87;width:160px}.narrow{max-width:810px;padding:45px 28px;margin:0 auto}h2{font-size:36px;margin:15px 0 25px}h3{font-size:25px}.reading p{margin:20px 0}.objective{background:#e7eee6;border-left:3px solid #708457;padding:20px 24px;margin:28px 0}.objective p{margin:8px 0}details{border-top:1px solid var(--line);padding:18px 0;font-size:16px}summary{cursor:pointer;font-weight:650}.storage{padding:25px 28px;background:#efede5;border-radius:12px}.storage h2{font-size:25px}.storage p,.hint{font-size:14px;color:var(--muted)}.check,.choice{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.check input,.choice input{width:22px;height:22px;flex-shrink:0;margin-top:4px;accent-color:var(--teal)}.storage-actions{display:flex;gap:18px;align-items:center;margin-top:18px;font-size:13px}.storage-actions button{font-size:13px;min-height:42px}.question{background:#fffef9;border:1px solid var(--line);border-radius:14px;padding:28px;margin:24px 0}.q-number{color:var(--gold);font-size:13px;font-weight:750}.question h3{margin:10px 0 20px}.scripture{border-left:3px solid #b7975c;padding:10px 20px;background:#f5f2e9;margin:20px 0}.scripture p{font:19px/1.75 Georgia,serif;margin:8px 0}.scripture sup{font:11px system-ui;color:#796235;margin-right:5px}.reference{font-size:14px;font-weight:700;color:var(--teal)}fieldset{padding:0;border:0;margin:20px 0}legend{font-size:14px;margin-bottom:10px}.choice{padding:15px;border:1px solid var(--line);margin:10px 0;border-radius:9px;font-size:16px}.choice:has(input:checked){background:#e5efe8;border-color:var(--teal)}.feedback{margin:18px 0 0;padding:15px;border-radius:8px;font-size:16px}.feedback:empty{display:none}.feedback.good{background:#e6f0e5}.feedback.retry{background:#fff0d7}.application{border-bottom:1px solid var(--line);padding:24px 0}.application>.check{font-weight:650}.application .scripture{margin-left:34px}.closing{background:#eaf0e9;border-radius:15px}.closing blockquote{font:24px/1.55 Georgia,serif;margin:20px 0 30px}.name{display:block;margin:26px 0}.name small{font-size:13px}.name input{display:block;width:100%;border:1px solid #b5c4b7;padding:12px;margin-top:10px;border-radius:8px}.prayer-title{margin-top:45px}.video-section{border-bottom:1px solid var(--line)}.finish{text-align:center}.finish button{display:block;margin:12px auto}.finish p{font-size:15px}footer{background:var(--ink);color:white;text-align:center;padding:35px 24px;font-size:14px}footer a{color:#d5e6d2}.index-panel{max-width:1120px;margin:20px auto;padding:28px}.index-panel ol{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;list-style:none}.index-panel li{background:white;padding:14px;border:1px solid var(--line);border-radius:8px;font-size:15px}.index-panel small{display:block;color:var(--muted)}.index-panel a{font-weight:700}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:10}:focus-visible{outline:3px solid #b88937;outline-offset:4px}[hidden]{display:none!important}@media(max-width:700px){header{padding:14px;gap:12px}header>span{display:none}.brand img{width:125px}header button{font-size:12px;padding:8px}.hero{grid-template-columns:1fr;padding:32px 22px;gap:30px}.art{max-width:440px}.art>img{max-height:280px;object-fit:contain}.key{padding:22px}.hero h1{font-size:64px}.progress-bar{flex-wrap:wrap;gap:10px;font-size:12px}.progress-bar progress{width:100px}.narrow{padding:32px 20px}h2{font-size:30px}.question{padding:20px 16px}.scripture{padding:10px 12px}.storage-actions{align-items:flex-start;flex-direction:column}.index-panel ol{grid-template-columns:1fr}.application .scripture{margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{header,.preview,.storage,.progress-bar,.finish,button{display:none}.hero{padding:0}.question{break-inside:avoid}}
.hero h1{font-size:clamp(38px,4.4vw,64px);overflow-wrap:anywhere}.hero h1 .title-prefix{display:block;font:18px/1.5 system-ui,sans-serif;color:var(--muted);margin-bottom:15px}.art>img{aspect-ratio:4/3;object-fit:contain}.home-hero{max-width:1120px;margin:auto;padding:65px 28px 35px;display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center}.home-hero h1{font-size:clamp(52px,7vw,88px)}.home-hero img{width:100%;max-height:400px}.home-actions{display:flex;gap:15px;flex-wrap:wrap}.catalog{max-width:1120px;margin:auto;padding:25px 28px 65px}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lesson-card{display:flex;flex-direction:column;text-decoration:none;background:#fffef9;border:1px solid var(--line);border-radius:15px;overflow:hidden}.lesson-card img{width:100%;height:140px;object-fit:contain;background:#e7ece1}.card-copy{padding:20px}.card-copy h3{font-size:24px;margin:10px 0}.card-copy p{font-size:14px;line-height:1.5}.card-copy small{font-size:12px;letter-spacing:.06em}.card-status{font-size:14px;font-weight:700;color:var(--teal)}.context-note{padding:20px;background:#eee9dc;border-radius:8px;font-size:15px}.video-frame{width:100%;aspect-ratio:16/9;border:0;border-radius:12px;margin:20px 0}.course-summary{background:#e7eee6;padding:18px 22px;border-radius:12px;margin:25px 0}.home-privacy{font-size:14px;color:var(--muted);max-width:720px}.home-brand{font-size:14px;font-weight:700}.finish a{display:inline-block;margin-top:10px}.complete-message{padding:25px;background:#e2eddd;border-radius:12px;margin:20px 0}.next-question{margin:12px 0 0;display:inline-block;font-size:14px}.course-total{font-size:14px}.index-panel h2{font-size:30px}@media(max-width:800px){.catalog-grid{grid-template-columns:repeat(2,1fr)}.home-hero{grid-template-columns:1fr;gap:15px}.home-hero img{max-height:240px}.hero h1{font-size:42px}}@media(max-width:480px){.catalog-grid{grid-template-columns:1fr}.home-hero{padding:35px 22px}.catalog{padding:20px}.lesson-card{display:grid;grid-template-columns:95px 1fr}.lesson-card img{height:100%;min-height:160px}.card-copy{padding:17px}.card-copy h3{font-size:23px}.hero h1{font-size:38px}.home-actions a{width:100%;text-align:center}}@media print{#course-home,.video-section,.index-panel{display:none!important}.hero h1{font-size:32px}.narrow{padding:20px}.question{break-inside:auto}}
/* La Fe de Jesús · estudio personal y acompañamiento */
:root{--ink:#123c50;--teal:#125c78;--paper:#faf9f5;--muted:#526b78;--gold:#a77923;--lesson-color:#155a75}button,input,select,textarea{font:inherit}select,textarea{max-width:100%}button,.link-button{border-radius:10px}header{border-bottom:1px solid #e4e6e4;max-width:1280px}.course-logo{width:64px;height:64px;object-fit:contain}.brand img{width:112px}header>span{font-size:13px}header button{white-space:nowrap}main{min-height:60vh}h1{letter-spacing:-.04em}h2{letter-spacing:-.02em}.home-hero{max-width:1180px;margin:0 auto;padding:62px 30px 45px;gap:65px;align-items:center}.home-hero h1{font-size:clamp(58px,7vw,88px)}.home-hero>img.home-logo{width:100%;max-width:430px;height:auto;border-radius:50%;filter:drop-shadow(0 15px 30px #173d3b12)}.home-hero .home-privacy{font-size:14px;max-width:560px}.entry-section{max-width:1180px;margin:0 auto;padding:30px}.entry-section>h2{font-size:42px}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.entry-grid article{background:#fff;border:1px solid #d9e2e4;border-top:4px solid #1b607a;border-radius:15px;padding:30px;box-shadow:0 8px 24px #173d3b05}.entry-grid article:nth-child(2){border-top-color:#b38b36}.entry-number{color:#9a751f;font:18px Georgia,serif}.entry-grid h3{font-size:29px;margin:12px 0}.entry-grid p{color:var(--muted);font-size:16px;max-width:470px}.entry-grid a,.entry-grid .hint{display:block;margin-top:16px;font-size:14px}.catalog{max-width:1180px;margin:0 auto;padding:40px 30px 70px}.catalog-grid{gap:22px}.lesson-card{border-top:5px solid var(--lesson-color);box-shadow:0 4px 18px #173d3b06}.lesson-card .card-copy small,.lesson-card .card-status{color:var(--lesson-color)}.lesson-card h3{font-size:25px}.lesson-card img{background:#f3f4ef}.hero{border-top:5px solid var(--lesson-color);padding-top:40px}.hero h1{font-size:clamp(40px,5vw,65px)}.hero .eyebrow,.lesson-tools .eyebrow{color:var(--lesson-color)}.progress-bar{background:var(--lesson-color)}.lesson-tools{max-width:1000px;background:#fff;border:1px solid #dce3e5;border-radius:18px;padding:35px;margin:20px auto 35px}.study-diagram{margin:24px 0;padding:26px;background:#f6f7f3;border:1px solid #dfe5e2;border-radius:12px}.study-diagram figcaption{font:25px/1.25 Georgia,serif;color:var(--lesson-color);margin-bottom:24px}.study-diagram ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;list-style:none;margin:0;padding:0}.study-diagram li{position:relative;padding:20px 16px;background:white;border:1px solid #dbe3e2;border-bottom:3px solid var(--lesson-color);border-radius:10px;font-size:15px;line-height:1.5}.study-diagram li:not(:last-child):after{content:'→';position:absolute;right:-23px;top:40%;color:var(--lesson-color);font-size:22px}.study-diagram li span{display:block;width:30px;height:30px;border-radius:50%;background:var(--lesson-color);color:white;text-align:center;margin-bottom:12px;font-size:14px;line-height:30px}.study-diagram>p{font-size:12px;color:var(--muted);margin:20px 0 0}.conversation-guide{border-bottom:1px solid var(--line)}.tool-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.tool-actions button,.tool-actions a{font-size:14px}.accompaniment{background:#edf3f5;border:1px solid #d4e1e7;border-radius:16px;margin:24px auto}.accompaniment label,.folder-content label,dialog label{display:block;margin:18px 0;font-size:15px;font-weight:650}.accompaniment input:not([type=checkbox]),.accompaniment textarea,.folder-content input,.folder-content select,.folder-content textarea,dialog input:not([type=checkbox]),dialog select,dialog textarea{display:block;width:100%;border:1px solid #b8c8ce;border-radius:8px;padding:12px;background:#fff;margin-top:8px;color:var(--ink)}.shared-message{background:#fff;border-left:3px solid #b68a32;padding:16px 20px;margin:20px 0;font-size:15px}.shared-message p{white-space:pre-wrap;margin:8px 0}.instructor-head{max-width:1250px;margin:0 auto;padding:45px 30px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.instructor-head h1{font-size:48px;margin:12px 0}.instructor-head p{font-size:15px}.instructor-layout{max-width:1250px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;margin:0 auto;padding:10px 30px 70px}.instructor-layout aside{padding:22px;background:#edf2f3;border:1px solid #dce4e5;border-radius:14px;align-self:start}.instructor-layout aside h2{font-size:27px}.instructor-layout aside>button{width:100%;font-size:15px}.folder-list{display:grid;gap:10px;margin:22px 0}.folder-list button{text-align:left;background:white;border-color:#d1dde1;overflow-wrap:anywhere;font-size:14px;padding:15px}.folder-list button[aria-current=true]{border-color:var(--teal);box-shadow:inset 4px 0 var(--teal)}.folder-list small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:8px}.folder-content{min-width:0;background:white;border:1px solid #dde4e5;border-radius:15px;padding:30px}.folder-title h2{font-size:35px;overflow-wrap:anywhere}.folder-title progress{width:100%;height:10px;accent-color:var(--teal)}.folder-title p{font-size:14px}.folder-empty{padding:35px 10px;text-align:center}.folder-empty img{border-radius:50%}.folder-empty label{text-align:left}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.personal-complete{padding:12px;background:#e9f2e8;font-size:14px}.instructor-welcome{max-width:800px;padding:60px 30px;margin:0 auto}.instructor-welcome h1{font-size:52px}.loading{padding:60px;text-align:center}dialog{border:1px solid #c2cfd4;border-radius:18px;max-width:650px;width:calc(100% - 32px);max-height:90dvh;color:var(--ink);background:#fffdf8;padding:28px}dialog::backdrop{background:#0a263bb8;backdrop-filter:blur(3px)}#teaching-dialog{max-width:1080px;padding:32px 42px}#teaching-dialog h1{font-size:42px}#teaching-dialog h2{font-size:34px}#teaching-dialog .teaching-page{min-height:340px;font-size:21px}#teaching-dialog .teaching-page .scripture p{font-size:24px}.teaching-top,.teaching-nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.teaching-top>span{font-size:12px;letter-spacing:.08em;font-weight:750}.teaching-top button{font-size:14px}.teaching-count{font-size:14px;color:var(--lesson-color);padding:12px 0;border-bottom:1px solid var(--line)}.teaching-page{padding:20px 0}.teaching-nav{border-top:1px solid var(--line);padding-top:22px}.large-reading .narrow{font-size:22px;max-width:1000px}.large-reading .scripture p{font-size:24px}.large-reading .choice{font-size:20px}.answer-lines{padding:20px 0;color:#697881;font-size:13px}.print-question{break-inside:avoid;border-top:1px solid #ccc;padding-top:12px}.print-question h3{font-size:22px}#invite-status input{font-size:14px;font-family:monospace;letter-spacing:.03em}
@media(max-width:850px){.instructor-layout{grid-template-columns:1fr}.folder-list{grid-template-columns:repeat(2,minmax(0,1fr))}.instructor-layout aside .hint{font-size:12px}.lesson-tools{margin:20px}.entry-grid{gap:15px}.entry-grid article{padding:23px}.home-hero{gap:25px}.home-hero>img.home-logo{max-width:330px}header>span{display:none}}
@media(max-width:600px){header{gap:10px}.brand img{width:85px}.course-logo{width:48px;height:48px}header button{padding:8px;font-size:11px}.home-hero{display:flex;flex-direction:column-reverse;padding:28px 22px}.home-hero>img.home-logo{max-width:210px;align-self:center}.home-hero h1{font-size:56px;margin:12px 0}.home-hero .subtitle{font-size:23px}.home-actions{flex-wrap:wrap}.entry-section{padding:20px}.entry-section>h2{font-size:33px}.entry-grid{grid-template-columns:1fr}.catalog{padding:35px 20px}.study-diagram{padding:20px}.study-diagram ol{grid-template-columns:1fr;gap:25px}.study-diagram li{padding:15px}.study-diagram li span{display:inline-block;margin:0 12px 0 0}.study-diagram li:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-27px}.lesson-tools{padding:22px}.instructor-head{padding:25px 20px;display:block}.instructor-head h1{font-size:38px}.instructor-layout{padding:0 15px 45px}.folder-content{padding:22px 18px}.form-pair{grid-template-columns:1fr;gap:0}.folder-list{grid-template-columns:1fr}.instructor-welcome h1{font-size:40px}#teaching-dialog{padding:22px 18px}#teaching-dialog h2{font-size:28px}#teaching-dialog .teaching-page .scripture p{font-size:21px}.teaching-top{gap:10px}.teaching-top button{font-size:12px;padding:8px}.teaching-top>span{font-size:10px}.tool-actions>*{width:100%;text-align:center}.hero h1{font-size:43px}}
@media print{body:has(#teaching-dialog[open])>*:not(#teaching-dialog){display:none!important}#teaching-dialog[open]{position:static!important;display:block!important;overflow:visible!important;max-height:none!important;width:100%!important;max-width:none!important;border:0!important;padding:0!important;font-size:11pt;background:#fff}#teaching-dialog .teaching-top button,#teaching-dialog .tool-actions{display:none!important}#teaching-dialog::backdrop{display:none}#teaching-dialog .study-diagram{padding:15px}#teaching-dialog h2{font-size:22pt}#teaching-dialog h1{font-size:28pt}.print-question p{font-size:11pt;margin:5px 0}.print-question h3{font-size:15pt;margin:12px 0}.study-diagram ol{grid-template-columns:repeat(3,1fr)}.study-diagram li{font-size:10pt}.study-diagram{break-inside:avoid}}

/* Ilustraciones entregadas para cada estudio */
.art.has-painting{border-radius:18px;background:#fffaf2;overflow:hidden}.art.has-painting>img{width:100%;height:auto;max-height:none;object-fit:contain;display:block}.lesson-card>img{object-fit:cover;object-position:center 30%;aspect-ratio:4/3}.supporting-painting{max-width:480px;margin:30px auto;background:#fffaf2;border:1px solid #e1d8c5;border-radius:12px;overflow:hidden}.supporting-painting img{width:100%;height:auto;display:block}.supporting-painting figcaption{font:18px/1.5 Georgia,serif;text-align:center;padding:15px}.teaching-intro{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;align-items:center}.teaching-intro>img{width:100%;height:auto;max-height:340px;object-fit:contain;border-radius:10px}@media(max-width:600px){.teaching-intro{grid-template-columns:1fr;gap:15px}.teaching-intro>img{max-height:260px}.art.has-painting{max-width:440px;margin:auto}.art.has-painting>img{max-height:none;height:auto}}