:root{--navy:#071d3a;--navy2:#0b2c5d;--gold:#eaae43;--gold2:#ffd37a;--cream:#f8f2e6;--white:#fff;--ink:#162033;--muted:#667085;--soft:#fffaf0;--shadow:0 22px 55px rgba(8,22,48,.16);--radius:24px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Montserrat,system-ui,sans-serif;background:var(--cream);color:var(--ink);line-height:1.65}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}h1,h2,h3{font-family:Cinzel,Georgia,serif;line-height:1.12}.container{width:min(1180px,92%);margin-inline:auto}.site-header{position:sticky;top:0;z-index:1000;background:rgba(7,29,58,.96);backdrop-filter:blur(14px);box-shadow:0 12px 32px rgba(0,0,0,.2)}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;min-width:260px}.brand-logo{width:58px;height:58px;object-fit:contain;border-radius:50%;background:white;padding:4px;box-shadow:0 0 0 2px rgba(234,174,67,.35)}.brand strong{display:block;color:#fff;font-family:Cinzel,Georgia,serif;font-size:1.12rem}.brand span{display:block;color:var(--gold2);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase}.nav-menu{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.nav-menu a{color:#fff;font-weight:600;font-size:.92rem;opacity:.92;position:relative}.nav-menu a:hover{color:var(--gold2)}.nav-menu a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--gold);transition:.25s}.nav-menu a:hover::after{width:100%}.donate-btn{border:1px solid var(--gold);color:var(--gold2);padding:11px 16px;border-radius:14px;font-weight:700;white-space:nowrap}.donate-btn:hover{background:var(--gold);color:var(--navy)}.menu-toggle{display:none;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:white;border-radius:12px;padding:10px 13px;font-size:1.2rem}.screen{padding:92px 0}.hero{padding:0 0 92px;background:linear-gradient(180deg,#eef5ff 0%,#fff9ef 74%,var(--cream) 100%);min-height:auto;color:var(--ink)}.hero-banner{width:100%;background:#0b2c5d;overflow:hidden;box-shadow:0 14px 42px rgba(6,20,46,.18)}.hero-banner img{width:100%;height:clamp(300px,40vw,620px);display:block;object-fit:cover;object-position:center center}.hero-welcome-card{position:relative;z-index:2;margin-top:-42px;background:rgba(255,255,255,.97);border:1px solid #ead8ae;border-radius:30px;padding:34px;box-shadow:var(--shadow);max-width:980px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:var(--gold2);font-size:.86rem;margin-bottom:14px}.eyebrow.gold{color:#b87913}.hero h1{font-size:clamp(2.4rem,5vw,4.45rem);max-width:860px;margin-bottom:18px;color:var(--navy)}.hero h1 span{display:block;color:#b87913}.hero-intro{font-size:1.07rem;max-width:850px;color:var(--muted);margin-bottom:26px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:22px}.hero-actions-light .btn{box-shadow:none}.hero-info{display:flex;gap:12px;flex-wrap:wrap}.hero-info-dark span{background:#fff8ea;border:1px solid #ead8ae;border-radius:999px;padding:8px 12px;font-size:.92rem;color:#6b4b12;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:13px 20px;font-weight:800;transition:.25s;border:0;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#071d3a;box-shadow:0 14px 30px rgba(234,174,67,.25)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(234,174,67,.32)}.btn.outline-dark{border:1px solid rgba(7,29,58,.18);background:#fff;color:var(--navy)}.btn.outline-dark:hover{background:#f7f8fb}.btn.soft-dark{background:#eef3fb;color:var(--navy)}.light{background:#fff}.cream{background:var(--cream)}.navy{background:linear-gradient(160deg,#071d3a,#0b2c5d);color:white}.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.two-col.reverse{grid-template-columns:.95fr 1.05fr}.section-copy h2,.section-head h2,.contact-card h2,.donation-panel h2{font-size:clamp(2rem,4vw,3.35rem);margin-bottom:18px}.section-copy p{color:var(--muted);margin-bottom:16px;font-size:1.04rem}.navy .section-copy p{color:rgba(255,255,255,.84)}.section-head{text-align:center;max-width:840px;margin:0 auto 48px}.section-head p{color:var(--muted)}.values{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px}.values div{background:linear-gradient(150deg,#071d3a,#0b2c5d);color:white;border-radius:18px;padding:20px}.values strong{display:block;color:var(--gold2);font-family:Cinzel,Georgia,serif;font-size:1.25rem;margin-bottom:4px}.values span{color:rgba(255,255,255,.82);font-size:.93rem}.schedule-card,.contact-card,.contact-form,.map-card{background:var(--soft);border:1px solid #ead8ae;border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}.schedule-card h3{font-size:1.7rem;color:var(--navy);margin-bottom:18px}.schedule-card ul{list-style:none;display:grid;gap:12px;margin-bottom:18px}.schedule-card li{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #ead8ae;padding-bottom:10px}.schedule-card span{color:#4d5565}.schedule-card strong{color:#071d3a}.schedule-card p{color:#b87913;font-weight:700;font-style:italic}.cards{display:grid;gap:22px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.ministry-card,.leader-card,.event-card{background:white;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.25s}.ministry-card:hover,.leader-card:hover,.event-card:hover{transform:translateY(-6px)}.ministry-card img,.leader-card img{height:235px;width:100%;object-fit:cover}.ministry-card div,.leader-card div{padding:24px}.ministry-card h3,.leader-card h3,.event-card h3{color:var(--navy);font-size:1.55rem;margin-bottom:10px}.ministry-card p,.leader-card p,.event-card p{color:var(--muted)}.leader-card span,.event-card span{display:block;color:#b87913;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;margin-bottom:8px}.video-box{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 22px 55px rgba(0,0,0,.28)}.video-box img{width:100%;height:460px;object-fit:cover}.play{position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:4rem;text-shadow:0 10px 30px #000}.sermon-list{display:grid;gap:10px;margin:22px 0}.sermon-list a{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);padding:13px 16px;border-radius:14px;color:white}.donation-panel{margin-top:58px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:34px;display:flex;justify-content:space-between;gap:24px;align-items:center}.donation-panel p{color:rgba(255,255,255,.82);max-width:720px}.event-card{padding:30px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-card{background:#fff}.contact-card p{color:var(--muted);margin-bottom:18px}.contact-list{list-style:none;display:grid;gap:12px;margin:20px 0}.contact-list a{color:#b87913;font-weight:700}.socials{display:flex;gap:10px}.socials a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--gold2);font-weight:900}.contact-form{background:#fff;display:grid;gap:14px}.contact-form h3{font-size:1.65rem;color:var(--navy)}input,textarea{width:100%;border:1px solid #d9d9d9;border-radius:14px;padding:14px 15px;font:inherit;outline:none}textarea{min-height:135px;resize:vertical}input:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(234,174,67,.16)}.contact-form small{color:var(--muted)}.map-card{grid-column:1/-1;padding:0;overflow:hidden;background:white}.map-card iframe{width:100%;height:360px;border:0;display:block}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:999;background:#1f9d55;color:white;padding:14px 18px;border-radius:999px;font-weight:900;box-shadow:0 16px 40px rgba(0,0,0,.22)}.footer{background:linear-gradient(180deg,#071d3a,#041125);color:white;padding:64px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .8fr 1fr;gap:28px}.footer .brand{margin-bottom:16px}.footer p,.footer a{color:rgba(255,255,255,.78);display:block;margin-bottom:8px}.footer h4{color:var(--gold2);font-size:1.1rem;margin-bottom:14px}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:34px;padding-top:18px;text-align:center;color:rgba(255,255,255,.65)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1050px){.nav-menu,.donate-btn{display:none}.menu-toggle{display:block;margin-left:auto}.nav.open .nav-menu{display:flex;flex-direction:column;align-items:flex-start;position:absolute;left:4%;right:4%;top:86px;background:#071d3a;border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:20px}.nav.open .donate-btn{display:inline-flex;position:absolute;right:4%;top:calc(86px + 245px);background:#071d3a}.hero-grid,.two-col,.two-col.reverse,.contact-grid{grid-template-columns:1fr}.cards.four{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.screen{padding:70px 0}.brand{min-width:0}.brand-logo{width:50px;height:50px}.brand strong{font-size:.96rem}.hero{padding:0 0 70px}.hero-welcome-card{margin-top:-22px;padding:24px}.cards.four,.cards.three,.values,.footer-grid{grid-template-columns:1fr}.schedule-card li{flex-direction:column;gap:2px}.donation-panel{flex-direction:column;align-items:flex-start}.whatsapp-float{right:14px;bottom:14px}}

/* === FIX BANNER PRINCIPAL === */
.hero.screen{
  padding:0 0 90px !important;
  background:linear-gradient(180deg,#eaf5ff 0%,#fff8ec 75%,var(--cream) 100%) !important;
  min-height:auto !important;
  color:var(--ink) !important;
}

.hero-banner{
  width:100% !important;
  min-height:260px !important;
  background:#0b2c5d !important;
  overflow:hidden !important;
  box-shadow:0 14px 42px rgba(6,20,46,.20) !important;
}

.hero-banner img{
  display:block !important;
  width:100% !important;
  height:clamp(280px,40vw,620px) !important;
  object-fit:cover !important;
  object-position:center center !important;
}

.hero-welcome-card{
  position:relative !important;
  z-index:2 !important;
  margin-top:-42px !important;
  max-width:980px !important;
  background:rgba(255,255,255,.98) !important;
  border:1px solid #ead8ae !important;
  border-radius:30px !important;
  padding:34px !important;
  box-shadow:var(--shadow) !important;
}

.hero h1{
  color:var(--navy) !important;
}

.hero h1 span{
  color:#b87913 !important;
}

.hero-intro{
  color:var(--muted) !important;
}

.btn.outline-dark{
  border:1px solid rgba(7,29,58,.22) !important;
  background:#fff !important;
  color:var(--navy) !important;
}

.btn.soft-dark{
  background:#eef3fb !important;
  color:var(--navy) !important;
}

.hero-info-dark span{
  background:#fff8ea !important;
  border:1px solid #ead8ae !important;
  border-radius:999px !important;
  padding:8px 12px !important;
  color:#6b4b12 !important;
  font-weight:700 !important;
}

@media(max-width:680px){
  .hero.screen{
    padding:0 0 70px !important;
  }

  .hero-banner img{
    height:260px !important;
    object-position:center center !important;
  }

  .hero-welcome-card{
    margin-top:-20px !important;
    padding:24px !important;
  }
}

/* === REDES SOCIALES FLOTANTES A LA DERECHA === */
.floating-socials-right{
  position:fixed;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  z-index:998;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.floating-socials-right a{
  width:54px;
  height:54px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.94);
  box-shadow:0 12px 30px rgba(0,0,0,.20);
  border:1px solid rgba(7,29,58,.10);
  transition:transform .22s ease, box-shadow .22s ease;
}

.floating-socials-right a:hover{
  transform:translateX(-5px) scale(1.04);
  box-shadow:0 16px 40px rgba(0,0,0,.28);
}

.floating-socials-right img{
  width:42px;
  height:42px;
  object-fit:contain;
  border-radius:12px;
}

/* Logos de redes en el footer */
.footer-social-icons{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}

.footer-social-icons a{
  width:46px;
  height:46px;
  border-radius:14px;
  background:rgba(255,255,255,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:5px;
  transition:transform .22s ease, background .22s ease;
}

.footer-social-icons a:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.18);
}

.footer-social-icons img{
  width:36px;
  height:36px;
  object-fit:contain;
  border-radius:10px;
}

/* Ajuste para que el botón WhatsApp inferior no choque visualmente */
.whatsapp-float{
  right:22px !important;
  bottom:22px !important;
}

@media(max-width:760px){
  .floating-socials-right{
    right:10px;
    gap:8px;
  }

  .floating-socials-right a{
    width:46px;
    height:46px;
    border-radius:13px;
  }

  .floating-socials-right img{
    width:35px;
    height:35px;
  }
}

@media(max-width:520px){
  .floating-socials-right{
    top:auto;
    bottom:78px;
    right:10px;
    transform:none;
  }
}

/* === FOTOS REALES EN SECCIÓN LIDERAZGO === */
.leadership-grid .leader-card{
  overflow:hidden !important;
}

.leadership-grid .leader-card img.leader-photo,
.leader-card img.leader-photo{
  width:100% !important;
  height:235px !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  border-radius:0 !important;
  background:#071d3a !important;
}

.leader-card img[src$="pastor-fernando-montalvo.png"]{
  object-position:center center !important;
}

.leader-card img[src$="lorenzo-vivero-foto.png"]{
  object-position:center center !important;
}

.leader-card img[src$="gustavo-garcias-foto.png"]{
  object-position:center center !important;
}

@media(max-width:680px){
  .leadership-grid .leader-card img.leader-photo,
  .leader-card img.leader-photo{
    height:260px !important;
  }
}
/* === CHATBOT SHALOM ADONAI === */
.church-chatbot{position:fixed;left:22px;bottom:88px;z-index:1200;font-family:Montserrat,system-ui,sans-serif}.chatbot-launcher{border:0;cursor:pointer;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#ffd37a,#eaae43);color:#071d3a;border-radius:999px;padding:13px 18px;box-shadow:0 18px 45px rgba(0,0,0,.24);font-weight:900}.chatbot-launcher-icon{width:32px;height:32px;border-radius:50%;background:#071d3a;color:#ffd37a;display:grid;place-items:center}.chatbot-window{position:absolute;left:0;bottom:68px;width:min(370px,calc(100vw - 28px));height:520px;max-height:calc(100vh - 150px);background:#fff;border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.32);overflow:hidden;display:none;border:1px solid rgba(7,29,58,.12)}.church-chatbot.open .chatbot-window{display:flex;flex-direction:column}.chatbot-header{background:linear-gradient(135deg,#071d3a,#0b2c5d);color:white;padding:18px;display:flex;justify-content:space-between;align-items:center}.chatbot-header strong{display:block;font-family:Cinzel,Georgia,serif;font-size:1.02rem}.chatbot-header span{color:#ffd37a;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.chatbot-close{width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:white;cursor:pointer;font-size:1.35rem}.chatbot-body{flex:1;padding:16px;overflow-y:auto;background:#f8f2e6;display:flex;flex-direction:column;gap:10px}.bot-message,.user-message{max-width:88%;padding:12px 14px;border-radius:16px;font-size:.92rem;line-height:1.45}.bot-message{align-self:flex-start;background:white;color:#162033;border:1px solid #ead8ae}.user-message{align-self:flex-end;background:#071d3a;color:white}.bot-message a{color:#b87913;font-weight:800;text-decoration:underline}.chatbot-quick-actions{display:flex;gap:8px;flex-wrap:wrap;padding:12px;background:#fff;border-top:1px solid #ead8ae}.chatbot-quick-actions button{border:1px solid #ead8ae;background:#fff8ea;color:#071d3a;border-radius:999px;padding:8px 10px;cursor:pointer;font-weight:800;font-size:.78rem}.chatbot-form{display:flex;gap:8px;padding:12px;background:#fff;border-top:1px solid #ead8ae}.chatbot-form input{flex:1;border:1px solid #d9d9d9;border-radius:14px;padding:12px;font:inherit;outline:none}.chatbot-form input:focus{border-color:#eaae43;box-shadow:0 0 0 4px rgba(234,174,67,.16)}.chatbot-form button{border:0;background:#071d3a;color:#ffd37a;border-radius:14px;padding:0 14px;cursor:pointer;font-weight:900}@media(max-width:520px){.church-chatbot{left:12px;bottom:82px}.chatbot-launcher-text{display:none}.chatbot-launcher{padding:11px}.chatbot-window{left:-2px;width:calc(100vw - 24px);height:540px}}

/* === POSICIÓN CHATBOT A LA IZQUIERDA === */
.church-chatbot{
  left:22px !important;
  right:auto !important;
}

.chatbot-window{
  left:0 !important;
  right:auto !important;
}

@media(max-width:520px){
  .church-chatbot{
    left:12px !important;
    right:auto !important;
  }

  .chatbot-window{
    left:-2px !important;
    right:auto !important;
  }
}