/* Instalaciones (Halo). Lo común vive en paginas.css (cabecera, rejilla, fig-arco, bloque-urgente); aquí la lista, la galería en arcos, el cierre y el visor de fotos.
   Encuadre de las fotos (sujeto centrado y completo en su arco, escala final data-zoom = 1): medido con _herramientas/v2-encuadre.mjs + v2-encuadre-instalaciones.json. */

/* Lo que ofrece el edificio: lista editorial con filetes finos */
.instal-lista { font-family: var(--f-titulo); font-size: clamp(1.25rem, 1.1rem + .7vw, 1.6rem); line-height: 1.25; color: var(--marfil); max-width: 36rem; }
.instal-lista > li { padding: .85rem 0 .85rem 1.9rem; border-top: 1px solid rgba(226, 201, 143, .2); }
.instal-lista > li:first-child { border-top: 0; padding-top: 0; }
.instal-lista > li + li { margin-top: 0; }
.instal-lista > li::before { top: calc(.85rem + .52em); }
.instal-lista > li:first-child::before { top: .52em; }
@media (min-width: 800px) { .instal-lista { padding-top: .4rem; } }

/* Galería: la capilla manda; el resto en zigzag. Móvil: una columna centrada */
.gal__anillos { --anillos-d: min(120vw, 58rem); left: 72%; top: 46%; z-index: 0; }
.gal { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(3rem, 7vw, 4.5rem); margin-top: clamp(2rem, 4vw, 3.25rem); }
.gal__fig { max-width: none; width: 100%; margin-inline: auto; }
.gal__capilla, .gal__fachada, .gal__coche { max-width: 36rem; }
.gal__sala, .gal__rec { max-width: 17rem; }
.gal__enlace { display: block; border-radius: 999px 999px 6px 6px; cursor: zoom-in; -webkit-tap-highlight-color: transparent; }
.gal__enlace:focus-visible { outline: 2px solid var(--oro-halo); outline-offset: .95rem; }
.gal__enlace .arco__img { transition: filter .35s var(--ease-ui); }
@media (hover: hover) and (pointer: fine) { .gal__enlace:hover .arco--foto .arco__img { filter: saturate(1) brightness(1.04); } }

.gal__capilla .arco { --arco-ratio: 1.2 / 1; }
.gal__capilla .arco__img { object-position: 42.6% 50%; }      /* sujeto: el ataúd entero con sus manijas (centro en 46,7 % de la foto) */
.gal__sala .arco, .gal__rec .arco { --arco-ratio: 3 / 4; }
.gal__sala .arco__img { object-position: 50.7% 50%; }         /* sujeto: las puertas de madera */
.gal__rec .arco__img { object-position: 59.6% 50%; }          /* sujeto: el mostrador */
.gal__fachada .arco { --arco-ratio: 6 / 5; }                  /* el cuerpo central del edificio no cabe en un arco vertical */
.gal__fachada .arco__img { object-position: 63.5% 50%; }
.gal__coche .arco { --arco-ratio: 1.48 / 1; }                 /* el vehículo completo, de la defensa al portón */
.gal__coche .arco__img { object-position: 1% 50%; }

@media (min-width: 900px) {
  .gal { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: clamp(1.5rem, 3vw, 3rem); align-items: start; }
  .gal__fig { margin-inline: 0; }
  .gal__capilla { grid-column: 1 / span 8; grid-row: 1; max-width: 40rem; }
  .gal__sala { grid-column: 10 / span 3; grid-row: 1; align-self: end; max-width: 18rem; }
  .gal__rec { grid-column: 1 / span 3; grid-row: 2; max-width: 18rem; margin-top: 3rem; }
  .gal__fachada { grid-column: 6 / span 7; grid-row: 2; max-width: 32rem; justify-self: end; }
  .gal__coche { grid-column: 4 / span 6; grid-row: 3; max-width: 34rem; justify-self: center; }
}

/* Cierre: Maps y Waze (.ir) y el teléfono */
.cierre__acciones { display: grid; gap: 1rem; margin-top: 2rem; max-width: 36rem; }
.cierre__acciones .ir__btn { max-width: none; flex: none; font-size: 1rem; }
.cierre__llamar { width: 100%; max-width: none; flex: none; }

/* Visor de fotos: en noche, con filete dorado (el de estilos.css es marfil) */
.visor::backdrop { background: rgba(5, 11, 31, .93); }
.visor { background: var(--fondo-3); color: var(--marfil); border: 1px solid rgba(226, 201, 143, .45); box-shadow: 0 0 80px rgba(226, 201, 143, .12); }
.visor__img { border-radius: 4px; box-shadow: 0 0 0 1px rgba(226, 201, 143, .4); }
.visor__texto { color: var(--texto-suave); font-family: var(--f-titulo); font-style: italic; font-size: 1.1rem; }
.visor .btn--contorno { color: var(--marfil); border-color: var(--oro-halo); }

/* Pie: correo largo nunca desborda */