*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0;width:100%;background:#fff}
body{overflow-x:hidden;font-family:Arial,Helvetica,sans-serif}

/* CLAVE: no imponemos 16:9 al contenedor.
   La imagen conserva su proporción y siempre ocupa el 100% del ancho.
   Así no hay franjas laterales y tampoco se deforma el MASTER. */
.master{
  position:relative;
  width:100%;
  margin:0;
  padding:0;
  line-height:0;
  overflow:hidden;
  background:#fff;
}
.master>img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
  border:0;
}

/* Hotspots invisibles: añaden función SIN cambiar la imagen */
.hotspots{position:absolute;inset:0;z-index:5;pointer-events:none}
.hs{position:absolute;display:block;border:0;background:transparent;padding:0;margin:0;cursor:pointer;pointer-events:auto}
.hs:focus-visible{outline:3px solid #1d6fff;border-radius:7px}

/* Coordenadas relativas a la portada aprobada */
.h-inicio{left:35.2%;top:5.8%;width:4.2%;height:7%}
.h-nosotros{left:41.3%;top:5.8%;width:6.6%;height:7%}
.h-ministerios{left:49%;top:5.8%;width:7.4%;height:7%}
.h-arde{left:57.6%;top:5.8%;width:4.2%;height:7%}
.h-visitanos{left:63.6%;top:5.8%;width:6.4%;height:7%}
.h-contacto{left:71%;top:5.8%;width:6.6%;height:7%}
.h-planifica-top{left:80.5%;top:4.4%;width:16.9%;height:8.2%}
.h-planifica-hero{left:3.2%;top:60.4%;width:21%;height:7.6%}
.h-oracion{left:25%;top:60.4%;width:23%;height:7.6%}
.h-mapa{left:53%;top:84.2%;width:18%;height:11%}

.modal{position:fixed;inset:0;z-index:100;background:rgba(0,5,18,.78);display:none;align-items:center;justify-content:center;padding:20px}
.modal.open{display:flex}
.dialog{width:min(560px,100%);background:#fff;color:#0a1220;border-radius:20px;padding:28px;position:relative;line-height:1.45;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.dialog h2{margin:0 0 14px;color:#0749c9}
.dialog p{line-height:1.5}
.close{position:absolute;right:14px;top:8px;border:0;background:none;font-size:34px;cursor:pointer}
.dialog label{display:block;font-weight:700;margin:12px 0}
.dialog input,.dialog textarea{width:100%;display:block;margin-top:6px;padding:11px;border:1px solid #cfd6e2;border-radius:9px;font:inherit}
.dialog button[type=submit]{width:100%;padding:12px;border:0;border-radius:9px;background:#0754dd;color:white;font-weight:800;cursor:pointer}
#toTop{position:fixed;right:18px;bottom:18px;z-index:40;width:46px;height:46px;border:0;border-radius:50%;background:#0754dd;color:#fff;font-size:22px;display:none;cursor:pointer}
#toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:120;background:#09101d;color:#fff;padding:11px 16px;border-radius:9px;display:none}

/* En pantallas pequeñas se conserva el MASTER completo.
   La página reduce la imagen proporcionalmente en vez de rediseñarla. */
@media(max-width:700px){
  .dialog{padding:22px 17px}
}

/* Fase 2 v2.1: estilos únicamente dentro de ventanas funcionales */
.ministry-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.ministry-list button,.quick-contact a{
  display:block;padding:12px;border-radius:10px;border:1px solid #d5deed;
  background:#f4f7fc;color:#0a3d9a;font-weight:800;text-align:center;cursor:pointer
}
.quick-contact{display:grid;gap:9px;margin:14px 0 18px}
@media(max-width:520px){.ministry-list{grid-template-columns:1fr}}

/* Fase 2 v2.2: funciones adicionales dentro de Planifica tu visita */
.visit-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 18px}
.visit-actions a,.visit-actions button{
  display:block;padding:12px;border-radius:10px;border:1px solid #d5deed;
  background:#f4f7fc;color:#0a3d9a;font-weight:800;text-align:center;
  cursor:pointer;font:inherit;text-decoration:none
}
.visit-actions button{grid-column:1/-1;width:100%}
@media(max-width:520px){.visit-actions{grid-template-columns:1fr}.visit-actions button{grid-column:auto}}

/* Fase 2 v2.3 — mejoras funcionales dentro de modales; MASTER intacto */
.first-visit-info{margin:16px 0;padding:15px;border:1px solid #dce5f2;border-radius:12px;background:#f8faff}
.first-visit-info h3{margin:0 0 6px;color:#0a3d9a;line-height:1.25}
.first-visit-info p{margin:0 0 12px;line-height:1.45}
.visit-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.visit-facts span{display:block;padding:10px;background:#fff;border-radius:9px;text-align:center;line-height:1.2}
.visit-facts strong,.visit-facts small{display:block}
.visit-facts small{margin-top:4px;color:#586579}
.form-note{padding:10px 12px;background:#f8faff;border-left:4px solid #0a55d8;border-radius:7px;line-height:1.45}
@media(max-width:560px){.visit-facts{grid-template-columns:1fr}}


/* ==========================================================
   NUEVA PORTADA APROBADA — FUNCIONES INVISIBLES
   No modifica la imagen. Solo alinea las zonas clicables.
   ========================================================== */

/* Barra superior */
.h-inicio{left:17.4%!important;top:0.5%!important;width:7.4%!important;height:6.9%!important}
.h-nosotros{left:25.4%!important;top:0.5%!important;width:9.6%!important;height:6.9%!important}
.h-ministerios{left:35.5%!important;top:0.5%!important;width:11.2%!important;height:6.9%!important}
.h-arde{left:48.1%!important;top:0.5%!important;width:6.0%!important;height:6.9%!important}
.h-visitanos{left:54.9%!important;top:0.5%!important;width:8.5%!important;height:6.9%!important}
.h-contacto{left:64.0%!important;top:0.5%!important;width:8.8%!important;height:6.9%!important}
.h-planifica-top{left:75.8%!important;top:0.5%!important;width:18.4%!important;height:6.9%!important}

/* Botón principal TE ESPERAMOS */
.h-planifica-hero{left:4.7%!important;top:68.0%!important;width:19.0%!important;height:7.4%!important}

/* La nueva portada no contiene botón visible de oración */
.h-oracion{display:none!important}

/* Datos inferiores */
.h-mapa{left:4.8%!important;top:94.0%!important;width:27.4%!important;height:4.8%!important}
.h-phone{left:34.6%;top:94.0%;width:11.4%;height:4.8%}
.h-email{left:47.0%;top:94.0%;width:18.9%;height:4.8%}
.h-site{left:67.4%;top:94.0%;width:12.9%;height:4.8%}