/* Réplica de la experiencia interior: conservar original-global.css como base exacta. */
[hidden]{display:none!important}html{scroll-behavior:smooth}body{min-height:100vh}a{color:inherit}button{touch-action:manipulation}
.app{position:relative;overflow-x:hidden}.top{background:linear-gradient(#0b1e3cb3,#0b1e3c00)}.brand{text-decoration:none}.brand img{border-radius:10px}.screen-tab,.screen-detail{animation:appear .18s ease-out}.screen-detail{padding-top:0}.screen-detail .screen{padding-top:16px}.screen-detail .textlink{margin-bottom:10px}
@keyframes appear{from{opacity:.72;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.nav-icon{font-size:25px;line-height:1.2;display:block}.bottom button{min-width:0;cursor:pointer;font-size:11px;font-weight:800}.bottom button.active .nav-icon{color:#ffcf46;filter:drop-shadow(0 0 6px #ffd15a66)}
.hero{height:365px}.hero-inner{padding-top:55px}.hero h1{font-size:clamp(31px,8vw,40px)}.hero p{font-size:14px}.daily{cursor:pointer}.daily-icon{font-size:22px;display:grid;place-items:center}.tile{color:#fff}.tile small{color:#f1eafa}.diego-entry{cursor:pointer}.gospel-card .eyebrow{color:#356aab}.gospel-card a{display:inline-block;margin-top:8px}
.pause-screen h1,.screen h1{font-size:34px}.pause-screen .adoration{margin:18px 0}.pause-screen .adoration img{height:155px;object-fit:contain}.pause-screen .adoration p{font-size:19px}.pause-screen .timer{width:160px;height:160px}.pause-screen .timer strong{font-size:46px}.pause-screen .controls button{flex:1}.steps{margin:20px 0}.steps>div{text-align:left}.pause-companion{margin:16px 0}
.music-box{background:#142e50;border:1px solid #355579;border-radius:19px;margin:20px 0;padding:18px;text-align:left}.music-box label{color:#e6f4ff;font-size:12px;font-weight:800;display:block}.music-box select{color:#fff;background:#1b365a;border:1px solid #597391;border-radius:12px;width:100%;margin:9px 0 11px;padding:12px}.music-box button{background:#274c75;border:1px solid #5778a3;border-radius:12px;padding:12px 15px;font-weight:800}.music-box .music-state{color:#a9d6dd;margin:10px 0 4px;font-size:12px}.music-box .music-note{color:#aebdd3;font-size:11px;line-height:1.5}.music-box a{color:#79e4dd}.music-box select:focus-visible{outline:3px solid #ffce50}
.mode button{color:#f5f8ff}.reflection{margin:18px 0}.reflection .progress{margin-bottom:18px}.reflection #ref-stage-content p{color:#435572;margin:12px 0}.reflection .controls{margin:22px 0 2px}.reflection .controls button{min-width:0}.reflection .primary{color:#0b1e3c}.reflection .secondary{color:#163452;background:#e7eef7}.reflection .scripture{margin-top:15px}.reflection textarea{min-height:95px}.ref-prayer{font-family:Georgia,serif;font-size:18px!important}.ref-done{background:#e7f8ed;border-radius:13px;padding:12px;color:#214d39!important}
.rosary-invite{width:100%;text-decoration:none}.rosary-invite strong{color:#6b49ad}.rosary-invite:hover{filter:brightness(1.03)}.search input{font-size:15px}.prayers{margin:15px 0 25px}.prayer-main{cursor:pointer}.prayer-body p{color:#d8e7f7;margin:12px 0;white-space:pre-line}.prayer-body button{font-size:13px}.prayer-body small{display:block}.prayer .fav{font-size:25px}.prayer .fav.active{color:#ff719a}.empty-prayers{padding:20px;color:#d2deef;text-align:center}
.chapel{background:radial-gradient(circle at 50% 30%,#405b76,#071629 72%);border:1px solid #e2c77c66;border-radius:24px;overflow:hidden;margin:22px 0;text-align:center}.chapel video{display:block;object-fit:contain;max-height:330px;width:100%;background:#091729}.chapel p{color:#fff1c7;font-family:Georgia,serif;font-size:20px;margin:0;padding:15px}.big-clock{text-align:center;color:#ffda70;font-size:60px;font-weight:900;letter-spacing:1px;margin:18px 0}.checkline{align-items:center;gap:9px;display:flex;margin:20px 0;color:#e9f2ff;font-size:14px;font-weight:800}.checkline input{accent-color:#16c7b6;width:19px;height:19px}.hint{color:#a9bfd5!important;font-size:12px;line-height:1.6;margin:13px 0}.moments{display:grid;gap:8px;margin:22px 0}.moment{text-align:left;background:#163454;border:1px solid #375575;border-radius:12px;padding:12px 15px;display:flex;gap:12px;align-items:center}.moment small{color:#90ddda;min-width:46px}.moment.active{background:#265a74;border-color:#76e7d5}.moment b{font-size:13px}.credits{display:block;color:#a7b9cc;margin:15px 0;font-size:11px;line-height:1.5}.voice-action{margin:12px 0}
.rosary-hero h2{color:#fff}.rosary-select select{max-width:55%}.rosary-card p{white-space:pre-line;color:#344a64}.rosary-card details p{font-size:13px}.beads span{flex:none}.beads span.filled{background:#f6c74c}.beads span.current{outline:2px solid #fff;outline-offset:3px}
.saint-tile{cursor:pointer}.saint-profile{margin-top:20px}.saint-profile h2{color:#152a4c}.saint-profile p{white-space:pre-line}.saint-grid{margin:22px 0}.saint-symbol{height:140px}.big-vli{margin:20px 0}.big-vli .vli-face{width:95px;height:95px}.choice-grid{display:grid;gap:10px;margin:18px 0}.choice-grid button{color:#1d3a57;background:#edf3ff;border:1px solid #bacde1;border-radius:12px;padding:14px;text-align:left;font-weight:800}.choice-grid button.chosen{background:#d5f6ed;border-color:#23b69e}#vli-response{margin:20px 0;white-space:pre-line}
.advice-intro img{max-height:190px}.advice-card .secondary{margin-top:20px}.advice-card .secondary,.saint-profile .secondary{color:#152b49;background:#d8eaf9}.advice-tabs button{cursor:pointer}.wallpapers{margin-top:22px}.sticker-box{margin-bottom:24px}.version-android{margin-top:28px}.route{color:#fff;text-decoration:none}.route small{color:#e5edfa}
.modal-layer{position:fixed;inset:0;z-index:100;background:#030a18d9;display:flex;align-items:center;justify-content:center;padding:15px}.modal-card{color:#fff;background:linear-gradient(145deg,#1b315a,#171c3d);border:1px solid #506586;border-radius:24px;width:min(100%,500px);max-height:92vh;overflow-y:auto;padding:26px;position:relative;box-shadow:0 20px 80px #0009}.modal-card>img{border-radius:12px;margin-bottom:10px}.modal-card h2{font-size:24px;margin:10px 0}.modal-card>p{color:#c9d7e9;font-size:13px;margin:10px 0}.modal-close{position:absolute;top:16px;right:16px;border:0;background:#ffffff21;border-radius:50%;width:37px;height:37px;font-size:23px}.modal-card .backup-box{color:#18304f}.modal-card .backup-box .secondary{background:#dceaf6;color:#173250;border-color:#b4c8e0}.modal-card>.primary{width:100%;margin-top:12px}.backup-box small{margin-top:10px}.toast{position:fixed;z-index:120;bottom:calc(85px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:min(90%,480px);width:max-content;background:#f3f9ff;color:#152b48;border-radius:13px;padding:13px 17px;box-shadow:0 10px 40px #0008;font-size:13px;font-weight:800}
@media(max-width:360px){.content{padding-left:16px;padding-right:16px}.hero-inner{padding-left:17px}.bottom{padding-left:0;padding-right:0}.bottom button{font-size:10px}.nav-icon{font-size:23px}.rosary-select{flex-wrap:wrap}.rosary-select select{max-width:100%}.big-clock{font-size:52px}}
@media(min-width:700px){.modal-layer{padding:25px}}
@media(prefers-reduced-motion:reduce){.screen-tab,.screen-detail{animation:none}}

.char-links{display:grid;gap:9px;margin-top:18px}.char-links h3{font-size:16px;margin:0 0 3px}.char-links a{display:block;padding:12px 14px;border:1px solid #6389b35c;border-radius:12px;background:#f0f6fc;color:#163b69;font-weight:700;text-decoration:none}.char-links a:focus-visible{outline:3px solid #48c8b8;outline-offset:3px}.rosary-intention{font-size:15px;line-height:1.65}.rosary-litanies{white-space:pre-line;line-height:1.7;margin:12px 0;padding:14px;border-radius:13px;background:#eff6ff;color:#153450}.jose-steps{margin-top:22px}.jose-steps li{margin:9px 0;line-height:1.5}

.gospel-chapter{margin:15px 0;border:1px solid #c8d5e8;border-radius:13px;padding:12px;background:#f7fbff;color:#193456}.gospel-chapter summary{cursor:pointer;font-weight:800}.gospel-chapter .gospel-text{max-height:420px;overflow:auto;white-space:pre-line;line-height:1.75;font-family:Georgia,serif;padding:10px 0;color:#273c56}.gospel-chapter .gospel-source{font-size:12px;line-height:1.5;color:#536b87}

.guide-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:22px 0}.guide-stages button{min-height:49px;border:1px solid #b7c9df;border-radius:12px;padding:10px 8px;background:#f4f8ff;color:#214369;font-weight:800;font-size:13px}.guide-stages button.chosen{background:#174477;color:#fff;border-color:#174477}.guide-stages button:focus-visible{outline:3px solid #45d9cc;outline-offset:2px}.guide-daily h3{font-size:16px;color:#264d75;margin:17px 0 6px}.guide-daily p{font-size:15px;line-height:1.7}.guide-daily #guide-day-label{font-size:11px;letter-spacing:.07em}

.gospel-online{display:grid;gap:8px;margin-top:12px}.gospel-online a{display:block;font-size:13px;line-height:1.45;color:#1c527e;font-weight:700;text-decoration:underline;text-underline-offset:3px}

#saints-grid .saint-tile{display:flex;flex-direction:column;gap:8px;text-align:left;overflow:hidden}#saints-grid .saint-tile img{width:100%;height:130px;object-fit:cover;border-radius:11px}#saints-grid .saint-tile .saint-symbol{height:100px;display:grid;place-items:center;font-size:45px}.saint-profile-head{display:flex;align-items:center;gap:14px;margin:14px 0}.saint-profile-head img{width:92px;height:92px;object-fit:cover;border-radius:50%}.saint-profile h3{margin:18px 0 7px;color:#1d4268}.saint-profile p{line-height:1.7}.saint-source{margin:12px 0}.saint-quiz{border:1px solid #cad8e8;background:#f4f9ff;padding:16px;border-radius:14px;margin:18px 0}.saint-quiz #saints-answers{display:grid;gap:8px}.saint-quiz button{border:1px solid #b4c7db;border-radius:10px;background:#fff;color:#1a395c;text-align:left;padding:12px;font-weight:700}.saint-quiz button.chosen{background:#174477;color:white}.saint-quiz [role=status]{font-weight:700;color:#27577a}

#rutas-list .route{text-align:left;width:100%}#ruta-detail .route-detail{padding:18px;border-radius:16px;background:#e9f4ff;color:#18385c;margin:14px 0}#ruta-detail .route-detail h2{margin:9px 0}#ruta-detail .route-detail .route-emoji{font-size:30px}#ruta-detail .progress{display:flex;gap:5px;margin:16px 0}#ruta-detail .progress span{flex:1;height:6px;border-radius:5px;background:#cad9ea}#ruta-detail .progress span.active{background:#257a8b}#ruta-detail p{line-height:1.65}

/* VLUMEN 1.3: experiencia contemplativa */
#screen-ora .ora-featured{color:#fff;background:linear-gradient(112deg,#7444a9,#a95a86 53%,#d9a05c);border:1px solid #f7d58b66;min-height:99px;margin:22px 0;border-radius:19px;box-shadow:0 8px 25px #01081b2a}
#screen-ora .ora-featured .featured-star{display:grid;place-items:center;width:49px;min-width:49px;height:49px;border-radius:13px;background:#ffe4a2;color:#8450ae;font-size:26px}
#screen-ora .ora-featured small{color:#fff6e8;font-size:10px}
.daily-step{margin:24px 0;padding:20px;border-radius:20px;background:linear-gradient(135deg,#193d64,#2d3569);border:1px solid #6787b566}
.daily-step-title{display:flex;align-items:center;gap:13px}.daily-step-title>span{font-size:28px;color:#ffd778}.daily-step-title small{color:#6ce4df;font-size:10px;letter-spacing:.15em;font-weight:800}.daily-step-title h2{margin:4px 0;font-size:21px}.daily-step>p{font-size:13px;color:#e0e9f8}.daily-step label{font-size:13px;font-weight:800;display:block;margin:14px 0 8px}.daily-step textarea{width:100%;box-sizing:border-box;min-height:65px;border-radius:12px;padding:12px;border:1px solid #8aa9c0;background:#f8fbff;color:#1d3451;font:inherit;resize:vertical}.daily-step-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.daily-step-actions button{font-size:12px;background:#dbeaf9;color:#1b3c5d;border:0;border-radius:10px;padding:11px}.daily-step>small{font-size:11px;color:#b6d6e8}.modal-install-link{color:#7ae9df;font-weight:800}
.chapel{position:relative;box-shadow:0 0 40px #e4b96c1a}.chapel:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 37%,#ffe6a01e,transparent 53%);animation:chapel-light 7s ease-in-out infinite alternate}@keyframes chapel-light{from{opacity:.35}to{opacity:1}}@media(prefers-reduced-motion:reduce){.chapel:after{animation:none}}

/* VLUMEN 1.3: pantallas Explora y guía espiritual */
.screen-tab .screen{padding-top:35px}.screen-tab .screen>h1{font-size:clamp(34px,9vw,40px);line-height:1.1;letter-spacing:-.025em;margin:12px 0 14px}
#screen-ora .eyebrow,#screen-explora .eyebrow{color:#52e2d6;font-size:11px;letter-spacing:.19em}
#screen-ora>.content>p,#screen-explora>.content>p{font-size:15px;color:#c3d5ec;line-height:1.65;margin:0 0 28px}
#screen-ora .rosary-invite{margin:0 0 19px;padding:20px 19px;min-height:84px;border-radius:19px}
#screen-ora .rosary-invite b{font-size:16px}
#screen-explora .charism-featured{background:linear-gradient(115deg,#7047b8,#267ab2);border:1px solid #98c8e7aa;min-height:99px;margin:20px 0 25px}
#screen-explora .charism-featured .featured-star{display:grid;place-items:center;background:#ffe5a3;color:#7843b1;width:49px;height:49px;border-radius:13px;font-size:26px}
#screen-explora .charism-featured>span:nth-child(2){flex:1}
#screen-explora .charism-featured b{font-size:16px}
#screen-explora .charism-featured strong{color:#ffdf83;font-size:23px}
#screen-explora .route-sectionhead{margin:25px 0 5px}
#screen-explora .route-sectionhead h2{font-size:20px}
#screen-explora .route-description{margin:4px 0 25px!important}
#screen-explora .route-list{gap:11px}
#screen-explora .route{min-height:92px;padding:16px 19px;border-radius:17px;cursor:pointer}
#screen-explora .route b{font-size:16px}
#screen-explora .route small{font-size:10px}
#screen-explora .route strong{font-size:23px;font-weight:400}
#screen-explora .more-routes{margin-top:18px}
.guide-screen{padding-top:30px!important}.guide-screen>.textlink{display:block;margin:0 0 21px;color:#4de6da;font-weight:800;font-size:14px}
.guide-hero{display:flex;align-items:flex-end;overflow:hidden;border-radius:23px;background:linear-gradient(120deg,#293f75,#4b397d);min-height:290px;padding:23px 10px 0 20px}
.guide-copy{flex:1;min-width:0;padding-bottom:18px}.guide-copy .guide-kicker{color:#ffce63;letter-spacing:.14em;font-size:10px;font-weight:900;line-height:1.9}.guide-copy h1{font-size:33px;line-height:1.06;letter-spacing:-.03em;margin:17px 0 15px}.guide-copy p{color:#f2f2ff;font-size:15px;line-height:1.5;margin:0 0 8px}.guide-copy span{display:block;font-size:12px;color:#d9e1f3;line-height:1.55;margin-top:7px}.guide-hero img{width:39%;max-width:145px;max-height:230px;object-fit:contain;object-position:bottom}.guide-screen .advice-disclosure{margin:14px 0 25px;color:#c5d5e8;font-size:12px}.guide-question{font-size:19px;line-height:1.25;margin:0 0 14px}.guide-stages{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.guide-stages button{border:1px solid #597493;border-radius:30px;background:#223c5c;color:#edf6ff;padding:10px 15px;min-height:41px;font-size:13px;flex:0 0 auto;max-width:100%}.guide-stages button.chosen{background:#ffe09a;color:#172a47;border-color:#ffe09a}.guide-daily{margin:0 0 18px}.nav-svg{display:block;width:25px;height:25px;margin-bottom:4px}.bottom button.active .nav-svg{color:#ffcf46;filter:drop-shadow(0 0 5px #ffcd5c55)}
@media(max-width:390px){.guide-hero{min-height:270px}.guide-copy h1{font-size:30px}.guide-copy p{font-size:14px}.guide-hero img{width:37%}}

/* Vli: personaje de luz para acompañar el camino */
.vli-face.vli-portrait{background:transparent;box-shadow:none;overflow:visible;flex-shrink:0}.vli-portrait img{width:100%;height:100%;object-fit:contain;display:block}.vli-route-icon{display:grid;place-items:center;overflow:hidden}.vli-route-icon img{width:100%;height:100%;object-fit:contain}

/* Contemplación a lo ancho de la pantalla, con movimiento suave y continuo. */
#screen-adoracion .chapel{margin:22px calc(50% - 50vw);border-radius:0;border-left:0;border-right:0}
#screen-adoracion .chapel video{width:100%;height:clamp(260px,65vw,480px);max-height:none;object-fit:cover;animation:vlumen-contemplar 14s ease-in-out infinite alternate;transform-origin:center}
#screen-adoracion .chapel p{position:relative;background:#091729;margin:0}
@keyframes vlumen-contemplar{from{transform:scale(1.01)}to{transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){#screen-adoracion .chapel video{animation:none}}