:root{
  --navy:#07132f;
  --navy-2:#0d214d;
  --blue:#163a76;
  --gold:#d9b85b;
  --gold-2:#f0d784;
  --cream:#f7f3ea;
  --paper:#fffdf8;
  --ink:#111827;
  --muted:#657086;
  --line:rgba(12,31,72,.14);
  --shadow:0 24px 70px rgba(5,16,40,.14);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Montserrat,Arial,sans-serif;line-height:1.7}body.menu-open{overflow:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button,input,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.section{padding:112px 0}.skip-link{position:fixed;left:12px;top:-100px;z-index:999;background:#fff;padding:10px 14px}.skip-link:focus{top:12px}
.site-header{position:fixed;inset:0 0 auto;z-index:50;transition:.3s}.site-header:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,23,.74),transparent);height:120px;pointer-events:none}.site-header.scrolled{background:rgba(5,15,39,.96);box-shadow:0 12px 35px rgba(0,0,0,.18);backdrop-filter:blur(16px)}.site-header.scrolled:before{display:none}.nav-wrap{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:28px}.brand{display:flex;align-items:center;gap:13px;color:white;min-width:235px}.brand img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid rgba(240,215,132,.9);box-shadow:0 0 0 4px rgba(255,255,255,.08)}.brand span{display:flex;flex-direction:column;text-transform:uppercase;line-height:1.08}.brand strong{font-family:"Cormorant Garamond",serif;font-size:1.2rem;letter-spacing:.035em}.brand small{margin-top:5px;font-size:.61rem;letter-spacing:.22em;color:var(--gold-2);font-weight:700}.main-nav{display:flex;align-items:center;gap:27px;color:#fff;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.main-nav a{position:relative;opacity:.92}.main-nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--gold);transition:.25s}.main-nav a:hover:after{right:0}.nav-cta{border:1px solid rgba(240,215,132,.72);padding:11px 18px;border-radius:999px;color:var(--gold-2)}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:27px;height:2px;background:#fff;margin:5px}
.hero{position:relative;min-height:100svh;display:flex;align-items:center;color:white;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('assets/hero.jpg') center 40%/cover no-repeat;transform:scale(1.025)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,29,.95) 0%,rgba(7,20,50,.83) 42%,rgba(7,18,43,.44) 72%,rgba(4,11,29,.36) 100%),linear-gradient(0deg,rgba(2,8,23,.85),transparent 48%)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:92px;background:linear-gradient(to top,var(--paper),transparent);opacity:.18}.hero-content{position:relative;padding-top:132px;padding-bottom:100px;max-width:970px}.eyebrow{text-transform:uppercase;letter-spacing:.25em;font-size:.7rem;font-weight:800;color:var(--gold-2);margin:0 0 18px}.eyebrow.dark{color:#9b7318}.hero h1,.section h2,.photo-banner h2,.cta-section h2{font-family:"Cormorant Garamond",serif}.hero h1{font-size:clamp(3.6rem,7.2vw,7.2rem);line-height:.83;margin:0 0 28px;font-weight:600;max-width:950px;text-shadow:0 8px 35px rgba(0,0,0,.28)}.hero h1 span{display:block;color:var(--gold-2);font-style:italic;font-weight:500}.hero-copy{max-width:690px;font-size:clamp(1rem,1.5vw,1.22rem);color:#e8edf6}.hero-actions,.visit-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 25px;border-radius:999px;text-transform:uppercase;letter-spacing:.1em;font-size:.69rem;font-weight:800;transition:.25s}.btn-primary{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#10172c;box-shadow:0 10px 30px rgba(217,184,91,.2)}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn-ghost{border:1px solid rgba(255,255,255,.6);color:#fff}.btn-ghost:hover{background:#fff;color:var(--navy)}.hero-verse{margin-top:54px;padding:0 0 0 21px;border-left:2px solid var(--gold);display:flex;flex-direction:column;max-width:600px;color:#eef1f7;font-family:"Cormorant Garamond",serif;font-size:1.25rem}.hero-verse strong{font-family:Montserrat,sans-serif;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;margin-top:5px;color:var(--gold-2)}.scroll-cue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:2;width:35px;height:55px;border:1px solid rgba(255,255,255,.45);border-radius:999px;color:transparent}.scroll-cue:before{content:"";position:absolute;left:50%;top:12px;width:4px;height:8px;border-radius:9px;background:#fff;transform:translateX(-50%);animation:scrollDot 1.7s infinite}@keyframes scrollDot{70%{transform:translate(-50%,20px);opacity:0}}
.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center}.split-grid.reverse{grid-template-columns:1.05fr .95fr}.image-frame{position:relative}.image-frame:before{content:"";position:absolute;left:-18px;bottom:-18px;width:68%;height:64%;background:linear-gradient(145deg,var(--gold-2),var(--gold));z-index:-1}.image-frame:after{content:"";position:absolute;top:-18px;right:-18px;width:38%;height:42%;border:1px solid rgba(18,51,104,.2);z-index:-1}.image-frame img{width:100%;height:575px;object-fit:cover;object-position:center;border-radius:3px;box-shadow:var(--shadow)}.image-frame.tall img{height:650px}.image-badge{position:absolute;right:-30px;bottom:34px;background:var(--navy);color:#fff;padding:24px 28px;box-shadow:0 18px 45px rgba(4,14,36,.28);display:flex;flex-direction:column}.image-badge strong{font-family:"Cormorant Garamond",serif;font-size:1.75rem}.image-badge span{color:var(--gold-2);font-size:.68rem;text-transform:uppercase;letter-spacing:.15em}.section-copy h2,.section-heading h2,.visit h2,.cta-section h2,.photo-banner h2{font-size:clamp(2.9rem,5vw,4.8rem);line-height:.92;margin:0 0 25px;color:var(--navy);font-weight:600}.section-copy p,.section-heading p{color:var(--muted)}.section-copy p{font-size:1.02rem}.text-link{display:inline-flex;gap:10px;align-items:center;margin-top:10px;font-weight:800;color:var(--navy);font-size:.83rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--gold);padding-bottom:5px}.text-link span{color:#a97d17}.welcome{background:linear-gradient(180deg,#fffdf8,#fbf8f1)}
.times{background:radial-gradient(circle at 85% 15%,rgba(41,84,150,.3),transparent 34%),linear-gradient(145deg,#07132f,#0a1d45);color:#fff;position:relative;overflow:hidden}.times:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.035) 50%,transparent 50.2%);background-size:80px 80px}.times .container{position:relative}.times .section-heading h2,.times .section-heading p{color:#fff}.section-heading{max-width:760px;margin-bottom:52px}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.time-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:930px;margin:auto}.time-card{position:relative;padding:52px 44px;background:rgba(20,43,88,.74);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);overflow:hidden}.time-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold)}.time-card.featured{background:linear-gradient(145deg,#efd77f,#c49a35);color:#111a31}.time-card .day{text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-weight:800}.time-card strong{display:block;font-family:"Cormorant Garamond",serif;font-size:5rem;line-height:1;margin:20px 0 12px}.time-card strong small{font-size:1.15rem}.time-card h3{margin:0;font-size:1.08rem}.time-card p{opacity:.78}.pastors{background:var(--cream)}.pastor-name{font-family:"Cormorant Garamond",serif;font-size:1.8rem;line-height:1.25;color:#27375f}.pastor-name span{color:#9b7318}.section-copy blockquote{margin:29px 0;border-left:3px solid var(--gold);padding:10px 0 10px 22px;font-family:"Cormorant Garamond",serif;font-size:1.45rem;color:#35425e}.contact-pills{display:flex;flex-direction:column;gap:10px}.contact-pills a{font-size:.84rem;font-weight:800;color:#20345f}.contact-pills a:before{content:"☎";margin-right:8px;color:#b18a28}
.ministries{background:#fff}.ministry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ministry-card{position:relative;padding:40px 32px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfaf6);transition:.28s;overflow:hidden}.ministry-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:rgba(217,184,91,.11);right:-45px;bottom:-55px;transition:.3s}.ministry-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#d6b757}.ministry-card:hover:after{transform:scale(1.35)}.ministry-card span{color:#a87f1c;font-size:.7rem;font-weight:800;letter-spacing:.16em}.ministry-card h3{font-family:"Cormorant Garamond",serif;font-size:2.15rem;margin:10px 0 6px;color:var(--navy)}.ministry-card p{color:var(--muted);font-size:.91rem}.photo-banner{position:relative;padding:170px 0;color:white;background:linear-gradient(90deg,rgba(4,13,34,.92),rgba(5,16,40,.32)),url('assets/foto-4.jpg') center 45%/cover fixed}.photo-banner:after{content:"";position:absolute;inset:20px;border:1px solid rgba(255,255,255,.18);pointer-events:none}.photo-banner .container{position:relative;z-index:1}.photo-banner p{text-transform:uppercase;letter-spacing:.2em;font-weight:800;color:var(--gold-2)}.photo-banner h2{color:white;max-width:720px}.gallery{background:#f6f3ec}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:170px;gap:16px}.gallery-item{border:0;padding:0;background:none;overflow:hidden;cursor:pointer;grid-column:span 6;grid-row:span 2;position:relative}.gallery-item.wide{grid-column:span 12;grid-row:span 3}.gallery-item:after{content:"Ver foto";position:absolute;inset:auto 18px 18px auto;background:rgba(5,15,39,.82);color:#fff;padding:8px 12px;font-size:.63rem;text-transform:uppercase;letter-spacing:.12em;opacity:0;transform:translateY(5px);transition:.25s}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.5s}.gallery-item:hover img{transform:scale(1.045)}.gallery-item:hover:after{opacity:1;transform:none}.visit{background:linear-gradient(135deg,#06132f,#0c2453)}.visit-card{display:grid;grid-template-columns:.9fr 1.1fr;background:#112856;box-shadow:0 38px 90px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08)}.visit-copy{padding:70px;color:#fff}.visit-copy h2{color:#fff}.visit-copy p{color:#d9dfec}.address-block{display:flex;flex-direction:column;border-left:3px solid var(--gold);padding-left:18px;margin:29px 0}.address-block strong{font-size:1.4rem}.address-block span{color:#d6dce8}.map-wrap iframe{border:0;width:100%;height:100%;min-height:540px;filter:saturate(.7) contrast(1.04)}.cta-section{background:linear-gradient(135deg,#f0d784,#c79b35);padding:96px 0;text-align:center;color:#131b31}.cta-section p{text-transform:uppercase;font-size:.7rem;letter-spacing:.2em;font-weight:800}.cta-section h2{color:#131b31;max-width:830px;margin:0 auto 30px}.btn-light{background:white;color:var(--navy);box-shadow:0 10px 30px rgba(55,38,5,.12)}
.site-footer{background:#040d22;color:#dce1ec;padding:84px 0 22px}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1.2fr .8fr;gap:48px}.footer-brand img{width:76px;height:76px;border-radius:50%;object-fit:cover;border:2px solid var(--gold)}.footer-brand h2{font-family:"Cormorant Garamond",serif;font-size:1.9rem;color:white;line-height:1.1}.footer-grid h3{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:var(--gold-2)}.footer-grid p,.footer-grid a{display:block;color:#aab4c8;font-size:.85rem;margin:8px 0}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:58px;padding-top:20px;display:flex;justify-content:space-between;color:#737f98;font-size:.7rem}.lightbox{position:fixed;inset:0;background:rgba(2,6,18,.95);z-index:100;display:grid;place-items:center;padding:30px}.lightbox[hidden]{display:none}.lightbox img{max-height:88vh;max-width:92vw;box-shadow:0 22px 80px rgba(0,0,0,.5)}.lightbox-close{position:absolute;right:24px;top:13px;background:none;border:0;color:#fff;font-size:3rem;cursor:pointer}.reveal{opacity:0;transform:translateY(24px);transition:opacity .72s ease,transform .72s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:920px){.main-nav{position:fixed;top:0;right:0;width:min(360px,88vw);height:100vh;display:flex;transform:translateX(105%);transition:.3s;flex-direction:column;align-items:flex-start;justify-content:center;background:#07132f;padding:42px;box-shadow:-20px 0 50px rgba(0,0,0,.28);font-size:.9rem}.main-nav.open{transform:none}.menu-toggle{display:block;position:relative;z-index:55}.split-grid,.split-grid.reverse,.visit-card{grid-template-columns:1fr;gap:60px}.section{padding:86px 0}.image-frame img,.image-frame.tall img{height:540px}.time-cards{grid-template-columns:1fr}.ministry-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.map-wrap iframe{min-height:420px}.photo-banner{background-attachment:scroll}.hero-overlay{background:linear-gradient(90deg,rgba(4,12,31,.94),rgba(7,18,43,.62))}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.brand span{display:none}.brand{min-width:auto}.hero{min-height:760px}.hero h1{font-size:3.7rem;line-height:.88}.hero-content{padding-top:105px}.hero-verse{margin-top:40px;font-size:1.08rem}.section{padding:70px 0}.image-frame img,.image-frame.tall img{height:440px}.image-badge{right:-6px;bottom:18px;padding:17px}.section-copy h2,.section-heading h2,.visit h2,.cta-section h2,.photo-banner h2{font-size:2.8rem}.time-card{padding:39px 28px}.time-card strong{font-size:4rem}.ministry-grid{grid-template-columns:1fr}.gallery-grid{display:block}.gallery-item,.gallery-item.wide{display:block;width:100%;height:300px;margin-bottom:14px}.visit-copy{padding:44px 26px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:7px}.hero-actions .btn,.visit-actions .btn{width:100%}.photo-banner{padding:115px 0}.photo-banner:after{inset:10px}}