*{box-sizing:border-box}html{background:#eae7e0}body{margin:0;color:#292e2b;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b58a43;outline-offset:3px}.app{max-width:470px;margin:0 auto;min-height:100dvh;background:#faf8f3;display:flex;flex-direction:column;box-shadow:0 0 35px #0000000d}.top{display:flex;align-items:center;justify-content:space-between;padding:25px 23px 17px;border-bottom:1px solid #eae5db}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:700;color:#285c50}.top h1{font-size:25px;margin:6px 0 0;font-weight:650;color:#163f38}.cross{font-size:31px;color:#b58a43}main{flex:1;padding:22px 22px 35px}h2{font-size:23px;line-height:1.25;color:#163f38;margin:14px 0}h3{font-size:16px;margin:0 0 9px}p{line-height:1.65}small,.muted{color:#626a65}.muted{font-size:14px}.hero{padding:26px 22px;background:linear-gradient(130deg,#e6eee8,#f5efe0);border-radius:17px;margin-bottom:16px}.hero h2{font-family:Georgia,serif;font-size:28px}.hero p{font-size:15px}.primary,.secondary,.fileLabel{border-radius:9px;padding:12px 16px;font-weight:650;border:1px solid #285c50;min-height:45px}.primary{background:#285c50;color:white}.secondary,.fileLabel{background:transparent;color:#285c50}.hero .primary{width:100%;display:flex;justify-content:space-between;margin-top:20px}.tile{background:#fffdf9;border:1px solid #e5e1d9;border-radius:13px;padding:17px 15px;display:flex;align-items:center;gap:15px;width:100%;text-align:left;margin:12px 0;color:#163f38}.tile span:nth-child(2){flex:1}.tile strong,.tile small{display:block}.tile small{margin-top:4px}.tileIcon{background:#e6eee8;color:#285c50;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font-size:23px}.bottom{position:sticky;bottom:0;display:flex;justify-content:space-around;background:#fffdf9;border-top:1px solid #e5e1d9;padding:9px 8px max(12px,env(safe-area-inset-bottom));z-index:3}.bottom button{border:0;background:transparent;color:#626a65;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:85px;padding:4px}.bottom button span{font-size:25px;line-height:1.1}.bottom button.active{color:#285c50;font-weight:700}.selector{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:0;background:#e6eee8;border-radius:10px;padding:12px 15px;color:#163f38}.selector small,.selector strong{display:block}.selector small{font-size:10px;letter-spacing:.09em;margin-bottom:5px}.choices{display:grid;gap:6px;background:white;border:1px solid #e5e1d9;padding:8px;border-radius:10px;margin-top:6px}.choices button{padding:11px;text-align:left;border:0;background:transparent;border-radius:6px}.choices button.selected{background:#e6eee8;color:#163f38;font-weight:700}.reading{margin:25px 0 20px}.reading h2{font-family:Georgia,serif}.readingPlaceholder{font-family:Georgia,"Times New Roman",serif;line-height:1.8;margin:26px 0;color:#343a35}.readingPlaceholder p{line-height:1.8}.readingTools{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e4dfd4;padding-top:12px}.small{padding:7px 10px;background:transparent;border:1px solid #c6cec8;border-radius:7px;margin-left:5px}.accordion{border-top:1px solid #e4dfd4}.accordion>button{border:0;background:transparent;width:100%;padding:18px 0;display:flex;justify-content:space-between;font-weight:700;color:#163f38}.accordionBody{padding:0 0 20px}.accordionBody p{font-size:15px}.accordionBody .primary{width:100%;margin-top:9px}textarea,input:not([type=checkbox]){display:block;width:100%;background:white;border:1px solid #d6d9d3;border-radius:9px;padding:12px;margin:8px 0 12px;color:#292e2b}label{font-size:14px;font-weight:650}.panel{background:#e6eee8;padding:18px;border-radius:12px;margin:17px 0}.panel p{font-size:15px}.textButton{background:transparent;border:0;color:#285c50;padding:12px 0;font-weight:650}.stepNav{display:flex;justify-content:space-between;margin:23px 0 27px;gap:12px}.stepNav button{height:44px;width:44px;border-radius:50%;border:1px solid #d6ddd6;background:#e6eee8;color:#285c50;font-weight:700}.stepNav button.active,.segments button.active{background:#285c50;color:white}.segments{display:flex;gap:5px;margin-top:17px}.segments button{flex:1;border:1px solid #c4d1c8;background:white;color:#285c50;padding:10px 4px;border-radius:8px}.actions{display:flex;gap:10px;justify-content:space-between;margin-top:22px}.saved{background:#fffdf9;border:1px solid #e5e1d9;border-left:4px solid #285c50;padding:15px;border-radius:10px;margin:12px 0}.saved p{white-space:pre-wrap}.commit{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fffdf9;border:1px solid #e5e1d9;padding:12px;border-radius:9px;margin:9px 0}.commit label{display:flex;align-items:center;gap:9px;font-weight:400}.commit button{background:transparent;border:0;font-size:23px}.done{text-decoration:line-through;color:#626a65}.fileLabel{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-align:center}.fileLabel input{display:none}.status{background:#e6eee8;border-radius:8px;padding:10px;font-size:14px;color:#285c50}@media(min-width:600px){.app{margin:24px auto;min-height:calc(100dvh - 48px);border-radius:20px;overflow:hidden}}
.sourcePanel{background:#e6eee8;border-radius:12px;padding:15px;margin:18px 0}.sourcePanel strong{color:#163f38}.sourcePanel p{font-size:13px;margin:8px 0}.sourcePanel a{color:#285c50;font-size:14px;font-weight:700;text-underline-offset:3px}
.tabHidden{display:none!important}.readBox{font-family:Georgia,serif;line-height:1.85}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.toolbar button{flex:1}.hint{font-size:13px;color:#626a65}.field{margin-top:12px}.notice{background:#fff5de;padding:12px;border-radius:10px;border-left:3px solid #b58a43}.saved{overflow-wrap:anywhere}.bottom{margin-top:auto}.stepNav button{flex:1}.guideBox{min-height:180px}
/* Identidad visual: reproducción de la dirección aprobada en el mockup. */
:root{--navy:#0a3155;--navy-dark:#082845;--green:#326e56;--gold:#cb910d;--ivory:#faf7f1;--ink:#252a30;--muted:#666c71;--surface:#fffdfa;--line:#e7e2d9}
html{background:#e7e7e5}body{color:var(--ink);font-family:Inter,Arial,system-ui,sans-serif}.app{background:var(--ivory);box-shadow:0 12px 55px #09243b18}.top{background:var(--ivory);padding:18px 24px 17px;min-height:90px}.top .eyebrow{color:var(--navy);font-size:10px;letter-spacing:.15em}.top h1{color:var(--navy);font-family:Georgia,serif;font-size:26px;letter-spacing:-.025em}.cross{color:var(--gold);font-size:37px}main{padding:18px 19px 32px}h2,h3{color:var(--navy)}.eyebrow{color:var(--navy)}.muted,small{color:var(--muted)}.primary{background:var(--navy);border-color:var(--navy);color:white}.secondary,.fileLabel{color:var(--navy);border-color:var(--navy)}.hero{margin:-18px -19px 15px;padding:0;background:none;border-radius:0;overflow:hidden}.hero-scene{height:240px;position:relative;overflow:hidden;background:linear-gradient(165deg,#f2d4a5 0%,#e7b978 34%,#b8895a 62%,#304a48 100%)}.hero-sun{position:absolute;width:150px;height:150px;right:28px;top:14px;border-radius:50%;background:#fff0c3;filter:blur(16px);opacity:.78}.hero-hill{position:absolute;left:-20%;width:145%;height:150px;border-radius:50% 50% 0 0}.hill-back{bottom:-58px;transform:rotate(-12deg);background:linear-gradient(150deg,#877f64,#53675e)}.hill-front{bottom:-104px;transform:rotate(13deg);background:linear-gradient(130deg,#3b564d,#263e41)}.hero-copy{position:absolute;z-index:1;left:24px;bottom:20px;right:36px;text-shadow:0 2px 9px #0008}.hero-copy .eyebrow{color:#fff4dc}.hero-copy h2{font:normal 28px/1.17 Georgia,serif;color:white;max-width:300px;margin:11px 0}.hero-copy p{color:#fff9e8;font-size:13px;margin:0}.tile{background:var(--surface);border:1px solid #e9e4dc;box-shadow:0 3px 12px #28334409;padding:15px 13px;margin:10px 0;border-radius:12px;color:var(--navy)}.tile strong{font-size:15px}.tile small{font-size:12px;line-height:1.45}.tileIcon{font-size:27px;background:#f8edd3;color:var(--gold);width:48px;height:48px}.icon-guide{background:#e8ede6;color:var(--green)}.icon-heart{background:#f6e5df;color:#ae3032}.bottom{background:var(--surface);border-top-color:var(--line);box-shadow:0 -3px 16px #23354a0a}.bottom button.active{color:var(--navy)}.bottom button{color:#6c737b}.selector{background:#edf0ed;color:var(--navy);border:1px solid #e0e6e0}.choices button.selected{background:#e9efea;color:var(--navy)}.reading h2{font:normal 28px/1.25 Georgia,serif;color:var(--navy)}.reading .notice{background:#fffaf0;border:1px solid #eadfcb;border-left:4px solid var(--gold);padding:18px}.notice a,.textButton{color:var(--navy)}.accordion{border:1px solid #ece7df;background:var(--surface);border-radius:12px;margin:12px 0;padding:0 14px;box-shadow:0 3px 12px #23354a08}.accordion>button{color:var(--navy)}.accordionBody{padding:0 2px 17px}.accordionBody .primary{background:var(--green);border-color:var(--green)}.panel{background:#f1f0eb;border:1px solid #e5e3db}.stepNav{position:relative}.stepNav:before{content:'';position:absolute;left:10%;right:10%;top:22px;height:2px;background:#e4e4e2}.stepNav button{position:relative;z-index:1;background:#f1f1ef;color:var(--navy);border:1px solid #e6e6e4}.stepNav button.active,.segments button.active{background:var(--navy);border-color:var(--navy);color:white}.segments button{color:var(--navy);border-color:#cdd8dc}.saved{background:var(--surface);border-left:5px solid var(--green);box-shadow:0 3px 12px #23354a09}.sourcePanel{background:#eef1ed}.sourcePanel strong,.sourcePanel a{color:var(--navy)}.status{background:#e9f0eb;color:var(--green)}@media(min-width:600px){.app{border-radius:22px}}
/* Ajustes de lectura, contraste y pantallas estrechas */
.readingContent{font-family:Georgia,'Times New Roman',serif;line-height:1.65;overflow-wrap:anywhere}.readingContent p{font-size:1em}.readingContent a{font-family:Inter,system-ui,sans-serif;font-size:.8em}.toolbar button{min-width:0}.app{width:100%}@media(max-width:350px){main{padding-left:13px;padding-right:13px}.hero{margin-left:-13px;margin-right:-13px}.actions{flex-wrap:wrap}.actions>*{flex:1}.top h1{font-size:23px}}
.passageText{background:#fffdf8;border-radius:8px;padding:12px}.passageText .scripture{font-family:Georgia,serif;white-space:normal;line-height:1.85;color:#252a30}.passageEditor{margin:14px 0}.passageEditor textarea{min-height:200px}.officialLink{display:inline-block;margin-top:12px;color:#0a3155;font-weight:700;text-underline-offset:3px}.passageText small{font-family:Inter,system-ui,sans-serif;font-size:12px}
/* Hero fotográfico aprobado — sin texto incrustado */
.hero-scene{background:linear-gradient(0deg,rgba(7,27,35,.72) 0%,rgba(7,27,35,.1) 65%),url("hero-encuentro.webp") center 48%/cover no-repeat}
.hero-sun,.hero-hill{display:none}