@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700;800&display=swap');
:root{--navy:#061633;--navy2:#0b2855;--blue:#0c4d91;--gold:#e8c66b;--gold2:#f8df91;--white:#f8f8fc;--muted:#b9c9df;--cyan:#62cfff;--header-h:118px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;background:#071a3a;color:var(--white);font-family:'DM Sans',Arial,sans-serif;padding-bottom:28px;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{position:fixed;z-index:1000;top:0;left:0;right:0;background:rgba(4,17,43,.97);border-bottom:1px solid rgba(232,198,107,.6);box-shadow:0 8px 26px #020b1c88;backdrop-filter:blur(16px)}.header-inner{max-width:1240px;margin:auto;min-height:76px;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand img{width:76px;height:76px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 2px 10px #d6b44a55)}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font:800 clamp(21px,3vw,32px) 'Playfair Display',serif;letter-spacing:.2px}.brand-copy em{font:700 clamp(14px,2vw,20px) 'Playfair Display',serif;color:var(--gold);font-style:italic}.brand-copy small{font-size:9px;letter-spacing:3px;color:#c5d4e8;margin-top:7px}.header-right{display:flex;align-items:center;gap:20px}.church-mark{display:flex;align-items:center;gap:9px;border-left:1px solid #c7a94e;padding-left:18px;color:#e8eaf3;font:600 12px/1.25 'Playfair Display',serif}.church-mark img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:white}.socials{display:flex;gap:9px;align-items:center}.social{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#fff}.social svg{width:22px;height:22px}.facebook{background:#1877f2}.tiktok{background:#03060c;color:#fff;border:1px solid #777}.tunein{background:#00c9c9;color:#001e35;border-radius:5px;font-size:10px;font-weight:900;padding:8px 5px;line-height:1}.tunein span{background:#003f60;color:#fff;margin-left:2px;padding:3px}.main-nav{height:42px;display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,54px);background:linear-gradient(90deg,#08224a,#0b4784,#08224a);border-top:1px solid #234e7b}.main-nav a{font-size:13px;font-weight:700;color:#eef4ff;transition:.2s}.main-nav a:hover{color:var(--gold)}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--gold);margin:5px}
main{padding-top:118px}.hero{max-width:1240px;min-height:390px;margin:0 auto;position:relative;overflow:hidden;display:flex;align-items:center;padding:48px 7%;background:radial-gradient(ellipse at 54% 46%,#164b7a 0%,#0b2855 42%,#06152f 100%);border-bottom:1px solid #987a3a}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#06152f 0%,#06152fdd 43%,#06152f55 68%,#06152f22),repeating-linear-gradient(135deg,transparent 0 35px,#ffffff05 36px 37px)}.hero-glow{position:absolute;width:480px;height:480px;border-radius:50%;background:#1d76b655;filter:blur(80px);right:20%;top:-160px}.hero-copy{position:relative;z-index:2;max-width:610px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--gold);font-weight:800}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e33d42;margin-right:8px;box-shadow:0 0 10px #f44}.hero h1{font:800 clamp(46px,6.6vw,82px)/.98 'Playfair Display',serif;margin:17px 0;color:#fff;text-shadow:0 4px 20px #0008}.hero h1 span{color:var(--gold);font-style:italic}.hero-copy>p{font-size:clamp(15px,2vw,20px);line-height:1.5;color:#d7e5f7;margin:18px 0}.verse{display:inline-flex;flex-direction:column;gap:7px;padding:12px 18px;border-left:3px solid var(--gold);background:#06172c99;color:#dce7f7;font:italic 13px 'Playfair Display',serif}.verse b{color:var(--gold);font:800 11px 'DM Sans',sans-serif;letter-spacing:1px}.hero-photo{position:absolute;right:3%;bottom:-45px;width:34%;height:96%;z-index:1;overflow:hidden;border-radius:48% 48% 0 0;border:2px solid #d7b653;box-shadow:0 0 45px #d3b45c33}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#06152f 0%,transparent 55%)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 24%}.hero-mic{position:absolute;right:34%;top:18%;width:100px;opacity:.72;filter:drop-shadow(0 0 15px #6acfff88)}
.player-wrap{max-width:1180px;margin:-25px auto 0;padding:0 22px;position:relative;z-index:10}.player{min-height:88px;border:1px solid #5dcaff;border-radius:20px;background:linear-gradient(110deg,#06162f,#0a3262 60%,#06162f);box-shadow:0 0 0 4px #0b376477,0 12px 35px #0008,0 0 24px #2aaaff55;display:flex;align-items:center;gap:18px;padding:14px 22px}.live-label{display:flex;align-items:center;gap:8px;color:#fff;background:#a91e2b;border-radius:30px;padding:10px 13px;font-size:11px;font-weight:900;white-space:nowrap}.live-dot{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #fff3;animation:pulse 1.5s infinite}.play-button{width:54px;height:54px;flex:0 0 54px;border-radius:50%;border:2px solid var(--gold);background:linear-gradient(145deg,#1b72bd,#06274e);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 16px #2d9ee988}.play-button svg{width:23px;height:23px}.pause-icon{display:none}.play-button.playing .play-icon{display:none}.play-button.playing .pause-icon{display:block}.player-title{display:flex;flex-direction:column;min-width:190px;gap:4px}.player-title strong{font-size:13px}.player-title span{font-size:11px;color:#c3d4e9}.equalizer{height:42px;display:flex;align-items:center;gap:3px;flex:1;min-width:70px;justify-content:center}.equalizer i{display:block;width:3px;height:calc(7px + (var(--i)%6)*4px);background:linear-gradient(0deg,#1673b5,#78dcff);border-radius:4px;animation:eq calc(.65s + (var(--i)%5)*.17s) ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.09s);opacity:.75}.equalizer.active i{animation-duration:calc(.28s + (var(--i)%5)*.1s);opacity:1}.mute-button{background:none;border:0;color:#e5efff;cursor:pointer;padding:5px}.mute-button svg{width:22px;height:22px}.player input[type=range]{width:92px;accent-color:var(--gold);cursor:pointer}.quality{font-size:9px;text-align:center;letter-spacing:1px;color:#b8c9df;border-left:1px solid #486487;padding-left:15px;line-height:1.4}.quality b{color:var(--gold);font-size:11px}.player-status{text-align:center;font-size:11px;color:#b8c8dd;margin:9px 0 0}.content-grid{max-width:1120px;margin:46px auto 30px;padding:0 22px;display:grid;grid-template-columns:1fr 1.15fr;gap:22px}.schedule-card,.host-card{border:1px solid #9d854a66;border-radius:18px;background:linear-gradient(145deg,#0d2b55,#061a37);box-shadow:0 15px 30px #0003}.schedule-card{padding:25px 28px}.section-kicker{font-size:10px;letter-spacing:3px;color:var(--gold);font-weight:900}.schedule-card h2{font:700 28px 'Playfair Display',serif;margin:5px 0 19px}.schedule-item{display:flex;gap:13px;align-items:flex-start;padding:12px 0;border-top:1px solid #ffffff18;position:relative}.calendar{color:var(--gold);font-size:24px;line-height:1}.schedule-item h3{margin:0 0 3px;color:var(--gold2);font-size:14px}.schedule-item b{font-size:12px}.schedule-item p{font-size:12px;color:#c7d7e9;margin:3px 0 0}.host-card{display:flex;overflow:hidden;align-items:center;gap:22px;padding:16px}.host-image{width:45%;height:260px;border-radius:13px;overflow:hidden;border:2px solid var(--gold);flex-shrink:0}.host-image img{width:100%;height:100%;object-fit:cover;object-position:center 22%}.host-copy span{font-size:10px;letter-spacing:2px;color:var(--gold)}.host-copy h2{font:700 clamp(21px,2.5vw,31px) 'Playfair Display',serif;margin:9px 0;color:var(--gold2)}.host-copy p{font-size:13px;line-height:1.6;color:#d1dced}.ministry-band{max-width:1120px;margin:35px auto;padding:22px;display:grid;grid-template-columns:230px 1fr 110px;align-items:center;gap:25px;border-top:1px solid #d4b45a77;border-bottom:1px solid #d4b45a77;background:linear-gradient(90deg,#0a2a52,#0b2144)}.ministry-image{height:150px;border-radius:12px;overflow:hidden;border:1px solid var(--gold)}.ministry-image img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.ministry-band h2{font:700 24px 'Playfair Display',serif;margin:8px 0}.ministry-band p{font-size:13px;color:#c7d7e9;line-height:1.6}.ministry-seal{width:100px;height:100px;border-radius:50%;object-fit:cover;background:white;border:2px solid var(--gold)}.gallery-section{max-width:1120px;margin:58px auto 48px;padding:0 22px}.gallery-heading{text-align:center;max-width:680px;margin:0 auto 25px}.gallery-heading h2{font:700 clamp(27px,4vw,38px) 'Playfair Display',serif;color:var(--gold2);margin:8px 0}.gallery-heading p{font-size:13px;line-height:1.65;color:#c5d4e7}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.gallery-card{position:relative;display:block;min-height:190px;height:220px;overflow:hidden;border:1px solid #b99a4d88;border-radius:13px;background:#071a36;box-shadow:0 9px 22px #0004}.gallery-card.gallery-wide{grid-column:span 2}.gallery-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease,opacity .35s ease}.gallery-card:hover img{transform:scale(1.045);opacity:.8}.gallery-card span{position:absolute;left:0;right:0;bottom:0;padding:26px 13px 12px;background:linear-gradient(transparent,#041329ed);color:#fff;font-size:12px;font-weight:800;letter-spacing:.2px}.gallery-card:focus-visible{outline:3px solid var(--gold2);outline-offset:3px}
.listen-section{max-width:1120px;margin:45px auto 55px;padding:0 22px;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.listen-section h2{width:100%;text-align:center;font:700 24px 'Playfair Display',serif;color:var(--gold2)}.tunein-large,.facebook-live{display:flex;align-items:center;gap:12px;padding:14px 22px;border:1px solid #638bb5;border-radius:12px;background:#09274d;min-height:65px}.tunein-large>span{background:#00d2ce;color:#05233a;font-weight:900;padding:7px;border-radius:5px}.tunein-large>b{background:#00516e;color:#fff;padding:7px;border-radius:5px;margin-left:-12px}.tunein-large em{font-style:normal;font-weight:700;font-size:13px}.fb-f{font:bold 30px Arial;background:#1877f2;border-radius:50%;width:38px;height:38px;text-align:center}.facebook-live span:nth-child(2){font-size:12px}.facebook-live strong{font-size:10px;background:#b71f2b;padding:7px;border-radius:5px}footer{padding:35px 22px 110px;text-align:center;background:#041128;border-top:1px solid #8f763d}.footer-brand{display:flex;align-items:center;justify-content:center;gap:12px}.footer-brand img{width:55px;height:55px;object-fit:contain;border-radius:50%}.footer-brand div{display:flex;flex-direction:column;text-align:left}.footer-brand strong{font:700 17px 'Playfair Display',serif}.footer-brand span{color:var(--gold);font-size:12px}footer p{font-size:12px;color:#aebfd5}.footer-links{display:flex;justify-content:center;gap:22px;margin:18px 0}.footer-links a{font-size:12px;color:var(--gold2)}footer small{font-size:10px;color:#8094af}.whatsapp-widget{position:fixed;right:22px;bottom:26px;z-index:1100;display:flex;align-items:center;gap:10px}.wa-button{width:62px;height:62px;border:2px solid #fff;border-radius:50%;background:#19c65b;color:#fff;box-shadow:0 5px 22px #0008;display:grid;place-items:center;cursor:pointer}.wa-button svg{width:36px;height:36px}.wa-bubble{max-width:185px;padding:10px 13px;background:#fff;color:#15304c;border-radius:12px 12px 2px 12px;font-size:11px;font-weight:700;box-shadow:0 5px 18px #0005}.install-modal{position:fixed;inset:0;z-index:2000;background:#020a19a8;display:grid;place-items:center;padding:18px;backdrop-filter:blur(4px)}.install-modal[hidden]{display:none}.install-card{width:min(390px,100%);position:relative;border:1px solid var(--gold);border-radius:17px;background:linear-gradient(145deg,#102e59,#06162f);box-shadow:0 20px 70px #0009;padding:22px;display:grid;grid-template-columns:60px 1fr;gap:13px;align-items:center}.modal-x{position:absolute;right:10px;top:7px;border:0;background:none;color:#d7e3f4;font-size:25px;cursor:pointer}.install-logo{width:58px;height:58px;border-radius:12px}.install-card h2{font:700 19px 'Playfair Display',serif;margin:0 20px 5px 0;color:var(--gold2)}.install-card p{font-size:12px;color:#d2deee;line-height:1.45;margin:0}.install-actions{grid-column:1/-1;display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.btn-gold,.btn-quiet{border:0;border-radius:8px;padding:10px 18px;font-weight:800;font-size:12px;cursor:pointer}.btn-gold{background:linear-gradient(90deg,#cba84f,#f1d88d);color:#13213b}.btn-quiet{background:#ffffff12;color:#e5edf8;border:1px solid #ffffff30}.install-help{grid-column:1/-1!important;margin-top:2px!important}.install-help[hidden]{display:none}@keyframes eq{from{transform:scaleY(.25)}to{transform:scaleY(1.1)}}@keyframes pulse{50%{box-shadow:0 0 0 7px #fff1;opacity:.6}}
@media(max-width:820px){:root{--header-h:106px}.header-inner{min-height:66px;padding:7px 15px}.brand img{width:59px;height:59px}.brand-copy small{font-size:7px;letter-spacing:2px}.church-mark{display:none}.header-right{margin-left:auto}.socials{gap:6px}.social{width:30px;height:30px}.social svg{width:19px;height:19px}.menu-toggle{display:block}.main-nav{height:auto;display:none;flex-direction:column;align-items:stretch;gap:0;padding:6px 18px 13px}.main-nav.open{display:flex}.main-nav a{padding:12px 8px;border-bottom:1px solid #ffffff17}.main-nav a:last-child{border:0}main{padding-top:66px}.hero{min-height:370px;padding:42px 6%}.hero-photo{right:-4%;width:42%;opacity:.72}.hero-copy{max-width:66%}.hero-mic{display:none}.player{gap:10px;padding:12px 13px;flex-wrap:wrap}.player-title{min-width:140px;flex:1}.equalizer{order:5;flex-basis:100%;height:20px}.quality{display:none}.content-grid{grid-template-columns:1fr;margin-top:34px}.host-image{height:235px}.ministry-band{margin-left:22px;margin-right:22px;grid-template-columns:150px 1fr}.ministry-seal{display:none}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-card{height:205px}}
@media(max-width:560px){body{padding-bottom:16px}.header-inner{gap:8px}.brand{gap:7px}.brand img{width:49px;height:49px}.brand-copy strong{font-size:18px}.brand-copy em{font-size:13px}.brand-copy small{font-size:6px;letter-spacing:1.4px}.header-right{display:none}.main-nav{padding-left:20px}.hero{min-height:400px;padding:38px 22px 145px;align-items:flex-start}.hero:before{background:linear-gradient(90deg,#06152ff5,#06152fbb 75%,#06152f77)}.hero-copy{max-width:100%;z-index:3}.hero h1{font-size:52px}.hero-copy>p{font-size:15px;max-width:300px}.hero-photo{width:54%;height:58%;right:-3%;bottom:-35px;opacity:.55;border-radius:50% 50% 0 0}.verse{font-size:11px}.player-wrap{margin:-15px 10px 0;padding:0}.player{border-radius:15px;gap:8px;padding:10px}.live-label{font-size:9px;padding:8px}.play-button{width:44px;height:44px;flex-basis:44px}.player-title{min-width:110px}.player-title strong{font-size:10px}.player-title span{font-size:10px}.mute-button{padding:2px}.player input[type=range]{width:60px}.player-status{font-size:10px}.content-grid{padding:0 14px;gap:14px;margin-top:27px}.schedule-card{padding:20px}.host-card{gap:13px;padding:12px}.host-image{width:42%;height:200px}.host-copy h2{font-size:20px}.host-copy p{font-size:11px}.ministry-band{margin:25px 14px;padding:16px;grid-template-columns:1fr;gap:13px}.gallery-section{padding:0 14px;margin:42px auto}.gallery-grid{gap:9px}.gallery-card{height:165px;min-height:150px;border-radius:10px}.gallery-card.gallery-wide{grid-column:span 2}.gallery-card span{font-size:10px;padding:24px 9px 9px}.ministry-image{height:170px}.ministry-band h2{font-size:21px}.gallery-section{max-width:1120px;margin:58px auto 48px;padding:0 22px}.gallery-heading{text-align:center;max-width:680px;margin:0 auto 25px}.gallery-heading h2{font:700 clamp(27px,4vw,38px) 'Playfair Display',serif;color:var(--gold2);margin:8px 0}.gallery-heading p{font-size:13px;line-height:1.65;color:#c5d4e7}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.gallery-card{position:relative;display:block;min-height:190px;height:220px;overflow:hidden;border:1px solid #b99a4d88;border-radius:13px;background:#071a36;box-shadow:0 9px 22px #0004}.gallery-card.gallery-wide{grid-column:span 2}.gallery-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease,opacity .35s ease}.gallery-card:hover img{transform:scale(1.045);opacity:.8}.gallery-card span{position:absolute;left:0;right:0;bottom:0;padding:26px 13px 12px;background:linear-gradient(transparent,#041329ed);color:#fff;font-size:12px;font-weight:800;letter-spacing:.2px}.gallery-card:focus-visible{outline:3px solid var(--gold2);outline-offset:3px}
.listen-section{gap:12px}.listen-section h2{font-size:21px}.tunein-large,.facebook-live{width:100%;justify-content:center}.whatsapp-widget{right:13px;bottom:18px}.wa-button{width:54px;height:54px}.wa-button svg{width:31px;height:31px}.wa-bubble{max-width:145px;font-size:10px}.footer-links{gap:14px}footer{padding-bottom:95px}.install-card{padding:19px}.desktop-only{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}


/* Galería ampliada con navegación anterior / siguiente */
.gallery-card{cursor:zoom-in}
.gallery-lightbox[hidden]{display:none!important}
.gallery-lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:60px 76px 48px;background:rgba(2,9,24,.96);backdrop-filter:blur(9px)}
.lightbox-figure{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:min(1100px,100%);max-height:100%;margin:0}
.lightbox-figure img{display:block;max-width:100%;max-height:calc(100vh - 150px);width:auto;height:auto;object-fit:contain;border:1px solid #d8b85e;border-radius:12px;box-shadow:0 18px 65px #0009}
.lightbox-figure figcaption{margin-top:13px;color:#fff;text-align:center;font-weight:700;font-size:15px}
.lightbox-counter{position:absolute;top:12px;right:12px;padding:6px 11px;border-radius:20px;background:#061a38cc;color:#fff;font-size:12px}
.lightbox-close,.lightbox-arrow{position:absolute;z-index:2;display:grid;place-items:center;border:1px solid #d9b85d;background:#071a36dd;color:#fff;cursor:pointer;transition:background .2s,transform .2s}
.lightbox-close:hover,.lightbox-arrow:hover{background:#17477b;transform:scale(1.06)}
.lightbox-close{top:20px;right:24px;width:44px;height:44px;border-radius:50%;font-size:30px;line-height:1}
.lightbox-arrow{top:50%;width:52px;height:64px;border-radius:14px;font-size:46px;line-height:1;transform:translateY(-50%)}
.lightbox-arrow:hover{transform:translateY(-50%) scale(1.06)}
.lightbox-prev{left:18px}.lightbox-next{right:18px}
body.lightbox-open{overflow:hidden}
@media(max-width:600px){
 .gallery-lightbox{padding:64px 12px 38px}
 .lightbox-figure img{max-height:calc(100vh - 170px);max-width:100%;border-radius:8px}
 .lightbox-arrow{width:42px;height:52px;font-size:37px;background:#071a36e8}
 .lightbox-prev{left:8px}.lightbox-next{right:8px}
 .lightbox-close{top:12px;right:12px}
 .lightbox-figure figcaption{font-size:13px;padding:0 12px}
}