/* Formación personal de Dorys: tipografía accesible, botones táctiles y ritmo tranquilo. */
.preb-course{max-width:920px;margin:0 auto;padding:0 0 38px;color:#243746;font-size:18px;line-height:1.65}
.preb-course *{box-sizing:border-box}
.preb-course-hero{background:linear-gradient(115deg,#bee8ff,#edf9ff);padding:24px;border-radius:23px;margin:0 0 18px}
.preb-course-hero>span{font-size:36px}.preb-course-hero h2{font-size:32px;line-height:1.25;margin:5px 0 13px;color:#154461}
.preb-course-hero p{margin:6px 0;font-size:18px}
.preb-course-how,.preb-course-panel{background:#fff;border:1px solid #e1e5e5;border-radius:21px;padding:21px;margin:13px 0;box-shadow:0 3px 14px #0b31410b}
.preb-course-how h3,.preb-course-panel h3{font-size:23px;color:#214a60;line-height:1.35;margin:0 0 12px}
.preb-course-panel p,.preb-course-how p{margin:13px 0}
.preb-course-panel p b{color:#203e4b}
.preb-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.preb-course-tile{display:flex;align-items:center;gap:13px;width:100%;text-align:left;border:1px solid #d5e1e6;border-radius:19px;padding:15px;background:#fff;color:#193a50;cursor:pointer;min-height:115px;font:inherit;box-shadow:0 2px 9px #082f410a}
.preb-course-tile:hover{background:#f2faff}.preb-course-symbol{font-size:30px;flex:0 0 40px;text-align:center}
.preb-course-tile-text{display:grid;min-width:0;flex:1;line-height:1.35;gap:3px}
.preb-course-tile-text b{font-size:14px;color:#245775}.preb-course-tile-text strong{font-size:19px;overflow-wrap:anywhere}
.preb-course-tile-text small{font-size:14px;color:#4d6471}
.preb-course-tile>span:last-child{font-size:24px}
.preb-course-progress{margin-top:17px;border-radius:13px;background:#ffffffd9;padding:13px}
.preb-course-bar{height:12px;background:#c8dce6;border-radius:999px;overflow:hidden;margin:9px 0 0}
.preb-course-bar span{height:100%;background:#257f8d;display:block;border-radius:999px}
.preb-course-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:14px 0}
.preb-course-tab{border:2px solid #c8dce5;border-radius:15px;background:#fff;color:#23546c;font:800 16px/1.3 system-ui,sans-serif;min-height:63px;padding:9px;cursor:pointer}
.preb-course-tab.current{background:#21556b;color:white;border-color:#21556b}
.preb-course-definition,.preb-course-blue,.preb-course-caution{padding:15px;border-radius:14px;margin:17px 0}
.preb-course-definition{background:#fff5df;border-left:5px solid #ba8933}
.preb-course-blue{background:#edf7fc;border-left:5px solid #327a9d}
.preb-course-caution{background:#fff0ee;border-left:5px solid #aa5d48}
.preb-course-definition p,.preb-course-blue p,.preb-course-caution p{margin:8px 0}
.preb-course-model{padding:16px;border-radius:14px;background:#f0f6ee;border:1px solid #c5dec7}
.preb-course-link{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #c6dce7;border-radius:14px;background:#f0f9ff;padding:13px 15px;font-size:17px;color:#15516d;font-weight:800;line-height:1.4;margin:11px 0;min-height:60px;text-decoration:none;overflow-wrap:anywhere}
.preb-course-link:hover{text-decoration:underline}
.preb-course-help{font-size:16px;color:#50626d}
.preb-course-question{border:1px solid #dbe4e7;border-radius:18px;margin:18px 0;padding:14px}
.preb-course-question legend{font-size:19px;line-height:1.4;color:#1d3e50;padding:0 5px;max-width:100%}
.preb-course-option{display:flex;gap:12px;align-items:flex-start;background:#f7fafb;border:1px solid #dce8ea;border-radius:13px;padding:13px;margin:9px 0;cursor:pointer;line-height:1.4;font-size:17px}
.preb-course-option input{width:24px;height:24px;flex:0 0 24px;accent-color:#226385}
.preb-course-option:has(input:checked){background:#e5f4fb;border-color:#6baacc}
.preb-course-feedback{padding:12px;border-radius:12px;font-size:16px}
.preb-course-feedback.good,.preb-course-quiz-result.success{background:#e8f8e9;color:#1a602c}
.preb-course-feedback.wrong,.preb-course-feedback.missing{background:#fff3e3;color:#774f16}
.preb-course-quiz-result{margin-top:18px;padding:15px;border-radius:14px;background:#f4f7f8}
.preb-course-quiz-result .btn{margin-top:10px;min-height:54px}
.preb-course-footer{display:flex;gap:12px;margin-top:20px;justify-content:space-between}
.preb-course .btn{min-height:54px;font-size:17px;padding:12px 17px;white-space:normal}
.preb-course-continue{width:100%;margin-top:16px}
.preb-course .toolbar .btn{margin-left:0}
@media(max-width:680px){.preb-course{font-size:18px}.preb-course-hero{padding:20px 16px}.preb-course-hero h2{font-size:29px}.preb-course-how,.preb-course-panel{padding:17px}.preb-course-grid{grid-template-columns:1fr;gap:10px}.preb-course-tile{min-height:99px}.preb-course-tabs{gap:5px}.preb-course-tab{font-size:14px;padding:8px 4px}.preb-course-question{padding:12px}.preb-course-option{font-size:16px}.preb-course .btn{font-size:16px}}

/* Itinerario espiritual: el momento de contemplación nunca está condicionado por la prueba. */
.preb-course-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.preb-course .heart-intro{background:#fff9eb;border:1px solid #ebd8ad}
.preb-course .heart-intro .pill{white-space:normal}
.preb-course .preb-patristic{border-left:4px solid #a98646;background:#fffdfa}
.preb-course .preb-patristic .preb-course-link{white-space:normal;overflow-wrap:anywhere}
.preb-course .preb-heart-note{display:block;width:100%;min-height:145px;resize:vertical;font:inherit;font-size:17px;line-height:1.5;padding:13px;border:2px solid #b7cbd1;border-radius:12px;color:#243746;background:white;margin:10px 0}
.preb-course .preb-heart-note:focus-visible{outline:3px solid #b18444;outline-offset:2px}
@media(max-width:680px){.preb-course-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.preb-course-tab{min-height:54px;white-space:normal;line-height:1.3}}