:root{color-scheme:light;--bg:#f7f5f0;--paper:#fffefa;--ink:#172b2a;--secondary:#52605d;--teal:#0d625c;--teal-light:#e4efeb;--gold:#ac7440;--gold-soft:#f5eade;--line:#dedfd8;--muted:#edeee8;--red:#ad3e39;--max:950px;--radius:20px;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.53}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c8864e;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.55}img{max-width:100%}.app-shell{max-width:var(--max);margin:0 auto;min-height:100svh;padding-bottom:calc(98px + env(safe-area-inset-bottom))}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,45px);background:var(--bg);border-bottom:1px solid rgba(20,51,46,.07)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none}.brandmark{background:#105f56;color:white;width:43px;height:43px;border-radius:14px;display:grid;place-items:center;font-family:Georgia,serif;font-size:27px;position:relative;letter-spacing:-4px;padding-right:4px}.brandmark span{font-family:Arial,sans-serif;font-size:21px;position:absolute;right:7px;top:-6px;color:#f4c080}.brand-name{font-size:13px;letter-spacing:.14em;font-weight:800;line-height:1.3}.brand-name small{display:block;letter-spacing:0;font-weight:500;color:var(--secondary);font-size:11px;margin-top:3px}.connection{border:1px solid var(--line);border-radius:30px;padding:6px 10px;font-size:11px;color:var(--secondary);white-space:nowrap}.connection.offline{background:var(--gold-soft);color:#835326}.screen{padding:26px clamp(18px,5vw,45px) 36px}.eyebrow{font-size:11px;color:var(--teal);text-transform:uppercase;letter-spacing:.17em;font-weight:800;margin:0 0 8px}.display{font-family:Georgia,"Times New Roman",serif;font-weight:normal;letter-spacing:-.045em;font-size:clamp(35px,7.4vw,61px);line-height:1.06;margin:0}.heading{font-family:Georgia,serif;font-size:clamp(29px,5vw,38px);line-height:1.18;font-weight:normal;letter-spacing:-.037em;margin:0 0 8px}.subhead{font-size:15px;color:var(--secondary);max-width:600px;margin:10px 0 0}.section-top{display:flex;justify-content:space-between;gap:14px;align-items:end;margin:32px 0 16px}.section-top h2{font-family:Georgia,serif;font-size:26px;line-height:1.2;letter-spacing:-.03em;margin:0;font-weight:normal}.link-button{font-weight:700;color:var(--teal);font-size:13px;text-decoration:none;white-space:nowrap;background:none;border:0;padding:9px 0}.link-button:hover{text-decoration:underline}.hero{background:#e5e9e0;display:grid;grid-template-columns:1.08fr .92fr;min-height:350px;border-radius:22px;overflow:hidden;position:relative}.hero-copy{padding:clamp(24px,4vw,43px);display:flex;flex-direction:column;align-items:start;justify-content:center;z-index:1}.hero-copy .display{font-size:clamp(37px,6.5vw,62px);margin:8px 0 15px}.hero-desc{font-size:15px;color:#39524e;max-width:340px;margin:0 0 26px}.hero-figure{position:relative;overflow:hidden;background:#9c9787}.hero-figure img{width:100%;height:100%;object-fit:cover;object-position:center 24%;display:block;min-height:350px}.hero-credit{position:absolute;bottom:7px;right:9px;color:#fff;background:rgba(15,30,28,.62);border-radius:30px;padding:3px 8px;font-size:9px}.hero-figure.fallback{background:linear-gradient(150deg,#ac8f6f,#5b6e5c)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:14px;border:1px solid transparent;padding:13px 18px;font-weight:750;font-size:14px;line-height:1.25;min-height:48px;text-decoration:none;transition:transform .15s,background .15s}.button:active{transform:scale(.985)}.button.primary{background:var(--teal);color:white}.button.primary:hover{background:#074c47}.button.secondary{border-color:#c8d2ca;background:var(--paper);color:var(--ink)}.button.danger{color:var(--red);background:#fce9e7;border-color:#f2cdc9}.button.full{width:100%}.button.small{padding:10px 14px;min-height:41px;font-size:13px}.text-button{background:none;border:0;color:var(--teal);font-size:14px;padding:7px 2px;font-weight:700}.arrow-icon{font-size:16px}.intro-panel{border-left:3px solid #c68f5a;padding:0 0 0 17px;margin:30px 0}.intro-panel p{font-family:Georgia,serif;font-size:22px;line-height:1.35;margin:0 0 9px;letter-spacing:-.02em}.intro-panel small{font-size:12px;color:var(--secondary)}.section-divider{border:0;height:1px;background:var(--line);margin:25px 0}.card{background:var(--paper);border:1px solid #e7e9e1;border-radius:var(--radius);padding:20px}.row-card{display:flex;align-items:center;justify-content:space-between;gap:18px}.muted{color:var(--secondary)}.fineprint{font-size:12px;color:var(--secondary)}.card-title{font-size:17px;font-weight:750;line-height:1.35;margin:4px 0 6px}.card p{margin:5px 0}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:50px;background:var(--teal-light);padding:5px 10px;font-size:11px;color:var(--teal);font-weight:750}.pill.sand{background:var(--gold-soft);color:#926139}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.feature-tile{text-decoration:none;border-radius:19px;min-height:125px;padding:19px;display:flex;justify-content:space-between;flex-direction:column;background:#e8efe9}.feature-tile:nth-child(2){background:#f3e8d9}.feature-tile:nth-child(3){background:#e9edef}.feature-tile:nth-child(4){background:#f0ede4}.feature-tile b{font-size:16px}.feature-tile small{font-size:12px;color:var(--secondary)}.feature-tile svg{color:var(--teal)}.tabbar{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,var(--max));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #dfe1d8;background:rgba(255,254,251,.96);padding:9px 5px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -9px 26px rgba(18,46,39,.05);backdrop-filter:blur(18px)}.tabbar a{min-height:54px;text-decoration:none;display:flex;gap:3px;align-items:center;justify-content:center;flex-direction:column;border-radius:12px;color:#61716b}.tabbar small{font-size:10px;letter-spacing:-.01em;font-weight:650;white-space:nowrap}.tabbar a.active{background:var(--teal-light);color:var(--teal)}svg.icon{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.tabbar svg{width:21px;height:21px}.page-header{margin-bottom:25px}.page-header .heading{margin-top:3px}.search-field{position:relative;margin:20px 0}.search-field input{padding-left:44px}.search-field svg{position:absolute;top:16px;left:15px;color:#77857f}.filter-row{display:flex;gap:7px;overflow-x:auto;padding:0 0 9px;margin-bottom:12px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border-radius:25px;border:1px solid #cbd2cb;background:var(--paper);color:var(--secondary);padding:8px 13px;font-size:12px;font-weight:700}.chip.selected{background:var(--teal);border-color:var(--teal);color:#fff}.lesson-list,.resource-list,.event-list{display:flex;flex-direction:column;gap:10px}.lesson-item{display:grid;grid-template-columns:41px 1fr 24px;align-items:center;gap:8px;border:1px solid #e3e5db;border-radius:16px;background:var(--paper);width:100%;text-align:left;padding:17px 16px}.lesson-item .number{font-family:Georgia,serif;color:#c0844d;font-size:21px}.lesson-item strong{display:block;font-size:15px;line-height:1.3}.lesson-item small{font-size:11px;color:var(--secondary)}.lesson-item svg{color:var(--teal);width:18px}.back-link{font-size:13px;font-weight:750;border:0;padding:11px 0;background:none;color:var(--teal);margin:0 0 12px}.lesson-body .heading{margin-bottom:23px}.lesson-body h2{font-family:Georgia,serif;font-weight:normal;font-size:23px;margin:28px 0 9px}.lesson-body p{font-size:16px;line-height:1.7}.article-box{background:#eef2eb;border-left:3px solid var(--teal);padding:15px 18px;border-radius:0 14px 14px 0;margin:17px 0}.article-box p{margin:4px 0 0}.article-box strong{font-size:11px;letter-spacing:.08em;color:var(--teal);text-transform:uppercase}.lesson-footer{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.steps{display:grid;gap:12px;margin-top:16px}.step{padding:20px;border-radius:19px;border:1px solid var(--line);background:var(--paper)}.step h3{font-size:19px;font-family:Georgia,serif;font-weight:normal;margin:0 0 9px}.step ul{padding-left:19px;margin:8px 0 0}.step li{margin:8px 0}.agenda-actions{display:flex;gap:10px;margin:20px 0}.agenda-actions button{flex:1}.calendar-nav{display:flex;align-items:center;justify-content:space-between;gap:10px}.calendar-nav h2{font-family:Georgia,serif;font-size:23px;font-weight:normal;margin:0;text-transform:capitalize}.icon-button{border:1px solid var(--line);background:var(--paper);border-radius:12px;min-width:44px;height:44px;font-size:22px;display:inline-grid;place-items:center;color:var(--ink)}.calendar{background:var(--paper);padding:13px;border-radius:18px;border:1px solid var(--line);margin:16px 0 22px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar-grid .weekday{text-align:center;color:var(--secondary);font-size:10px;font-weight:800;padding:7px 0}.calendar-day{min-width:0;aspect-ratio:1/1;border:0;background:transparent;border-radius:10px;position:relative;font-size:13px;display:flex;justify-content:center;align-items:center}.calendar-day.muted{opacity:.32}.calendar-day.today{border:1px solid var(--teal)}.calendar-day.selected{background:var(--teal);color:white}.calendar-day.has-event::after{content:'';position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:#b77b42}.calendar-day.selected::after{background:white}.event-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:13px;align-items:start;border-radius:16px;background:var(--paper);border:1px solid var(--line);padding:17px 14px}.event-date{text-align:center;background:#e7efeb;border-radius:11px;padding:8px 4px;color:var(--teal);font-size:18px;font-weight:800;line-height:1.1}.event-date small{display:block;font-size:10px;letter-spacing:.07em;font-weight:700;margin-bottom:4px}.event-card h3{margin:0 0 3px;font-size:15px}.event-card p{margin:0;font-size:12px;color:var(--secondary)}.event-card.done{opacity:.7}.event-menu{display:flex;gap:3px;align-items:center}.mini-action{border:0;background:transparent;color:var(--teal);padding:8px;border-radius:8px;min-height:38px;min-width:35px}.mini-action.danger{color:var(--red)}.empty{background:var(--paper);border:1px dashed #cdd7cd;border-radius:18px;padding:30px 20px;text-align:center}.empty svg{color:var(--teal);width:32px;height:32px}.empty h3{font-family:Georgia,serif;font-size:21px;font-weight:normal;margin:10px 0 7px}.empty p{color:var(--secondary);font-size:13px;max-width:290px;margin:0 auto 16px}.settings-card{background:var(--paper);border:1px solid var(--line);border-radius:19px;padding:21px;margin:14px 0}.settings-card h2{font-size:18px;margin:2px 0 5px}.settings-card p{color:var(--secondary);font-size:13px}.settings-card .button{margin-top:10px}.status-row{display:flex;gap:10px;align-items:center;justify-content:space-between}.status-label{font-size:12px;padding:6px 10px;background:var(--muted);border-radius:15px;white-space:nowrap}.status-label.ok{color:var(--teal);background:var(--teal-light)}.settings-card label{display:block;margin:15px 0 7px;font-size:13px;font-weight:700}.weekly-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.install-steps{margin:0;padding:0;list-style:none;counter-reset:ins}.install-steps li{counter-increment:ins;display:flex;gap:10px;font-size:14px;margin:11px 0}.install-steps li:before{content:counter(ins);display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;border-radius:50%;background:var(--teal-light);color:var(--teal);font-size:12px;font-weight:800}label{display:block;font-size:13px;font-weight:750}input,select,textarea{color:var(--ink);background:#fffefa;border:1px solid #c6d0c8;border-radius:12px;padding:12px 13px;min-height:48px;width:100%;margin-top:7px}input:focus,select:focus,textarea:focus{border-color:var(--teal)}textarea{resize:vertical;min-height:85px}.optional{color:var(--secondary);font-weight:400;font-size:11px}.field-hint{font-size:12px;color:#895b39;margin:2px 0 14px}dialog{width:min(94vw,520px);max-height:min(92dvh,850px);border:0;border-radius:23px;padding:0;background:var(--bg);box-shadow:0 23px 100px #142b2a4a}dialog::backdrop{background:#0e2725a1}dialog[open]{animation:appear .17s ease-out}.activity-form{padding:24px;max-height:90dvh;overflow-y:auto}.dialog-head{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:23px}.dialog-head h2{font-family:Georgia,serif;font-size:29px;font-weight:normal;margin:0}.activity-form label{margin-bottom:17px}.activity-form .form-split{display:grid;grid-template-columns:1fr 1fr;gap:13px}.dialog-actions{display:flex;gap:9px;margin-top:23px}.dialog-actions .button{flex:1}.toast{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translate(-50%,20px);z-index:30;opacity:0;pointer-events:none;background:#173e3b;color:#fff;padding:11px 17px;border-radius:13px;box-shadow:0 12px 25px #172b2a33;max-width:calc(100vw - 40px);font-size:13px;transition:opacity .15s,transform .15s}.toast.show{opacity:1;transform:translate(-50%,0)}.privacy-strip{border-top:1px solid var(--line);font-size:11px;line-height:1.6;color:var(--secondary);margin-top:38px;padding-top:18px}.privacy-strip a{color:var(--teal)}.resource-card{display:flex;justify-content:space-between;gap:12px;text-decoration:none;padding:17px 18px;background:var(--paper);border:1px solid var(--line);border-radius:16px}.resource-card strong{display:block;font-size:15px;margin:4px 0}.resource-card p{font-size:12px;color:var(--secondary);margin:3px 0}.resource-card svg{color:var(--teal);align-self:center;width:17px}.resource-card .eyebrow{font-size:9px}.compact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.backup-actions{display:flex;gap:10px;flex-wrap:wrap}.backup-actions button{flex:1}.form-help{font-size:12px;color:var(--secondary)}.view-toggle{display:flex;gap:4px;background:#e7eae3;padding:4px;border-radius:12px}.view-toggle button{border:0;background:transparent;border-radius:9px;padding:7px 11px;font-size:12px;color:var(--secondary)}.view-toggle button.active{background:white;color:var(--teal);box-shadow:0 1px 4px #0000000d}.week-list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:15px 0}.week-list button{padding:10px 1px;display:flex;flex-direction:column;gap:6px;align-items:center;border:1px solid var(--line);background:var(--paper);border-radius:12px;font-size:13px}.week-list button small{font-size:10px;color:var(--secondary)}.week-list button.selected{background:var(--teal);color:white}.week-list button.selected small{color:white}.notice{padding:13px 15px;border-radius:12px;background:var(--gold-soft);color:#6f4f30;font-size:13px;margin:15px 0}.inline-check{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--secondary)}.inline-check input{width:18px;min-height:18px;margin:0}.spaced{display:flex;gap:10px;align-items:center;justify-content:space-between}.quiet{color:var(--secondary);font-size:12px}.footer-actions{margin-top:18px}.hidden{display:none!important}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.topbar{height:69px}.screen{padding-top:21px}.hero{display:flex;flex-direction:column;min-height:0;border-radius:20px}.hero-copy{padding:27px 25px 24px}.hero-copy .display{font-size:41px;max-width:310px}.hero-desc{margin-bottom:18px}.hero-figure{height:255px;order:-1}.hero-figure img{min-height:0;object-position:50% 29%}.hero-copy .eyebrow{font-size:10px}.feature-tile{padding:16px;min-height:115px}.event-card{grid-template-columns:47px minmax(0,1fr);gap:10px}.event-menu{grid-column:2;justify-self:start;margin-left:-8px}.connection{font-size:10px}.screen{padding-bottom:25px}}@media(max-width:355px){.brand-name{font-size:11px}.brandmark{width:38px;height:38px}.tabbar small{font-size:9px}.screen{padding-left:14px;padding-right:14px}.hero-copy .display{font-size:35px}.activity-form{padding:17px}.agenda-actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* MINISTRAR · detalles editoriales, diagrama y cuenta */
.intro-panel svg{width:13px;height:13px;vertical-align:middle}.feature-tile svg{width:23px;height:23px}.guide-link{display:grid;grid-template-columns:53px 1fr 20px;align-items:center;gap:12px;text-decoration:none;padding:17px;background:#e2eae2;border-radius:19px;margin-bottom:24px}.guide-symbol{display:grid;place-items:center;width:49px;height:49px;border-radius:15px;background:#bfd9cf;color:#125d51}.guide-link strong{font-family:Georgia,serif;font-size:20px;font-weight:normal;display:block}.guide-link small{font-size:12px;color:var(--secondary);display:block;line-height:1.4;margin-top:3px}.subsection-label{font-family:Georgia,serif;letter-spacing:-.025em;font-size:22px;font-weight:normal;margin:22px 0 14px}.info-root{background:#153f3c;color:white;border-radius:20px;text-align:center;padding:32px 22px;max-width:670px;margin:auto}.info-root .eyebrow{color:#c3dace}.info-root h2{font-family:Georgia,serif;letter-spacing:-.05em;font-weight:normal;font-size:45px;margin:7px 0}.info-root p{font-size:15px;max-width:350px;margin:0 auto 10px;color:#e7f1e9}.info-root small{color:#a5c3b5}.info-stem{width:2px;height:27px;background:#a7bcb3;margin:auto}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:720px;margin:auto}.info-node{background:#f0f1e9;border:1px solid #dbe1d6;padding:22px 19px 19px;border-radius:18px;min-width:0}.info-node svg{width:25px;height:25px;display:block;margin:4px 0 15px;color:#14675b}.info-number{font-size:10px;font-weight:800;letter-spacing:.17em;color:#a6794c}.info-node h3{font-family:Georgia,serif;font-size:21px;font-weight:normal;letter-spacing:-.03em;margin:0 0 8px}.info-node p{font-size:13px;color:#50605a;margin:0;line-height:1.52}.info-convenant{background:#e9e5db;border-left:4px solid #bd905b;border-radius:0 18px 18px 0;padding:27px 24px;margin:24px 0}.info-convenant h2{font-family:Georgia,serif;font-weight:normal;letter-spacing:-.03em;font-size:28px;max-width:560px;margin:5px 0 12px}.info-convenant p:not(.eyebrow){font-size:15px;line-height:1.7;max-width:650px}.info-practice{background:#faf9f4;border:1px solid var(--line);border-radius:18px;padding:23px;margin-top:14px}.info-practice h2{font-family:Georgia,serif;font-size:24px;letter-spacing:-.025em;font-weight:normal;margin:0 0 8px}.info-practice p{font-size:16px}.info-practice .fineprint{font-size:12px}.auth-card{max-width:520px;margin:25px auto}.auth-card .view-toggle{margin-bottom:20px}.auth-card label{margin:18px 0}.auth-card label input{margin-top:8px}.auth-card .button{margin-top:12px}.restore-label{display:block;padding:15px 0;margin-top:12px}.restore-label input{background:var(--paper);font-size:12px}.session{border-top:1px solid var(--line);padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.session small{display:block;color:var(--secondary)}.conflict-actions{display:flex;gap:10px;margin:8px 0 14px;flex-wrap:wrap}.event-card .pill{margin-left:4px;vertical-align:middle}.event-card .icon{width:13px;height:13px;vertical-align:middle}.event-menu .icon{width:18px;height:18px}.status-row .icon,.button .icon{width:17px;height:17px}.privacy-strip svg{width:12px;height:12px;vertical-align:middle}.eyebrow{line-height:1.5}figure{margin:0}.article-box{background:#e8f0e9}.settings-card .notice{margin-bottom:10px}.topbar .brandmark{flex-shrink:0}
@media(max-width:640px){.info-root h2{font-size:35px}.info-node{padding:18px 13px}.info-node h3{font-size:19px}.info-node p{font-size:12px}.info-convenant{padding:22px 18px}.info-convenant h2{font-size:24px}.event-card .event-menu{display:flex;flex-wrap:wrap}.guide-link strong{font-size:18px}.hero-figure{background:#8b8d73}.hero-figure img{object-position:45% 35%}}
@media(max-width:390px){.event-menu .mini-action{min-width:37px;height:38px;padding:7px}.info-grid{gap:8px}.info-node{padding:14px 11px}.info-node h3{font-size:17px}.info-node p{font-size:12px}.guide-link{grid-template-columns:43px 1fr 18px;padding:14px}.guide-symbol{width:41px;height:41px}}


.topbar-actions{display:flex;align-items:center;gap:10px}.header-account{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--line);background:var(--paper);border-radius:13px;text-decoration:none}.header-account svg{width:21px;height:21px}.button-gap{margin-top:10px}.lesson-footer .button-gap{width:100%}@media(max-width:365px){.topbar-actions{gap:6px}.header-account{width:36px;height:36px}.connection{font-size:9px;padding:5px 7px}}


/* Editorial visual system v1.1 — light mode deliberately consistent on every OS */
:root {
  color-scheme: light;
  --bg: #f8f7f3;
  --paper: #ffffff;
  --ink: #142c2a;
  --secondary: #52645f;
  --teal: #075f56;
  --teal-light: #e1efea;
  --gold: #a96a38;
  --gold-soft: #fff0db;
  --line: #d3ded8;
  --muted: #e9f1ee;
  --red: #a83229;
  --max: 1020px;
  --radius: 18px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-synthesis: none;
}
html { font-size: 16px; scroll-padding-top: 92px; }
body { background: var(--bg); color: var(--ink); line-height: 1.62; }
button,input,textarea,select { font-size: 16px; }
a { text-underline-offset: 3px; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline: 3px solid #e99c45; outline-offset: 3px; }
.screen { padding: 30px clamp(20px, 4.5vw, 50px) 52px; }
.topbar { height: 82px; background: #fff; border-bottom: 1px solid var(--line); padding-inline: clamp(20px,4.5vw,50px); }
.brandmark { background: #0c574f; width: 45px; height: 45px; border-radius: 13px; }
.brand-name { color: #132e2a; font-size: 15px; letter-spacing: .12em; }
.brand-name small { color: #53655e; font-size: 12px; letter-spacing: .015em; }
.connection { color: #455d55; background: #edf5f0; border-color: #cbded4; font-size: 12px; font-weight: 650; }
.header-account { background:#f4f7f4; border-color:#d1ded6; }
.header-account svg { color:#1b5650; }
.eyebrow { font-size: 12px; letter-spacing:.105em; color: #076257; font-weight: 850; line-height: 1.4; margin-bottom:10px; }
.heading,.display,.section-top h2,.subsection-label { font-family: Georgia, 'Times New Roman', serif; font-weight:400; letter-spacing:-.04em; }
.heading { font-size: clamp(34px,4.6vw,48px); line-height:1.13; margin: 4px 0 12px; }
.subhead { font-size: 16px; line-height:1.6; max-width: 650px; color:#4a5d57; }
.page-header { margin: 0 0 30px; }
.section-top { margin: 36px 0 18px; align-items:center; }
.section-top h2 { font-size:clamp(25px,3.2vw,34px); line-height:1.17; margin: 4px 0 0; }
.link-button,.source-link { font-size: 14px; font-weight: 800; color:#075e55; text-decoration:none; display:inline-flex;align-items:center; gap:5px; }
.link-button svg,.source-link svg { width:16px;height:16px; }
.link-button:hover,.source-link:hover { text-decoration:underline; }
.button { font-size:15px; padding:14px 18px; min-height:50px; border-radius: 12px; font-weight: 750; }
.button.primary { background:#0b665b; color:#fff; }
.button.primary:hover { background:#084a44; }
.button.secondary { color:#0e534d; background:#fff; border-color:#afcfc5; }
.button.secondary:hover { background:#f0f8f4; }
.button .icon { width:17px;height:17px; }
.pill { font-size:12px; padding:7px 11px; }
.hero-editorial { grid-template-columns: 1.08fr .92fr; min-height:420px; background:#eaf1ec; border:1px solid #d5e3da; border-radius:22px; }
.hero-editorial .hero-copy { padding:clamp(28px,4.5vw,52px); }
.hero-editorial .hero-copy .eyebrow { color:#14655a; }
.hero-editorial .display { color:#15332f; font-size:clamp(43px,5.3vw,66px); max-width: 510px; margin:7px 0 18px; line-height:1.07; }
.hero-editorial .display em { font-weight:400; font-style:italic; color:#0c6258; }
.hero-editorial .hero-desc { color:#31504a; font-size:16px; line-height:1.65; max-width:420px; margin:0 0 24px; }
.hero-figure { background:#c0b5a0; position:relative; }
.hero-editorial .hero-figure img { object-position:32% center; min-height:420px; filter:none; }
.hero-credit { font-size:11px; bottom:13px; right:13px; padding:5px 9px; background:#102922c9; }
.hero-actions { display:flex; gap:14px; align-items:center; flex-wrap:wrap; }
.hero-text-link { font-size:14px; color:#0d534b; font-weight:800; text-decoration:none; display:inline-flex; align-items:center; gap:5px; min-height:44px; }
.hero-text-link .icon { width:15px;height:15px; }
.home-doctrine { padding:26px 9px 25px; border-bottom:1px solid #d3ded7; display:grid; grid-template-columns:50px 1fr; gap:16px; align-items:start; }
.doctrine-mark { color:#b98c5c; font:normal 78px/.9 Georgia,serif; }
.home-doctrine blockquote { font-family:Georgia,serif; font-size:clamp(21px,2.8vw,28px); line-height:1.34; letter-spacing:-.025em; margin:0 0 13px; color:#1d3e36; }
.home-doctrine .eyebrow { margin:3px 0 11px; }
.home-quick .section-top { margin-top:37px; }
.quick-main { display:grid; grid-template-columns:62px 1fr 28px; gap:18px; align-items:center; padding:26px; border-radius:19px; text-decoration:none; color:#163c38; background:#dcece7; border:1px solid #c3ded3; }
.quick-main-icon { display:grid; place-items:center; width:60px;height:60px; border-radius:16px; background:#fff; color:#12665e; }
.quick-main-icon svg { width:30px;height:30px; }
.quick-main-content { display:flex;flex-direction:column;align-items:start;gap:4px; }
.quick-main-content .eyebrow { margin:0; font-size:11px; }
.quick-main-content strong { font:normal clamp(22px,3vw,30px)/1.2 Georgia,serif; letter-spacing:-.03em; }
.quick-main-content > span:last-child { font-size:14px; color:#36554e; }
.quick-main-arrow { color:#096459; }
.quick-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px; }
.quick-item { display:grid; grid-template-columns:48px 1fr 17px; grid-template-rows:auto auto; gap:1px 13px; padding:19px; min-height:100px; align-items:center; border:1px solid #d9e1d9; background:#fff; border-radius:17px; text-decoration:none; }
.quick-item-symbol { display:grid;place-items:center;grid-row:1/3;width:44px;height:44px;background:#f1f3ed;border-radius:12px;color:#12695e; }
.quick-item-symbol .icon { width:24px;height:24px; }
.quick-item strong { font-size:16px;line-height:1.3;color:#1a3a35; }
.quick-item >span:nth-of-type(2) { font-size:13px;line-height:1.35;color:#536960; }
.quick-item > svg:last-child { grid-column:3;grid-row:1/3;width:16px;height:16px;color:#0a635b; }
.home-next .section-top { margin-top: 39px; }
.empty { border:1px solid #d3e0d7; background:#fff; padding:30px 24px; text-align:center; }
.empty h3 { color:#1e4037; font-size:23px; }
.empty p { font-size:14px; max-width:390px; }
.welcome-empty { display:flex; align-items:center; gap:22px; text-align:left; padding:26px; }
.welcome-empty h3 { margin:0 0 6px; }
.welcome-empty p { margin:0 0 18px; max-width:520px; }
.empty-symbol { display:grid;place-items:center;flex-shrink:0;width:62px;height:62px;background:#e7f1ec;color:#0f6658;border-radius:18px; }
.empty-symbol .icon {width:30px;height:30px;}
.privacy-strip { font-size:12px; color:#53645f; line-height:1.6; padding-top:20px; margin-top:36px; }
/* Aprender */
.learn-feature { display:grid;grid-template-columns:1.15fr .85fr; min-height:250px; color:#fff; background:#174b47; border-radius:20px; overflow:hidden; text-decoration:none; }
.learn-feature-body { z-index:1; padding:28px 30px; display:flex;flex-direction:column;justify-content:center;align-items:start; }
.learn-feature .eyebrow { color:#c4e9df; }
.learn-feature h2 { font:normal clamp(27px,3.6vw,42px)/1.1 Georgia,serif; letter-spacing:-.04em; margin:8px 0 11px; color:#fff; }
.learn-feature h2 em { color:#e7c8a0; }
.learn-feature p:not(.eyebrow) {font-size:15px;line-height:1.5;color:#e3f1ea;max-width:360px;margin:0 0 18px;}
.learn-feature-link {font-size:14px;font-weight:800;display:inline-flex;align-items:center;gap:8px;color:#fff;border-bottom:1px solid #bdcec9;padding-bottom:5px;}
.learn-feature-image { min-height:250px;background:#796c5b url('/images/ministracion-hogar-mongolia.jpg') 24% center / cover no-repeat; }
.learning-intro { border-bottom:1px solid var(--line); padding:34px 0 22px; margin-bottom:25px; }
.learning-intro h2,.visual-heading h2 { font:normal clamp(26px,3.7vw,34px)/1.15 Georgia,serif;letter-spacing:-.035em;margin:0 0 8px; }
.learning-intro p:not(.eyebrow),.visual-heading p:not(.eyebrow) { color:#536960; font-size:15px; margin:0; }
.learning-groups { display:grid; gap:30px; }
.learning-group-head { margin-bottom:12px; }
.learning-group-head h3 { font:normal 25px/1.2 Georgia,serif; letter-spacing:-.025em;margin:0 0 4px;color:#153c36; }
.learning-group-head p { font-size:14px;color:#596960;margin:0; }
.lesson-list { gap:0; border:1px solid #d7e1db; border-radius:17px; background:#fff; overflow:hidden; }
.lesson-item { border:0; border-radius:0; border-bottom:1px solid #e2eae5; padding:18px 17px; min-height:77px; gap:12px; grid-template-columns:41px minmax(0,1fr) 22px; text-decoration:none; color:#193830; }
.lesson-item:last-child { border-bottom:0; }
.lesson-item:hover,.lesson-item:focus-visible {background:#f0f8f4;}
.lesson-item .number {font:normal 22px/1 Georgia,serif;color:#aa7549;}
.lesson-item strong { text-decoration:none; font-size:16px; font-weight:750; }
.lesson-item small { font-size:12px;line-height:1.45;display:block;margin-top:4px;color:#567067; text-decoration:none; }
.lesson-item svg { color:#0b6258; }
.subsection-label { font-size:26px; }
.steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.step { background:#fff; padding:23px 20px; border-color:#d4dfd7; }
.step h3 { font-size:21px;color:#1b3c35; }
.step li {font-size:14px;line-height:1.5;}
/* Visual guide */
.visual-savior { display:grid; grid-template-columns:.9fr 1.1fr; background:#e7f0e8; border:1px solid #d1e1d5; border-radius:20px; overflow:hidden; }
.visual-savior-photo .hero-figure { height:100%;min-height:315px; }
.visual-savior-photo .hero-figure img { height:100%;width:100%;min-height:315px;object-fit:cover;object-position:22% center; }
.visual-savior-text { padding:clamp(23px,4vw,40px); align-self:center; }
.visual-savior-text h2 { font:normal clamp(30px,4vw,44px)/1.13 Georgia,serif;letter-spacing:-.045em;margin:7px 0 14px;color:#1c453b; }
.visual-savior-text h2 em { color:#0b6b59; }
.visual-savior-text p:not(.eyebrow) { font-size:16px; color:#365c51;line-height:1.6; }
.visual-flow { display:flex;align-items:center;justify-content:center;gap:12px;padding:22px 14px;margin:22px 0 26px;border-block:1px solid #d2dfd7; }
.visual-flow span { font-weight:800;font-size:12px;line-height:1.4;color:#266055;letter-spacing:.055em;text-align:center; }
.visual-flow .icon {width:19px;height:19px;}
.visual-heading { margin-bottom:17px; }
.info-grid { max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px; }
.info-node { background:#fff; padding:23px; border:1px solid #d6e2da; border-radius:17px; }
.info-node-top {display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;}
.info-node .info-number {font-size:12px;font-weight:800; color:#a2673d; }
.info-node .info-symbol { display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e5f1ed; }
.info-node .info-symbol svg {margin:0;width:24px;height:24px; color:#0e675b; }
.info-node h3 { font-size:24px;color:#153b34;margin:0 0 8px; }
.info-node p {color:#4d625b;font-size:15px;line-height:1.56;}
.covenant-story {display:grid; grid-template-columns:65px 1fr;gap:20px; background:#faebd5; border:1px solid #ead4b1; border-radius:20px; padding:30px; margin:26px 0 15px; }
.covenant-symbol {display:grid;place-items:center;align-self:start;width:58px;height:58px;border-radius:17px;background:#fff5e7;color:#9b613b;}
.covenant-symbol svg {width:29px;height:29px;}
.covenant-story .eyebrow { color:#8b542f; }
.covenant-story h2 {font:normal clamp(26px,3.4vw,34px)/1.18 Georgia,serif; letter-spacing:-.03em;color:#4d3929;margin:0 0 13px;}
.covenant-story p:not(.eyebrow){font-size:15px;line-height:1.6;color:#614f3d;}
.covenant-story .source-link{color:#7b4929;}
.practice-panel {padding:28px 31px;background:#174a43;border-radius:20px;color:#fff;margin-top:17px;}
.practice-panel .eyebrow {color:#c0e2d6;}
.practice-panel h2 {font:normal 31px/1.18 Georgia,serif;letter-spacing:-.03em;margin:0 0 10px;color:#fff;}
.practice-panel p {max-width:620px;font-size:15px;color:#e9f2ed;}
.practice-panel .fineprint {color:#c2d6ce;font-size:12px;}
.practice-panel .button.primary {background:#e7f3ee;color:#124d44;margin-top:6px;}
.practice-panel .button.primary:hover {background:#fff;}
/* Shared interface */
.tabbar {background:#ffffffed;border-top:1px solid #d3ddd7;box-shadow:0 -8px 26px #1437290a;padding:7px 9px calc(8px + env(safe-area-inset-bottom));}
.tabbar a {min-height:60px;color:#4d655d;gap:4px;}
.tabbar a.active { background:#e1eee8; color:#075e54; }
.tabbar small {font-size:11px;font-weight:750;}
.tabbar svg {width:22px;height:22px;}
.card,.settings-card,.calendar,.resource-card,.event-card { background:#fff; border-color:#d7e3db; }
.card {padding:24px;}
.settings-card {padding:24px;}
.settings-card h2 {font-size:20px;color:#173c34;}
.settings-card p,.resource-card p,.event-card p {font-size:14px;line-height:1.55;color:#53655e;}
.resource-card {padding:21px 22px;border-radius:15px;align-items:center;text-decoration:none;}
.resource-card strong {font-size:17px;color:#173b33;}
.resource-card .eyebrow {font-size:11px;}
.resource-card:hover {background:#f5faf7;}
.chip {font-size:13px;min-height:40px;padding:8px 14px;color:#35584f;}
.chip.selected {background:#0b655a;color:#fff;}
.search-field input {padding-left:47px;}
.search-field .icon {color:#4e6c62;}
.event-date {background:#e4f1eb;color:#075e53;}
.event-card h3 {font-size:17px;color:#153a32;}
.mini-action {min-height:43px;min-width:42px;}
.view-toggle {background:#e5eee9;gap:4px;padding:5px;}
.view-toggle button {font-size:13px;min-height:38px;}
.view-toggle button.active {color:#075c53;}
.status-row {flex-wrap:wrap;}
.status-label {font-size:12px;}
.week-list button {min-height:62px;font-size:15px;}
.week-list button small {font-size:12px;}
.notice {font-size:14px;line-height:1.55;color:#694c31;}
label {font-size:14px;}
input,textarea,select {color:#183730;background:#fff;border-color:#adc6ba;min-height:50px;font-size:16px;}
input::placeholder,textarea::placeholder {color:#647b70;}
.form-help,.field-hint,.fineprint {font-size:13px;}
.privacy-strip {color:#57665e;}
.lesson-body h2 {font-size:26px;}
.lesson-body p {font-size:16px;line-height:1.7;}
.article-box {background:#e7f3ed;border-color:#0c6558;}
.article-box strong {font-size:12px;}
.article-box p {color:#24463d;}
.dialog-head h2 {color:#19382f;}
@media (max-width:760px) {
  .screen {padding:20px 20px 28px;}
  .topbar {height:70px;padding-inline:18px;}
  .hero-editorial {display:flex;flex-direction:column;min-height:0;}
  .hero-editorial .hero-figure {height:240px;order:-1;}
  .hero-editorial .hero-figure img {height:240px;min-height:0;object-position:30% 41%;}
  .hero-editorial .hero-copy {padding:26px 24px 30px;}
  .hero-editorial .display {font-size:clamp(39px,10vw,52px);margin:6px 0 15px;}
  .hero-editorial .hero-desc {font-size:16px;}
  .home-doctrine {grid-template-columns:29px 1fr;gap:11px;padding:25px 0 22px;}
  .doctrine-mark {font-size:59px;}
  .home-doctrine blockquote {font-size:22px;}
  .quick-main {grid-template-columns:46px 1fr 18px;padding:17px 15px;gap:12px;}
  .quick-main-icon {width:44px;height:44px;border-radius:12px;}
  .quick-main-icon svg {width:23px;height:23px;}
  .quick-main-content strong {font-size:23px;}
  .quick-main-content > span:last-child {font-size:13px;}
  .quick-grid {grid-template-columns:1fr;gap:9px;}
  .quick-item {min-height:81px;padding:13px 15px;}
  .welcome-empty {padding:22px;}
  .learn-feature {grid-template-columns:1fr;}
  .learn-feature-image {min-height:145px;grid-row:1; background-position:22% 39%;}
  .learn-feature-body {padding:24px 23px 26px;}
  .learn-feature h2 {font-size:33px;}
  .learning-intro {padding:27px 0 20px;}
  .steps {grid-template-columns:1fr;gap:10px;}
  .step {padding:21px;}
  .visual-savior {grid-template-columns:1fr;}
  .visual-savior-photo .hero-figure {min-height:220px;height:225px;}
  .visual-savior-photo .hero-figure img {height:225px;min-height:0;object-position:22% 39%;}
  .visual-savior-text {padding:25px 22px;}
  .visual-savior-text h2 {font-size:34px;}
  .visual-flow {gap:6px;justify-content:space-between;padding:19px 0;}
  .visual-flow span {font-size:10px;letter-spacing:0;}
  .visual-flow .icon {width:13px;height:13px;}
  .info-grid {grid-template-columns:1fr;gap:10px;}
  .info-node {padding:18px 20px;}
  .info-node h3 {font-size:22px;}
  .info-node-top {margin-bottom:10px;}
  .covenant-story {grid-template-columns:1fr;gap:13px;padding:23px;}
  .covenant-story h2 {font-size:28px;}
  .practice-panel {padding:24px 22px;}
  .practice-panel h2 {font-size:28px;}
  .lesson-item {padding:17px 13px;grid-template-columns:34px minmax(0,1fr) 18px;gap:9px;}
  .lesson-item .number {font-size:20px;}
  .lesson-item strong {font-size:16px;}
  .lesson-item small {font-size:12px;}
  .tabbar a {min-height:56px;}
  .tabbar small {font-size:10px;}
}
@media (max-width:390px) {
  .screen {padding-inline:16px;}
  .brand-name {font-size:13px;}
  .brand-name small {font-size:11px;}
  .brandmark {width:40px;height:40px;}
  .connection {font-size:10px;padding:6px 8px;}
  .header-account {width:39px;height:39px;}
  .hero-editorial .hero-figure {height:220px;}
  .hero-editorial .hero-figure img {height:220px;}
  .hero-editorial .display {font-size:40px;}
  .hero-editorial .hero-copy {padding:23px 20px;}
  .hero-actions .button {width:100%;}
  .hero-text-link {padding:0 6px;}
  .quick-main-content strong {font-size:21px;}
  .welcome-empty {flex-direction:column;align-items:flex-start;}
  .visual-flow span {font-size:9px;}
  .weekly-grid,.activity-form .form-split {gap:8px;}
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after {animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
}

/* Photo fallback: visible only if the network image cannot load. */
.hero-figure { isolation:isolate; }
.hero-figure img { position:relative; z-index:2; }
.hero-figure .hero-credit { z-index:3; }
.hero-image-fallback { position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:26px; color:#263d33;font:normal 26px/1.25 Georgia,serif;background:#e5e5d6; }

.hero-figure.image-unavailable img { opacity:0; }
.hero-figure.image-unavailable .hero-credit { display:none; }


/* MINISTRAR 1.2 — tres experiencias educativas. Diseñado primero para móviles. */
.learn-landing{padding:6px 0 28px;max-width:780px}
.learn-landing h1{font:normal clamp(42px,6.8vw,70px)/1.06 Georgia,serif;letter-spacing:-.05em;color:#1d3e35;margin:0 0 16px}
.learn-landing h1 em{font-weight:400;color:#0b665a}
.learn-landing>p:not(.eyebrow){color:#425e52;font-size:17px;line-height:1.7;max-width:650px;margin:0 0 18px}
.learning-selector{margin:14px 0 24px}
.learning-selector h2{font:normal clamp(24px,3.4vw,33px)/1.18 Georgia,serif;letter-spacing:-.035em;max-width:550px;margin:0 0 20px;color:#1b3d35}
.learning-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 24px}
.learning-tab{min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:8px;background:#fff;border:1px solid #d1dfd7;text-decoration:none;color:#183d33;padding:20px;border-radius:17px;min-height:152px;transition:background-color .16s,border-color .16s}
.learning-tab.active,.learning-tab:hover{background:#e3f1e9;border-color:#5b9884}
.learning-tab-icon{width:39px;height:39px;border-radius:12px;background:#dfefe6;color:#0b665b;display:grid;place-items:center}
.learning-tab-icon svg{width:22px;height:22px}
.learning-tab strong{font-size:18px;letter-spacing:-.02em;line-height:1.2}
.learning-tab small{font-size:13px;color:#536b60;line-height:1.35}
.learn-feature-compact{min-height:228px}
.learn-feature-compact .learn-feature-image{min-height:228px}
.lesson-index{border:1px solid #d5e0d8;background:#fff;border-radius:18px;margin:25px 0;overflow:hidden}
.lesson-index>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:22px;gap:14px;min-height:105px}
.lesson-index>summary::-webkit-details-marker{display:none}
.lesson-index>summary>span{display:flex;flex-direction:column;gap:4px}
.lesson-index>summary strong{font:normal 25px/1.2 Georgia,serif;color:#1e4035}
.lesson-index>summary span span{font-size:13px;color:#556d63}
.lesson-index .lesson-list{border:0;border-radius:0;border-top:1px solid #dbe4dd}
.lesson-index[open]>summary>svg{transform:rotate(90deg)}
.learning-close{margin:28px 0 12px;border-left:3px solid #b27e4c;padding:7px 0 7px 24px}
.learning-close h2{font:normal 28px/1.2 Georgia,serif;color:#1c3b32;margin:0 0 9px}
.learning-close p{color:#4e6359;line-height:1.55;font-size:15px;max-width:680px;margin:0 0 20px}
.explain-definition{background:#e8f1e9;border-radius:19px;padding:clamp(24px,4vw,42px);border:1px solid #d0dfd2;margin-bottom:28px}
.explain-definition h2{font:normal clamp(28px,4.3vw,43px)/1.14 Georgia,serif;letter-spacing:-.035em;color:#183c32;max-width:720px;margin:4px 0 13px}
.explain-definition>p:not(.eyebrow){font-size:16px;color:#3b5b4e;line-height:1.65;max-width:720px;margin:0 0 14px}
.explain-chapters{border-top:1px solid #d5e0d7}
.explain-chapter{display:grid;grid-template-columns:72px 1fr;gap:25px;padding:35px 0;border-bottom:1px solid #d5e0d7}
.explain-serial{color:#b07d52;font:normal 34px/1 Georgia,serif}
.explain-copy h2{font:normal clamp(27px,3.4vw,34px)/1.15 Georgia,serif;letter-spacing:-.035em;color:#1c3e35;margin:0 0 11px}
.explain-summary{display:block;font-size:17px;line-height:1.4;color:#0b6256;margin-bottom:12px}
.explain-copy>p{font-size:16px;line-height:1.72;color:#425b51;max-width:700px;margin:0 0 20px}
.explain-example{background:#fff;border-left:3px solid #c68f57;padding:15px 18px;margin:20px 0;border-radius:0 12px 12px 0}
.explain-example span,.say-example span{display:block;letter-spacing:.1em;font-size:11px;font-weight:850;color:#7c592f;margin-bottom:7px}
.explain-example p{margin:0;font-size:15px;color:#344d41;line-height:1.55}
.lesson-callout{background:#e1eee6;border-radius:19px;padding:25px;margin-top:31px}
.lesson-callout h2{font:normal 29px/1.16 Georgia,serif;color:#193c32;margin:0 0 9px}
.lesson-callout p{font-size:15px;line-height:1.55;color:#405b4e;margin:0 0 19px}
.educ-actions{display:flex;flex-wrap:wrap;gap:10px}
.flash-study{max-width:740px;margin:8px auto 0}
.flash-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px}
.flash-top .eyebrow{margin:0}
.flash-count{font-size:15px;font-weight:750;color:#1a554b;font-variant-numeric:tabular-nums}
.flash-progress{height:4px;border-radius:4px;background:#d8e8df;overflow:hidden;margin-bottom:16px}
.flash-progress span{display:block;height:100%;background:#0c7060;transition:width .2s}
.flash-card{display:flex;align-items:center;flex-direction:column;justify-content:space-between;width:100%;height:clamp(300px,43vw,370px);padding:30px 25px;appearance:none;border:1px solid #b9d9c8;border-radius:24px;background:#e6f1e9;color:#19483a;text-align:center;cursor:pointer;box-shadow:none;transition:background .15s}
.flash-card.flipped{background:#f5ede0;border-color:#ddc6a2;color:#4b3929}
.flash-label{font-weight:850;font-size:12px;letter-spacing:.12em}
.flash-question{font:normal clamp(26px,4vw,39px)/1.2 Georgia,serif;letter-spacing:-.03em;max-width:550px}
.flash-hint{font-size:13px;display:flex;align-items:center;gap:8px;opacity:.85}
.flash-hint svg{width:15px;height:15px}
.flash-controls{display:flex;justify-content:space-between;gap:10px;margin:16px 0 19px}
.flash-controls .button{min-width:0;flex:1;justify-content:center;display:inline-flex;gap:9px;align-items:center}
.flash-controls .button[disabled]{opacity:.48;cursor:not-allowed}
.flash-evidence{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid #d2dfd7;padding:16px 0}
.flash-evidence>span{font-weight:850;font-size:11px;letter-spacing:.09em;display:flex;gap:6px;align-items:center;color:#3a6254}
.flash-evidence svg{width:15px;height:15px}
.flash-evidence a{font-size:14px;color:#065e53;font-weight:750}
.educ-note{font-size:13px;color:#576c61;line-height:1.55;max-width:730px;margin:18px auto 10px}
.step-disclaimer{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:start;background:#eff3ed;border-left:3px solid #a47745;padding:17px 20px;margin:13px 0 25px;border-radius:0 13px 13px 0}
.step-disclaimer strong{color:#644c2d;font-size:13px}
.step-disclaimer p{font-size:14px;color:#4b5e51;line-height:1.55;margin:0}
.minister-timeline{max-width:860px;margin:0 auto}
.timeline-heading{display:flex;gap:19px;align-items:center;color:#0b6055;letter-spacing:.13em;font-size:12px;font-weight:850;padding:19px 0 13px}
.timeline-heading div{height:1px;flex:1;background:#accbb8}
.minister-step{display:grid;grid-template-columns:55px minmax(0,1fr);gap:15px;padding:15px 0 25px;position:relative}
.minister-step-number{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#cbe5d8;color:#16594b;font:normal 23px/1 Georgia,serif}
.minister-step-body{padding:3px 0 23px;border-bottom:1px solid #d8e4da}
.minister-step h2{font:normal clamp(25px,3.5vw,32px)/1.16 Georgia,serif;margin:0 0 6px;color:#1e4036;letter-spacing:-.03em}
.minister-step p{font-size:15px;line-height:1.64;color:#425d52;margin:0 0 14px}
.minister-step .minister-step-lead{font-weight:750;color:#0d6356;font-size:16px}
.say-example{padding:15px 18px;background:#fff;border:1px solid #d9e4dc;border-radius:13px;margin:16px 0}
.say-example q{font-size:16px;font-family:Georgia,serif;color:#1b4539;line-height:1.55}
.step-action{padding:26px;margin-top:22px;background:#e3f0e7;border-radius:19px}
.step-action h2{font:normal 28px/1.17 Georgia,serif;color:#194039;margin:0 0 9px}
.step-action p:not(.eyebrow){font-size:15px;line-height:1.55;color:#3c5e4d;margin-bottom:17px}
@media(max-width:760px){
 .learning-tabs{grid-template-columns:1fr;gap:9px}
 .learning-tab{min-height:80px;padding:13px 15px;display:grid;grid-template-columns:43px 1fr;grid-template-rows:auto auto;gap:1px 12px;align-items:center}
 .learning-tab-icon{grid-row:1/3}
 .learning-tab strong{grid-column:2;grid-row:1;font-size:17px}
 .learning-tab small{grid-column:2;grid-row:2;font-size:13px}
 .learn-landing h1{font-size:clamp(38px,10vw,51px)}
 .learn-landing>p:not(.eyebrow){font-size:16px}
 .explain-chapter{grid-template-columns:1fr;gap:8px;padding:29px 0}
 .explain-serial{font-size:24px}
 .step-disclaimer{grid-template-columns:1fr;gap:4px}
 .minister-step{grid-template-columns:42px minmax(0,1fr);gap:9px}
 .minister-step-number{width:37px;height:37px;font-size:19px}
 .flash-card{height:310px;padding:22px 17px}
 .flash-question{font-size:clamp(26px,7vw,34px)}
 .flash-controls .button{font-size:14px;padding:12px 8px}
}

/* MINISTRAR 1.3 — editorial learning system. No change to authenticated flows. */
:root{--bg:#f7f5f0;--paper:#fff;--ink:#152e29;--secondary:#50635b;--teal:#0b5d52;--ochre:#b47b42;--line:#d9e0d8;--max:1020px}
.screen{padding-top:23px}
.mini-overline{display:block;color:#0f6558;font-size:10px;font-weight:850;letter-spacing:.14em;line-height:1.4;text-transform:uppercase}
.vision-hero,.learning-story,.steps-cover{display:grid;grid-template-columns:1.08fr .92fr;min-height:440px;background:#e4e7dc;border-radius:26px;overflow:hidden;position:relative}
.vision-image{position:relative;order:2;min-height:440px;background:#6b6759}
.vision-image img,.learning-story-photo img,.steps-cover-photo img{width:100%;height:100%;object-fit:cover;display:block}
.vision-image img{object-position:19% center}
.vision-image-credit,.learning-story-photo>span{position:absolute;bottom:12px;right:12px;color:white;background:rgba(17,32,28,.7);padding:5px 9px;border-radius:20px;font-size:10px}
.vision-copy{align-self:center;padding:clamp(30px,4.3vw,58px)}
.vision-kicker{display:inline-flex;align-items:center;gap:8px;color:#0d6255;font-size:10px;letter-spacing:.13em;font-weight:850}
.vision-dot{width:7px;height:7px;border-radius:50%;background:#a66f37}
.vision-copy h1,.learning-story h1,.soul-intro h1,.steps-cover h1,.explain-top h1{font:400 clamp(40px,5.7vw,68px)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.053em;color:#163b31;margin:16px 0 18px}
.vision-copy h1 em,.learning-story h1 em,.soul-intro h1 em,.steps-cover h1 em,.explain-top h1 em{color:#0d705e;font-style:italic;font-weight:400}
.vision-copy>p,.learning-story-copy>p:not(.mini-overline),.steps-cover>div:last-child>p:not(.mini-overline){font-size:17px;line-height:1.55;max-width:400px;color:#365a4e;margin:0 0 24px}
.button.vision-primary{background:#0d6254;color:#fff;border-color:#0d6254;padding:14px 19px;border-radius:13px;min-height:48px}
.button.vision-primary:hover{background:#08483d}
.vision-statement{margin:27px 0 34px;padding:7px 0 7px 22px;border-left:3px solid #be8d5c;max-width:780px}
.vision-statement-label{font-size:10px;letter-spacing:.12em;color:#8f643d;font-weight:800}
.vision-statement blockquote{font:400 clamp(21px,2.9vw,29px)/1.36 Georgia,serif;color:#253d33;letter-spacing:-.025em;margin:10px 0}
.vision-section-head{margin:0 0 20px}.vision-section-head h2{font:400 clamp(30px,4vw,40px)/1.14 Georgia,serif;letter-spacing:-.035em;margin:5px 0;color:#1c4035}.vision-section-head p:last-child{font-size:15px;color:#567066;margin:5px 0 0}
.vision-choice-grid{display:grid;grid-template-columns:1.36fr .8fr;gap:12px}
.vision-choice-feature{display:grid;grid-template-columns:42% 58%;background:#ebeee7;min-height:248px;border-radius:20px;overflow:hidden;color:#1b4035;text-decoration:none;border:1px solid #d5dfd5}
.vision-tile-image{overflow:hidden;background:#776b62}.vision-tile-image img{width:100%;height:100%;object-fit:cover;object-position:54% 40%;display:block;transition:transform .35s}
.vision-choice-feature:hover img{transform:scale(1.035)}
.vision-tile-content{padding:21px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;gap:9px}
.vision-tile-content strong{font:400 clamp(23px,3vw,34px)/1.15 Georgia,serif;letter-spacing:-.03em}.vision-tile-content>span:not(.mini-overline):not(.vision-tile-cta){font-size:14px;color:#4d655c;line-height:1.45}
.vision-tile-cta{font-size:13px;font-weight:800;color:#075f53;display:flex;gap:8px;align-items:center;margin-top:7px}.vision-tile-cta svg{width:17px;height:17px}
.vision-choice-side{display:grid;gap:12px}.vision-choice-small{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;gap:6px;min-height:118px;padding:18px 48px 18px 20px;background:#fff;border:1px solid #dbe2d8;border-radius:17px;text-decoration:none}
.vision-choice-small:nth-child(2){background:#f5ede1;border-color:#eadcc7}.vision-choice-small strong{font:400 23px/1.15 Georgia,serif}.vision-choice-small>span:nth-of-type(2){font-size:13px;color:#50665a}.vision-choice-small>svg{position:absolute;right:17px;bottom:17px;color:#13695a;width:18px}
.vision-agenda{margin:38px 0 10px}.vision-agenda-empty{background:#fff;border:1px solid #d6ded4;border-radius:20px;padding:clamp(22px,3.6vw,35px)}.vision-agenda-empty h3{font:400 26px/1.2 Georgia,serif;margin:8px 0}.vision-agenda-empty p{color:#52675c;margin:0 0 19px}
.learning-story{grid-template-columns:.89fr 1.11fr;min-height:390px;background:#e7eee6}.learning-story-photo{position:relative;order:1;overflow:hidden;background:#74675d}.learning-story-photo img{object-position:48% 46%}.learning-story-copy{order:2;align-self:center;padding:clamp(28px,5vw,60px)}.learning-story h1{font-size:clamp(42px,5.5vw,65px);margin:10px 0 15px}
.learn-paths{margin:38px 0}.learn-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.learn-path{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:11px;padding:18px;border:1px solid #d4ded6;border-radius:19px;background:#fff;color:#1a3c32;text-decoration:none;min-height:328px;transition:transform .18s,border-color .18s}
.learn-path:hover{transform:translateY(-3px);border-color:#8ab1a0}.learn-path-visual{height:128px;width:100%;border-radius:12px;overflow:hidden;background:#75695a}.learn-path-visual img{width:100%;height:100%;object-fit:cover;object-position:23% 40%}.learn-path strong{font:400 25px/1.15 Georgia,serif;letter-spacing:-.03em}.learn-path>span:not(.mini-overline):not(.learn-path-visual):not(.learn-path-link):not(.learn-path-numeral):not(.learn-path-flash){font-size:14px;line-height:1.4;color:#53695e}.learn-path-link{margin-top:auto;color:#096456;font-weight:800;font-size:13px;display:flex;align-items:center;gap:7px}.learn-path-link svg{width:15px}
.learn-path--b{background:#e5f0e9}.learn-path--c{background:#f6ecdd;border-color:#e6d7bd}.learn-path-numeral{height:128px;display:flex;align-items:center;justify-content:center;font:400 39px/1 Georgia,serif;letter-spacing:-.06em;color:#125f52}.learn-path-numeral i{font-size:62px;color:#b38350;position:relative;top:-2px}.learn-path-flash{height:128px;display:flex;justify-content:center;align-items:center;font:400 31px/1.12 Georgia,serif;color:#66482f;text-align:center}.learn-path-flash em{color:#af7444}
.learn-principle{display:grid;grid-template-columns:33% 1fr;background:#173e36;color:#fff;border-radius:20px;overflow:hidden;margin:20px 0 30px}.learn-principle-image{min-height:245px}.learn-principle-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:52% 40%}.learn-principle-text{padding:clamp(22px,4vw,39px);align-self:center}.learn-principle .mini-overline{color:#bcded1}.learn-principle h2{font:400 34px/1.16 Georgia,serif;color:#fff;margin:8px 0}.learn-principle h2 em{color:#eec695}.learn-principle p{color:#e3eee8;line-height:1.55;font-size:15px}.learn-principle a{color:#e6dfca}
.lesson-index{background:#fff}
.soul-intro{text-align:center;margin:24px auto 22px;max-width:680px}.soul-intro h1{font-size:clamp(42px,6vw,72px);margin:11px 0 15px}.soul-intro>p{color:#4b6658;font-size:17px;line-height:1.5;max-width:540px;margin:0 auto}
.soul-art{margin:0;display:grid;grid-template-columns:1.08fr .92fr;min-height:325px;border-radius:22px;background:#143e36;overflow:hidden}.soul-art>img{width:100%;height:100%;min-height:325px;object-fit:cover;object-position:18% center}.soul-art figcaption{color:white;padding:clamp(22px,4vw,40px);align-self:center;display:flex;flex-direction:column;gap:12px}.soul-art figcaption>span{color:#c5e0d5;font-size:11px;letter-spacing:.15em;font-weight:800}.soul-art figcaption strong{font:400 clamp(26px,3.8vw,43px)/1.17 Georgia,serif;letter-spacing:-.03em}.soul-art figcaption small{color:#bdcfc6}
.soul-value{background:#fff;padding:clamp(25px,4vw,40px);border-radius:22px;border:1px solid #dae2d8;margin:22px 0}.soul-value h2{font:400 clamp(27px,3.8vw,40px)/1.15 Georgia,serif;max-width:650px;margin:8px 0 22px}.soul-value h2 em{color:#0c6958}
.soul-equation{display:grid;grid-template-columns:1fr 22px 1fr;gap:10px;align-items:center;max-width:730px;margin:auto}.soul-equation>div{min-width:0;border-radius:14px;padding:19px 14px;background:#e8f3ed;text-align:center;display:flex;flex-direction:column;gap:5px}.soul-equation>div:last-child{background:#f4ecdf}.soul-equation div span,.soul-equation-result>span{font-size:14px;font-weight:850;letter-spacing:.09em;color:#105d51}.soul-equation div small{font-size:12px;color:#48645c}.soul-eq-plus{text-align:center;color:#a57547;font:400 25px Georgia,serif}
.soul-equation-result{border:2px solid #8ba99c;margin:12px auto 14px;padding:13px 18px;border-radius:15px;max-width:730px;display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center}.soul-equation-result small{font-size:13px;color:#445d52}.soul-value>p:not(.mini-overline){font-size:16px;line-height:1.6;color:#3f584c;max-width:720px;margin:16px auto}.soul-value>a{margin-left:calc((100% - min(730px,100%))/2)}
.soul-actions{margin:36px 0}.soul-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.soul-action-grid article{border-radius:16px;background:#fff;border:1px solid #dae2da;padding:18px 15px}.soul-action-glyph{display:grid;place-items:center;background:#e8f3eb;color:#0f6859;width:42px;height:42px;border-radius:13px}.soul-action-glyph svg{width:23px}.soul-action-grid h3{font:400 24px Georgia,serif;margin:14px 0 5px}.soul-action-grid p{font-size:13px;color:#51675a;line-height:1.43;margin:0}.visual-caption{font-size:12px;color:#5b7066;margin-top:11px}
.soul-covenants{display:grid;grid-template-columns:.82fr 1.18fr;border-radius:22px;overflow:hidden;background:#f2e7d3;margin:30px 0}.soul-covenants-photo{min-height:460px;background:#8a766a}.soul-covenants-photo img{width:100%;height:100%;object-fit:cover;object-position:45% center;display:block}.soul-covenants-copy{align-self:center;padding:clamp(24px,4.2vw,44px)}.soul-covenants-copy .mini-overline{color:#8d6037}.soul-covenants h2{font:400 clamp(28px,3.6vw,39px)/1.16 Georgia,serif;color:#523c2a;letter-spacing:-.035em;margin:9px 0 14px}.soul-covenants h2 em{color:#956533}.soul-covenants p{font-size:15px;color:#594d3c;line-height:1.55}.soul-route{display:grid;gap:0;margin:18px 0}.soul-route>div{display:flex;align-items:center;gap:13px;min-height:49px;position:relative}.soul-route>div:not(:last-child):after{content:'';position:absolute;top:36px;bottom:-14px;left:16px;border-left:2px solid #c4a378}.soul-route span{flex-shrink:0;background:#fffaf2;border:1px solid #d5b68f;color:#87603e;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-weight:800}.soul-route strong{font-size:14px;color:#48382b}.soul-covenants-copy>small{font-size:11px;color:#705a45;display:block;margin:13px 0}.soul-covenants-copy .source-link{color:#704b29}
.soul-outro{text-align:center;padding:clamp(25px,5vw,50px);background:#164b41;color:white;border-radius:22px;margin:30px 0}.soul-outro .mini-overline{color:#c0e2cf}.soul-outro h2{font:400 clamp(27px,4vw,43px)/1.15 Georgia,serif;margin:10px 0}.soul-outro>p:not(.mini-overline){font-size:16px;color:#e5f0e9;max-width:600px;margin:0 auto 20px}.soul-outro-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.soul-outro .vision-primary{background:#e8c992;border-color:#e8c992;color:#193b31}.soul-outro>small{display:block;color:#c9dad2;margin-top:20px;font-size:12px}
.explain-top{display:grid;grid-template-columns:1.3fr .7fr;gap:22px;align-items:center;background:#e7eee5;border-radius:22px;overflow:hidden;margin:15px 0 22px}.explain-top>div{padding:clamp(25px,4vw,40px)}.explain-top h1{font-size:clamp(35px,5vw,56px)}.explain-top p:not(.mini-overline){color:#52675b;line-height:1.5}.explain-top>img{width:100%;height:100%;max-height:370px;min-height:275px;object-fit:cover;object-position:17% center}.explain-essence{padding:25px;background:#174b40;color:white;border-radius:19px;margin-bottom:20px}.explain-essence .mini-overline{color:#b7e2d0}.explain-essence h2{font:400 29px/1.2 Georgia,serif;margin:10px 0;color:white}.explain-essence a{color:#e2d3b6}.explain-accordion{display:grid;gap:10px}.explain-drop{border:1px solid #d6e0d6;border-radius:16px;background:#fff;overflow:hidden}.explain-drop summary,.visual-step summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:15px;min-height:86px;padding:15px 20px}.explain-drop summary::-webkit-details-marker,.visual-step summary::-webkit-details-marker{display:none}.explain-n{font:400 23px Georgia,serif;color:#b17c47}.explain-summary-text,.visual-step-head{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.explain-summary-text strong,.visual-step-head strong{font:400 23px/1.15 Georgia,serif;letter-spacing:-.025em}.explain-summary-text small,.visual-step-head small{color:#5c7064;font-size:13px;line-height:1.4}.explain-plus,.visual-step-chevron{width:32px;height:32px;background:#e5f0e8;border-radius:50%;font-size:25px;line-height:28px;text-align:center;color:#0d6659;flex-shrink:0}.explain-drop[open] .explain-plus,.visual-step[open] .visual-step-chevron{transform:rotate(45deg)}.explain-drop-body,.visual-step-expanded{padding:0 21px 23px 60px}.explain-drop-body>p,.visual-step-expanded>p{color:#465e53;font-size:15px;line-height:1.65}.explain-example{margin:17px 0;background:#f5ede1}.explain-example span{color:#8c5d30}
.steps-cover{grid-template-columns:.92fr 1.08fr;min-height:300px;background:#e5eee7}.steps-cover-photo{min-height:300px;background:#716555}.steps-cover-photo img{object-position:20% center}.steps-cover>div:last-child{align-self:center;padding:clamp(25px,3.7vw,43px)}.steps-cover h1{font-size:clamp(35px,5vw,58px);margin:10px 0 17px}.steps-cover>div:last-child>span{font-size:10px;font-weight:850;color:#116b5a;letter-spacing:.1em}.steps-stage-nav{display:flex;gap:9px;margin:3px 0 24px}.steps-stage-nav span{text-decoration:none;border-radius:30px;padding:10px 16px;background:#e1ece5;color:#185a4f;font-weight:800;font-size:13px}.visual-timeline{max-width:800px;margin:auto}.visual-timeline .timeline-heading{margin:29px 0 12px}.visual-step{border:1px solid #d5dfd6;border-radius:16px;background:#fff;margin-bottom:10px;overflow:hidden}.visual-step-num{background:#e6f0e8;color:#075f54;border-radius:11px;width:41px;height:41px;display:grid;place-items:center;font:400 23px Georgia,serif;flex-shrink:0}.visual-step-expanded{padding-left:78px}.visual-say{background:#f5ecdf;border-left:3px solid #b78352;padding:15px;border-radius:0 10px 10px 0;margin:15px 0}.visual-say span{display:block;color:#8e6039;font-size:10px;font-weight:850;letter-spacing:.1em;margin-bottom:6px}.visual-say q{font:400 20px/1.3 Georgia,serif;color:#58442f}.visual-step .source-link{font-size:12px}
@media(max-width:760px){
 .screen{padding:14px 16px 30px}.vision-hero,.learning-story,.steps-cover{display:flex;flex-direction:column;min-height:0}.vision-image{order:0;min-height:0;height:245px}.vision-image img{height:245px;object-position:24% 39%}.vision-copy{order:1;padding:27px 24px 30px}.vision-copy h1{font-size:46px;margin:14px 0}.vision-copy>p{font-size:16px}.vision-statement{margin:23px 0 30px;padding-left:17px}.vision-statement blockquote{font-size:23px}.vision-choice-grid{grid-template-columns:1fr}.vision-choice-feature{grid-template-columns:39% 61%;min-height:200px}.vision-tile-content{padding:15px;gap:7px}.vision-tile-content strong{font-size:26px}.vision-tile-content>span:not(.mini-overline):not(.vision-tile-cta){font-size:12px}.vision-choice-side{grid-template-columns:1fr 1fr;gap:9px}.vision-choice-small{min-height:147px;padding:17px 12px 34px}.vision-choice-small strong{font-size:21px}.vision-choice-small>svg{bottom:10px;right:11px}.vision-choice-small>span:nth-of-type(2){font-size:12px}.learning-story-photo{order:0;height:240px}.learning-story-photo img{height:240px;object-position:47% 43%}.learning-story-copy{order:1;padding:26px 23px 30px}.learning-story h1{font-size:47px}.learn-path-grid{grid-template-columns:1fr;gap:10px}.learn-path{min-height:0;display:grid;grid-template-columns:115px 1fr;grid-template-rows:auto auto 1fr auto;column-gap:15px;align-items:start;padding:13px}.learn-path-visual,.learn-path-numeral,.learn-path-flash{grid-row:1 / span 4;grid-column:1;width:115px;height:124px;border-radius:11px}.learn-path .mini-overline,.learn-path strong,.learn-path>span:not(.mini-overline):not(.learn-path-visual):not(.learn-path-numeral):not(.learn-path-flash){grid-column:2}.learn-path strong{font-size:22px}.learn-path-link{grid-column:2}.learn-path-numeral{font-size:22px;justify-content:center;letter-spacing:-.08em}.learn-path-numeral i{font-size:36px}.learn-path-flash{font-size:21px}.learn-principle{grid-template-columns:1fr}.learn-principle-image{height:195px;min-height:0}.learn-principle-image img{object-position:50% 35%}.learn-principle-text{padding:24px}.learn-principle h2{font-size:32px}.soul-intro{margin:21px auto}.soul-intro h1{font-size:48px}.soul-art{grid-template-columns:1fr}.soul-art>img{height:215px;min-height:0;object-position:25% 37%}.soul-art figcaption{padding:23px}.soul-art figcaption strong{font-size:30px}.soul-value{padding:22px 17px}.soul-value h2{font-size:30px}.soul-equation{gap:6px;grid-template-columns:1fr 16px 1fr}.soul-equation>div{padding:14px 8px}.soul-equation div span{font-size:12px}.soul-equation div small{font-size:11px}.soul-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.soul-action-grid article{padding:16px 13px}.soul-action-grid h3{font-size:22px}.soul-covenants{grid-template-columns:1fr}.soul-covenants-photo{height:230px;min-height:0}.soul-covenants-photo img{object-position:48% 40%}.soul-covenants-copy{padding:25px 23px}.soul-covenants h2{font-size:33px}.soul-outro{padding:29px 20px}.soul-outro-actions .button{width:100%}.explain-top{grid-template-columns:1fr}.explain-top>img{order:-1;min-height:0;height:205px;object-position:24% 37%}.explain-top>div{padding:23px}.explain-top h1{font-size:44px}.explain-drop summary,.visual-step summary{padding:13px;gap:10px}.explain-summary-text strong,.visual-step-head strong{font-size:21px}.explain-drop-body{padding:0 15px 19px}.steps-cover-photo{min-height:0;height:215px}.steps-cover-photo img{height:215px;object-position:26% 39%}.steps-cover>div:last-child{padding:24px}.steps-cover h1{font-size:45px}.visual-step-expanded{padding:0 15px 20px}.visual-step-num{width:36px;height:36px;font-size:20px}
}
@media(max-width:370px){.vision-copy h1,.learning-story h1,.soul-intro h1{font-size:39px}.vision-choice-feature{grid-template-columns:36% 64%}.vision-tile-content strong{font-size:23px}.learn-path{grid-template-columns:94px 1fr}.learn-path-visual,.learn-path-numeral,.learn-path-flash{width:94px}.learn-path strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.vision-tile-image img,.learn-path{transition:none}}

/* MINISTRAR 1.4 · Documentary photo-led design. Visual changes only. */
:root{--bg:#f7f6f1;--paper:#fff;--ink:#152f2a;--teal:#075a51;--secondary:#425950;--line:#d9e2db;--gold:#c6905a}
body{background:#f7f6f1;color:#152f2a}
.screen{max-width:1120px;margin:auto;padding:clamp(18px,3.4vw,40px) clamp(16px,3.5vw,42px) 80px}
.photo-overline,.mini-overline{font-size:11px;line-height:1.35;letter-spacing:.13em;font-weight:800}
.photo-unavailable{display:none!important}
.family-hero{display:grid;grid-template-columns:1.08fr .92fr;min-height:500px;border-radius:26px;overflow:hidden;background:#0e4038;color:#fff}
.family-hero-media{position:relative;grid-column:2;grid-row:1;min-height:500px;background:linear-gradient(120deg,#597e63,#bd9b79)}
.family-hero-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.family-hero-credit{position:absolute;bottom:12px;right:12px;border-radius:30px;background:#1b2920af;color:#fff;font-size:10px;padding:5px 10px}
.family-hero-copy{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:start;justify-content:center;padding:clamp(30px,5vw,68px);background:#0e4038}
.family-hero-copy .photo-overline{color:#b8dfd1;margin:0 0 24px}
.family-hero-intro{color:#b1d7c9;font-size:14px;font-weight:750;letter-spacing:.025em;margin:0}
.family-hero h1,.learn-photo-copy h1,.visual-welcome h1{font:400 clamp(46px,5.8vw,72px)/1.05 Georgia,serif;letter-spacing:-.05em;margin:9px 0 22px;color:inherit}
.family-hero h1 em{color:#eed8b4;font-weight:400;font-style:italic}
.family-hero-copy>p:not(.photo-overline):not(.family-hero-intro){color:#e1ede8;font-size:17px;line-height:1.55;max-width:420px;margin:0 0 26px}
.button.family-primary{display:inline-flex;align-items:center;gap:10px;background:#f0cc9e;border:1px solid #f0cc9e;color:#213b32;font-weight:800;border-radius:12px;padding:14px 20px;min-height:50px;text-decoration:none}
.button.family-primary:hover{background:#fff1dd;border-color:#fff1dd;color:#18342c}
.button.family-primary .icon{width:18px;height:18px}
.word-of-christ{display:grid;grid-template-columns:50px 1fr;gap:11px;border-bottom:1px solid var(--line);margin:24px 0 45px;padding:17px 12px 26px}
.word-mark{font:normal 86px/.95 Georgia,serif;color:#bc8757}
.word-of-christ blockquote{font:400 clamp(23px,3.1vw,34px)/1.3 Georgia,serif;letter-spacing:-.025em;max-width:780px;margin:8px 0 15px}
.photo-section-heading h2{font:400 clamp(32px,4.5vw,48px)/1.12 Georgia,serif;letter-spacing:-.04em;margin:6px 0}
.photo-section-heading p{font-size:15px;color:#506259;margin:5px 0 19px}
.photo-paths-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px}
.photo-path,.learn-route{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#fff;border:1px solid #e2e6e0;text-decoration:none;color:#1a3830;transition:transform .15s,border-color .15s}
.photo-path:hover,.learn-route:hover{transform:translateY(-2px);border-color:#77a599}
.photo-path-visual,.learn-route-photo{display:block;overflow:hidden;background:#c4d5c8;aspect-ratio:1.24}
.photo-path-visual img,.learn-route-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.photo-path--main .photo-path-visual{aspect-ratio:1.24}
.photo-path-text,.learn-route-text{display:flex;flex-direction:column;align-items:start;gap:9px;padding:23px 21px 24px;flex:1}
.photo-path-text small,.learn-route-text small{font-weight:850;font-size:10px;letter-spacing:.12em;color:#096757}
.photo-path-text strong,.learn-route-text strong{font:400 clamp(22px,2.7vw,29px)/1.16 Georgia,serif;letter-spacing:-.03em}
.photo-path-text>span,.learn-route-text>span{font-size:14px;line-height:1.45;color:#50675c}
.photo-path-text b,.learn-route-text b{margin-top:auto;padding-top:5px;display:flex;align-items:center;gap:9px;color:#075b51;font-size:13px;font-weight:800}
.photo-path-text b svg,.learn-route-text b svg{width:17px;height:17px}
.vision-agenda{margin:38px 0}.photo-ethics{color:#65746b;font-size:12px;margin:28px 0 0}
/* Aprender: visual actions with real photos, without redundant lesson blocks */
.learn-photo-hero{display:grid;grid-template-columns:.94fr 1.06fr;min-height:390px;overflow:hidden;border-radius:24px;background:#e8eee6}
.learn-photo-media{position:relative;min-height:390px;background:#b9cabe}
.learn-photo-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%}
.learn-photo-media small{position:absolute;bottom:12px;left:12px;font-size:10px;color:#fff;background:#182c27bd;padding:5px 9px;border-radius:20px}
.learn-photo-copy{padding:clamp(26px,5vw,54px);display:flex;align-items:start;justify-content:center;flex-direction:column}
.learn-photo-copy h1{color:#183d32;font-size:clamp(39px,5vw,58px)}
.learn-photo-copy h1 em,.visual-welcome h1 em{color:#10695a;font-weight:400}
.learn-photo-copy>p:not(.mini-overline){font-size:16px;line-height:1.55;color:#3f6053;max-width:460px;margin:0 0 20px}
.learn-visual-routes{margin:39px 0}.learn-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.learn-route-photo{aspect-ratio:1.32}
.learn-covenant-note{display:grid;grid-template-columns:33% 1fr;background:#e3ece4;border-radius:21px;overflow:hidden;align-items:stretch;margin:34px 0}
.learn-covenant-image{min-height:205px;background:#b0c5b6}.learn-covenant-image img{width:100%;height:100%;object-fit:cover}
.learn-covenant-note>div:last-child{padding:27px;display:flex;flex-direction:column;justify-content:center}
.learn-covenant-note h2{font:400 clamp(27px,3.8vw,40px)/1.12 Georgia,serif;letter-spacing:-.035em;margin:5px 0;color:#1b4035}
.learn-covenant-note h2 em{font-weight:400;color:#066957}.learn-covenant-note p{font-size:15px;color:#416257;margin:9px 0 0;line-height:1.55}
.learn-covenant-note a{color:#005a4e}
/* The guide as documentary editorial sequence: photo, doctrine, concrete action. */
.visual-welcome{margin:10px 0 24px;max-width:790px}.visual-welcome h1{color:#193e32;font-size:clamp(41px,5.5vw,66px);margin:13px 0 15px}
.visual-welcome>p{font-size:17px;color:#486052;line-height:1.55;max-width:720px}
.story-photo-wide{border-radius:20px;overflow:hidden;position:relative;height:clamp(260px,38vw,440px);margin:0 0 44px;background:#a5b7a5}
.story-photo-wide img{width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block}
.story-photo-wide:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,22,19,.82));pointer-events:none}
.story-photo-wide figcaption{position:absolute;z-index:1;left:clamp(22px,5vw,54px);bottom:25px;right:16px;color:white;display:flex;flex-direction:column;gap:6px}
.story-photo-wide figcaption span{font-size:11px;letter-spacing:.13em;font-weight:850;color:#d3e7dc}
.story-photo-wide figcaption strong{font:400 clamp(27px,4.8vw,50px)/1.08 Georgia,serif;letter-spacing:-.04em;max-width:520px}
.story-photo-wide figcaption small{font-size:11px;color:#eff7f0}
.visual-truth{max-width:850px;margin:0 auto 58px;text-align:center}
.visual-truth h2,.visual-minister h2,.covenants-photo h2,.visual-today h2{font:400 clamp(30px,4.2vw,47px)/1.13 Georgia,serif;letter-spacing:-.04em;color:#163e32;margin:9px 0 24px}
.visual-truth h2 em,.covenants-photo h2 em{font-style:italic;color:#0d6b5b;font-weight:400}
.visual-truth-grid{display:grid;grid-template-columns:1fr 30px 1fr;gap:10px;align-items:center;max-width:650px;margin:0 auto 9px}
.visual-truth-grid>div{padding:23px 16px;background:#e4eee9;border-radius:15px;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.visual-truth-grid>div span{font-weight:850;letter-spacing:.09em;font-size:14px;color:#095b51}
.visual-truth-grid>div small{font-size:13px;color:#486359}.truth-plus{font:32px Georgia,serif;color:#a37445}
.truth-answer{margin:0 auto 14px;max-width:650px;background:#0f5047;border-radius:15px;padding:19px 24px;display:flex;flex-direction:column;gap:4px;color:#fff}
.truth-answer strong{font-size:16px;letter-spacing:.17em}.truth-answer span{font-size:13px;color:#e4f2ea}
.visual-minister{margin:0 0 50px}.minister-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.minister-tile{border-radius:20px;overflow:hidden;background:#fff;border:1px solid #e1e7de}
.minister-tile-image{height:clamp(210px,24vw,290px);background:#c7d6c7;overflow:hidden}
.minister-tile-image img{width:100%;height:100%;object-fit:cover;display:block}
.minister-tile>div:last-child{padding:20px 23px 23px}
.minister-tile>div:last-child>span{font-size:11px;letter-spacing:.12em;font-weight:850;color:#096b5e}
.minister-tile h3{font:400 clamp(24px,3.2vw,33px)/1.17 Georgia,serif;letter-spacing:-.025em;margin:7px 0 9px;color:#17392f}
.minister-tile small{font-size:13px;color:#5e7067}
.covenants-photo{display:grid;grid-template-columns:44% 56%;background:#e6e6d8;border-radius:23px;overflow:hidden;margin:0 0 38px}
.covenants-photo-image{min-height:395px;background:#bdc7ae}.covenants-photo-image img{height:100%;width:100%;object-fit:cover}
.covenants-photo-copy{padding:clamp(27px,5vw,53px);display:flex;flex-direction:column;justify-content:center;align-items:start}
.covenants-photo-copy p:not(.mini-overline){color:#486354;font-size:16px;line-height:1.53;margin:0 0 17px}
.covenant-points{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:21px}.covenant-points span{border:1px solid #b7cabe;padding:7px 11px;border-radius:20px;font-size:12px;color:#1a5648;background:#eff4eb}
.visual-today{padding:30px clamp(24px,4vw,45px);background:#123f36;border-radius:21px;display:flex;align-items:flex-start;flex-direction:column;gap:10px;color:#fff}
.visual-today .mini-overline{color:#e4c99d}.visual-today h2{color:#fff;margin:0;font-size:clamp(28px,4.2vw,44px)}.visual-today p{font-size:15px;color:#e2ece6;margin:0 0 6px}
.visual-today .text-action{color:white;font-size:14px;font-weight:750;text-decoration:underline;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}
.explain-top img,.steps-cover-photo img{object-fit:cover}
@media(max-width:760px){
 .screen{padding:18px 16px 88px}
 .family-hero{display:flex;flex-direction:column;min-height:0;border-radius:19px}
 .family-hero-media{order:0;min-height:0;height:245px;grid-column:auto;grid-row:auto}
 .family-hero-media img{object-position:center 48%}
 .family-hero-copy{order:1;grid-column:auto;grid-row:auto;padding:28px 24px 31px}
 .family-hero h1{font-size:clamp(41px,10.5vw,56px);margin:8px 0 13px}
 .family-hero-copy>p:not(.photo-overline):not(.family-hero-intro){font-size:15px}
 .family-hero-copy .photo-overline{margin-bottom:14px}
 .word-of-christ{grid-template-columns:28px 1fr;margin:15px 0 31px;padding:15px 4px 23px}
 .word-mark{font-size:57px}.word-of-christ blockquote{font-size:23px}
 .photo-paths-grid,.learn-route-grid{grid-template-columns:1fr 1fr;gap:11px}
 .photo-path--main{grid-column:1/-1;display:grid;grid-template-columns:45% 55%;min-height:185px}
 .photo-path--main .photo-path-visual{aspect-ratio:auto;min-height:100%}
 .photo-path--main .photo-path-text{padding:15px;gap:6px}
 .photo-path--main .photo-path-text strong{font-size:24px}
 .photo-path-text,.learn-route-text{padding:15px;gap:7px}
 .photo-path-text strong,.learn-route-text strong{font-size:22px}
 .photo-path-text>span,.learn-route-text>span{font-size:12px}
 .photo-path-visual,.learn-route-photo{aspect-ratio:1.14}
 .learn-photo-hero{display:flex;flex-direction:column}
 .learn-photo-media{min-height:0;height:250px}
 .learn-photo-copy{padding:28px 24px 32px}
 .learn-photo-copy h1{font-size:clamp(39px,10vw,52px)}
 .learn-route-grid>a:first-child{grid-column:1/-1;display:grid;grid-template-columns:45% 55%}
 .learn-route-grid>a:first-child .learn-route-photo{aspect-ratio:auto;min-height:100%}
 .learn-covenant-note{grid-template-columns:36% 64%}.learn-covenant-note>div:last-child{padding:17px}.learn-covenant-note h2{font-size:26px}.learn-covenant-note p{font-size:13px}
 .story-photo-wide{height:300px}.story-photo-wide figcaption strong{font-size:29px}
 .visual-minister{margin-bottom:33px}.minister-grid{gap:10px}.minister-tile-image{height:170px}
 .minister-tile>div:last-child{padding:13px 14px 16px}.minister-tile h3{font-size:21px}.minister-tile small{font-size:12px}
 .covenants-photo{display:flex;flex-direction:column}.covenants-photo-image{height:240px;min-height:0}.covenants-photo-copy{padding:27px 23px 30px}
 .covenants-photo h2{font-size:35px}.visual-truth{margin-bottom:39px}
}
@media(max-width:390px){
 .photo-path--main .photo-path-text strong{font-size:21px}
 .photo-path-text strong,.learn-route-text strong{font-size:20px}
 .photo-path-text,.learn-route-text{padding:13px}
 .photo-path-text>span,.learn-route-text>span{font-size:12px}
 .learn-covenant-note{grid-template-columns:1fr}.learn-covenant-image{height:170px;min-height:0}
 .story-photo-wide{height:270px}.visual-truth-grid{grid-template-columns:1fr 18px 1fr;gap:4px}.visual-truth-grid>div{padding:16px 6px}.visual-truth-grid>div small{font-size:11px}
 .minister-tile-image{height:155px}.minister-tile h3{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.photo-path,.learn-route{transition:none}.photo-path:hover,.learn-route:hover{transform:none}}