/* Creciendo en Jesús: lectura, audio y espacio personal. */
.modebar{display:none!important}header{border-bottom:0}.donation-section{background:linear-gradient(100deg,rgba(36,7,14,.88),rgba(55,14,23,.48)),url('/static/assets/prayer.jpg') center/cover!important;color:#fff;margin-top:0;min-height:540px;align-items:center}.donation-section h2,.donation-section .eyebrow,.donation-section p,.donation-section .donation-note{color:#fff}.donation-section .donation-action{background:rgba(255,255,255,.95);border:1px solid #ffffff80;box-shadow:0 25px 60px #16060d40;color:#321a22}.donation-action h3,.donation-action>span{color:#660000}.donation-section .donation-action p{color:#675760}.donation-amounts .button.donation-5{background:#0068bf}.donation-amounts .button.donation-10{background:#b36d34}.donation-amounts .button.donation-15{background:#c8443d}.donation-amounts .button.donation-other{background:#192333}.donation-note{font-size:12px;opacity:.8}.media-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px}.media-heading h1{font-size:clamp(24px,3vw,38px);line-height:1.2;max-width:850px;margin:10px 0}.media-heading .eyebrow{margin-top:20px}.media-heading svg,.reader-toolbar svg{width:19px;height:19px;vertical-align:middle}.media-heading .button{display:inline-flex;gap:8px;align-items:center;white-space:nowrap}.reader-page{padding:35px max(24px,4vw);background:#f4f2ee;min-height:100vh}.reader-toolbar{position:sticky;top:0;z-index:5;background:#fff;display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding:14px;border:1px solid #e5dedb;border-radius:12px;box-shadow:0 7px 25px #25101608}.reader-toolbar button,.reader-bottom button,.reader-search button{padding:11px 15px;border:1px solid #d9cecb;border-radius:7px;background:#fff;color:#542c34;font-weight:600;cursor:pointer}.reader-toolbar button:disabled,.reader-bottom button:disabled{opacity:.4;cursor:default}.reader-toolbar label{display:flex;align-items:center;gap:7px;font-size:13px;margin:0}.reader-toolbar input{width:70px!important}.reader-toolbar input,.reader-toolbar select{padding:9px!important;min-height:40px;margin:0!important;width:auto;display:inline-block}.reader-search{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:18px 0}.reader-search label{font-size:13px;font-weight:600;margin:0}.reader-search input{flex:1;min-width:180px;max-width:430px;padding:12px;margin:0}.reader-search span{font-size:12px}.reader-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px}.reader-sidebar{border:1px solid #e4dcd7;background:#fff;border-radius:12px;padding:18px;max-height:78vh;overflow:auto;font-size:13px}.reader-sidebar details{margin-bottom:20px}.reader-sidebar summary{font-size:14px;font-weight:700;cursor:pointer;color:#542c34;padding:8px 0}.reader-sidebar textarea{width:100%;padding:12px;border-radius:8px;border:1px solid #d9cecb;background:#fffcf6;font:inherit;resize:vertical}.reader-sidebar button{display:flex;justify-content:space-between;gap:9px;flex-wrap:wrap;background:#f7f1ee;border:0;border-radius:6px;color:#572b36;font:inherit;text-align:left;width:100%;padding:10px;margin-top:6px;cursor:pointer}.reader-sidebar button span{display:block;font-size:12px;font-weight:400}.reader-stage{height:78vh;background:#dfdcd7;border-radius:12px;padding:24px;overflow:auto;overscroll-behavior:contain}.pdf-sheet{position:relative;margin:0 auto;background:#fff;box-shadow:0 5px 28px #0002;--total-scale-factor:1;--scale-factor:1}.pdf-sheet canvas{display:block}.pdf-sheet .textLayer{position:absolute;inset:0}.reader-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;font-size:14px}.reader-help{font-size:12px;color:#716b66;margin-top:18px}.reader-page[data-theme=sepia] .pdf-sheet{filter:sepia(.6)}.reader-page[data-theme=sepia] .reader-stage{background:#d7c8b1}.reader-page[data-theme=night]{background:#17181d;color:#eee}.reader-page[data-theme=night] .reader-stage{background:#22232b}.reader-page[data-theme=night] .pdf-sheet{filter:invert(.9) hue-rotate(180deg)}.reader-page[data-theme=night] .reader-help{color:#bbb}.reader-page:fullscreen{overflow:auto}.listening-page{padding-top:40px;padding-bottom:70px}.listening-layout{display:grid;grid-template-columns:minmax(300px,430px) minmax(260px,1fr);gap:8vw;max-width:1080px;align-items:center;margin:30px auto}.phone-player{padding:25px 32px 22px;border:7px solid #231e25;border-radius:46px;background:linear-gradient(165deg,#4c172c 0%,#21172b 55%,#0e1425 100%);box-shadow:0 32px 65px #34152540;color:#fff;max-width:440px;width:100%;position:relative}.phone-island{width:105px;height:22px;border-radius:30px;background:#100d13;margin:-13px auto 24px}.now-playing{font-size:9px;letter-spacing:.17em;font-weight:600;text-align:center;color:#dfc7d5;margin-bottom:22px}.player-cover{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px;box-shadow:0 18px 35px #0005}.player-title{margin-top:22px}.player-title h2{font-size:21px;line-height:1.25;color:#fff;margin:0 0 7px}.player-title p{color:#d1acbf;font-size:13px;margin:0 0 18px}.phone-player input[type=range]{accent-color:#edbccf;cursor:pointer;border:0;padding:0;min-height:5px;height:5px;background:transparent;box-shadow:none;margin:10px 0}.audio-seek{width:100%}.audio-times{display:flex;justify-content:space-between;font-size:11px;color:#c8b6c6}.audio-transport{display:flex;align-items:center;justify-content:center;gap:36px;margin:21px 0}.audio-transport button{position:relative;background:none;border:0;color:#fff;padding:5px;cursor:pointer}.audio-transport svg{width:31px;height:31px}.audio-transport button span{position:absolute;font-size:9px;left:16px;top:16px}.audio-transport .audio-play{width:64px;height:64px;border-radius:50%;background:#f7edf3;color:#3b1530;display:grid;place-items:center;box-shadow:0 8px 22px #0003}.audio-volume{display:flex;gap:15px;align-items:center}.audio-volume svg{width:20px;height:20px;opacity:.7}.audio-volume input{flex:1}.audio-options{display:flex;justify-content:space-between;gap:15px;margin-top:17px}.audio-options label{font-size:10px;color:#cbb4c3;display:block;flex:1}.audio-options select{width:100%;background:#ffffff12;color:#fff;border:1px solid #ffffff20;border-radius:8px;padding:8px;font-size:12px;margin-top:6px}.audio-options option{color:#21172b;background:white}.media-save{font-size:11px;line-height:1.5;opacity:.75;margin:17px 0 0}.media-error{font-size:13px;color:#bd3645}.phone-player .media-error{color:#ffbdc8}.phone-player .media-save{text-align:center;color:#d3bdcd}.listening-info h2{font-size:clamp(32px,4vw,55px);font-weight:500;color:#4b1427;line-height:1.2}.listening-info p{color:#74636a;line-height:1.8}.listening-info .text-link{display:block;margin-top:20px}.listening-tip{border-left:3px solid #851d36;padding:15px 20px;margin:30px 0;background:#f6efee;color:#6f505a;font-size:14px}.phone-player:fullscreen{max-width:none;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;border-radius:0;overflow:auto}.phone-player:fullscreen>*{width:min(400px,90vw)}.phone-player:fullscreen .phone-island{display:none}.phone-player:fullscreen .audio-transport{display:flex}.owned-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid #eee3df}.owned-actions a{font-size:12px;color:#74172e;font-weight:700}.progress-caption{font-size:11px;color:#6d765e;display:block;margin:10px 0}.portal-filters{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}.portal-filters button{border:1px solid #daccce;background:white;color:#6e253a;border-radius:30px;padding:10px 20px;cursor:pointer}.portal-filters button.active{background:#66162a;color:white}.resource-kind{display:inline-flex;gap:10px;align-items:center;background:#f4eae9;border-radius:12px;padding:16px 20px;margin:15px 0}.upload-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.upload-guide>div{padding:20px;border:1px solid #e8ddd9;border-radius:12px;background:#fffcf8}.upload-guide b{display:block;color:#76233b;margin-bottom:7px}.upload-guide p{font-size:13px;color:#77666d;margin:0}.admin-heading-actions{display:flex;gap:12px;flex-wrap:wrap}.admin-page .admin-tabs{overflow-x:auto;white-space:nowrap}.admin-page .admin-tabs button{flex-shrink:0}.upload-form .file-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.upload-form fieldset{border:1px solid #e0d7d4;border-radius:10px;padding:20px}.upload-form legend{font-weight:700;color:#72253b}.platform-nav{display:flex;gap:15px;align-items:center;padding:15px 20px;background:#fff;border:1px solid #e6dcd9;border-radius:12px;margin:0 0 25px;flex-wrap:wrap}.platform-nav a{font-size:13px;color:#6e253a;font-weight:600}.platform-admin-note{padding:20px;border-radius:14px;background:#f2e5e4;margin:22px 0;display:flex;justify-content:space-between;align-items:center;gap:15px}.platform-admin-note h3{margin:0 0 6px}.platform-admin-note p{font-size:13px;margin:0}.phone-player button:focus-visible,.reader-page button:focus-visible{outline:3px solid #dd9cba;outline-offset:3px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:950px){.reader-layout{grid-template-columns:1fr}.reader-sidebar{max-height:none;order:2;display:grid;grid-template-columns:1fr 1fr;gap:15px}.reader-stage{height:70vh}.listening-layout{gap:35px}.media-heading{align-items:flex-start;flex-direction:column}.upload-guide{grid-template-columns:1fr}.reader-page{padding:25px 18px}.reader-search{gap:8px}.reader-toolbar{position:static}.donation-section{min-height:0}.platform-admin-note{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.listening-layout{grid-template-columns:1fr}.phone-player{margin:0 auto;max-width:390px;padding:23px 25px;border-width:5px}.listening-info{padding:15px}.listening-info h2{font-size:36px}.reader-sidebar{grid-template-columns:1fr}.reader-search span{width:100%}.reader-bottom{font-size:11px}.reader-bottom button{font-size:11px;padding:10px}.reader-stage{padding:12px}.upload-form .file-pair{grid-template-columns:1fr}.reader-toolbar{gap:6px;padding:10px}.reader-toolbar button{padding:10px}.media-heading .actions{flex-wrap:wrap}.media-heading h1{font-size:25px}}