/* 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}}
/* Rosario: acompañamiento visual y cuentas con progreso accesible. */
.rosary-companion{display:flex;align-items:center;gap:14px;margin:14px 0;padding:12px;border-radius:20px;color:#f6f8ff;background:linear-gradient(125deg,#102752,#123f5a 68%,#49396d);box-shadow:0 8px 24px #10285025}
.rosary-companion img{width:86px;height:86px;object-fit:cover;border-radius:50%;border:2px solid #f4cb77;box-shadow:0 0 18px #7edbd169;flex:none}
.rosary-companion div{display:grid;gap:4px}.rosary-companion small{font-size:10px;font-weight:800;letter-spacing:.11em;color:#b9ebe8}.rosary-companion strong{font-size:15px;line-height:1.25}.rosary-companion span{font-size:12px;line-height:1.4;color:#e0eaf4}
.beads{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:18px 12px;margin:12px 0 2px;border-radius:20px;background:linear-gradient(135deg,#10274b,#203c64 50%,#35416e)}
.beads .rosary-bead{appearance:none;display:block;flex:none;width:23px;height:23px;min-width:23px;min-height:23px;margin:5px 0;padding:0;border-radius:50%;border:2px solid #b8dbe5;background:linear-gradient(145deg,#8bbbd0,#447493);box-shadow:inset 0 2px 4px #ffffff70,0 2px 5px #0007;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s}
.beads .rosary-bead.filled{border-color:#ffe5a6;background:linear-gradient(140deg,#fff2bd,#f6bd45 60%,#e98c65);box-shadow:0 0 12px #f9c85999,inset 0 1px 4px #fff8}
.beads .rosary-bead.current{transform:scale(1.3);border-color:white;background:linear-gradient(135deg,#fff8da,#ffdb61,#78e9de);box-shadow:0 0 8px #fff,0 0 21px #55f5e0,0 0 30px #a780fc;animation:rosary-glow 1.5s ease-in-out infinite alternate}
.beads .rosary-bead:focus-visible{outline:3px solid #fff;outline-offset:4px}.rosary-progress{text-align:center;color:#48617d;font-size:12px;margin:4px 0 10px}
@keyframes rosary-glow{from{filter:brightness(1);box-shadow:0 0 7px #fff,0 0 16px #68e8e1}to{filter:brightness(1.15);box-shadow:0 0 12px #fff,0 0 26px #80ece4,0 0 34px #b88cff}}
@media (prefers-reduced-motion:reduce){.beads .rosary-bead{transition:none}.beads .rosary-bead.current{animation:none}}
/* María acompaña el desplazamiento sin cubrir las oraciones. */
#screen-rosario{position:relative;isolation:isolate}
#screen-rosario.with-maria::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,22,49,.97) 0%,rgba(5,22,49,.73) 48%,rgba(5,22,49,.49) 100%),url('/assets/maria-rosario.webp') right 39%/auto 90vh no-repeat;opacity:.78}
#screen-rosario>.screen{position:relative;z-index:1}
#screen-rosario .rosary-companion{position:relative;overflow:hidden;min-height:175px;padding:20px;gap:20px;background:linear-gradient(105deg,#102752 5%,#17375de8 62%,#49396d99);margin:20px 0 24px}
#screen-rosario .rosary-companion img{width:125px;height:125px;box-shadow:0 0 30px #70cfd175}
#screen-rosario .rosary-companion div{gap:9px;line-height:1.5}
#screen-rosario .rosary-companion strong{font-size:17px;line-height:1.35}
#screen-rosario .rosary-companion span{font-size:13px;line-height:1.6}
#screen-rosario .rosary-card{background:rgba(252,247,242,.94)}
#screen-rosario .rosary-card p{line-height:1.75;letter-spacing:.005em;white-space:pre-line}
#screen-rosario .rosary-intention{line-height:1.65;margin-top:22px;margin-bottom:18px}
#screen-rosario [data-music-slot=rosario]{display:block;margin:20px 0 26px}
#screen-rosario .rosary-progress{color:#e5f3ff}
@media(max-width:390px){#screen-rosario .rosary-companion{padding:16px;gap:14px}#screen-rosario .rosary-companion img{width:96px;height:96px}#screen-rosario .rosary-companion strong{font-size:15px}}
.music-box .music-volume{display:block;margin:18px 0 5px;color:#e6f4ff;font-size:12px;font-weight:800}
.music-box .music-volume-value{float:right;color:#b8e9e7}
.music-box .music-volume-input{display:block;width:100%;margin:12px 0 8px;accent-color:#75e8dc;cursor:pointer}
.music-box .music-volume-input:focus-visible{outline:3px solid #ffce50;outline-offset:3px}
/* San José acompaña la coronilla sin cubrir los textos. */
#screen-rosario.with-jose::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,22,49,.97) 0%,rgba(5,22,49,.73) 48%,rgba(5,22,49,.49) 100%),url('/assets/jose-rosario.webp') right 39%/auto 90vh no-repeat;opacity:.78}
/* Cielo y luces para los seis momentos de adoración. */
#screen-adoracion{position:relative;isolation:isolate}
#screen-adoracion::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,15,37,.36),rgba(4,15,37,.64)),url('/assets/cielo-adoracion.webp') center/cover no-repeat}
#screen-adoracion>.screen{position:relative;z-index:1}
#screen-adoracion .reflection{background:rgba(252,247,242,.95)}
#screen-adoracion .reflection p{line-height:1.75}
#screen-adoracion .chapel{box-shadow:0 0 28px #56d9d150,0 0 55px #7353c43a}
#screen-adoracion .adoration-path-label{margin:22px 0 8px;text-align:center;font-size:10px;letter-spacing:.14em;font-weight:800;color:#bdebe8}
.adoration-path{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 auto 14px;padding:12px}
.adoration-path .adoration-light{appearance:none;display:block;flex:none;width:21px;height:21px;min-width:21px;min-height:21px;border-radius:50%;padding:0;border:2px solid #b8dbe5;background:linear-gradient(145deg,#8bbbd0,#447493);box-shadow:inset 0 2px 4px #fff7,0 2px 5px #0007;cursor:pointer}
.adoration-path .adoration-light.completed{background:linear-gradient(140deg,#fff2bd,#f6bd45);border-color:#ffe5a6;box-shadow:0 0 12px #f9c85999}
.adoration-path .adoration-light.current{transform:scale(1.22);border-color:#fff;background:linear-gradient(135deg,#fff8da,#ffdb61,#78e9de);animation:rosary-glow 1.5s ease-in-out infinite alternate}
.adoration-path .adoration-light:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:360px){.adoration-path{gap:14px}}
@media(prefers-reduced-motion:reduce){.adoration-path .adoration-light.current{animation:none}}
/* Mostrar la grabación completa, sin recortar ni simular movimiento de cámara. */
#screen-adoracion .chapel video{height:auto;aspect-ratio:16/9;object-fit:contain;animation:none;background:#091729}
#screen-adoracion .adoration-video-credit{display:block;text-align:center;margin:-12px 0 20px;color:#c5dce9;font-size:11px;line-height:1.5}
#screen-adoracion .adoration-video-credit a{color:#9fece3}
/* Bli mantiene su dibujo original y cobra vida con gestos suaves. */
.vli-face.vli-portrait{position:relative;isolation:isolate}
.vli-face.vli-portrait::before{content:'';position:absolute;inset:4%;z-index:0;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#ffd875a8 2%,#72e6d65c 45%,transparent 72%);filter:blur(7px);animation:vli-halo 3.8s ease-in-out infinite alternate}
.vli-face.vli-portrait::after{content:'✦';position:absolute;z-index:2;top:5%;right:-5%;color:#fff7c5;text-shadow:0 0 9px #e7c55f;font-size:16px;pointer-events:none;animation:vli-spark 3.8s ease-in-out infinite}
.vli-portrait img{position:relative;z-index:1;animation:vli-float 3.8s ease-in-out infinite}
.vli{background:linear-gradient(110deg,#fff3d2,#ebfaf3,#f0edff,#fff1d2);background-size:220% 220%;animation:vli-colors 10s ease-in-out infinite alternate}
@keyframes vli-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@keyframes vli-halo{from{opacity:.45;transform:scale(.9)}to{opacity:.95;transform:scale(1.15)}}
@keyframes vli-spark{0%,100%{opacity:.35;transform:scale(.7) rotate(0deg)}50%{opacity:1;transform:scale(1.15) rotate(25deg)}}
@keyframes vli-colors{from{background-position:0% 45%}to{background-position:100% 55%}}
/* Transiciones de contenido: el fondo fijo y la barra de navegación permanecen estables. */
.screen-tab,.screen-detail{animation:none}
.screen-tab:not([hidden])>* , .screen-detail:not([hidden])>.content{animation:vlumen-screen-in .38s cubic-bezier(.2,.7,.25,1)}
@keyframes vlumen-screen-in{from{opacity:0;filter:blur(3px);transform:translateY(8px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.vli,.vli-portrait img,.vli-face.vli-portrait::before,.vli-face.vli-portrait::after,.screen-tab:not([hidden])>*,.screen-detail:not([hidden])>.content{animation:none!important}}