/* Papel antiguo sobre una interfaz contemporánea. Solo se recorta el fondo:
   el texto, los enlaces y el foco del teclado nunca se enmascaran. */
.iglesia :is(.seccion--piedra, .seccion--sombra) > .contenedor {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  filter: drop-shadow(0 4px 3px #0005) drop-shadow(0 24px 35px #0007);
  color: #302418;
}
.iglesia :is(.seccion--piedra, .seccion--sombra) > .contenedor::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 0;
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #efddba;
  background-image:
    radial-gradient(ellipse at 28% 12%, #fff9e8aa, transparent 65%),
    linear-gradient(115deg, #dfc79e 0%, #eedbb7 18%, #f7eacd 44%, #efddba 70%, #e1c89e 100%);
  box-shadow: inset 0 0 1px 1px #fff3d9;
  -webkit-mask: url('../img/texturas/papel-rasgado.svg') center / 100% 100% no-repeat;
  mask: url('../img/texturas/papel-rasgado.svg') center / 100% 100% no-repeat;
  pointer-events: none;
}
/* El directorio se siente como una hoja conservada entre las páginas de un libro. */
.iglesia .todos > .contenedor { padding-block: clamp(2.5rem, 5vw, 5rem); }
.iglesia .todos > .contenedor::before { background-color: #efddba; }
.todos .etapa { border-bottom-color: #795c313b; }
.todos .etapas { border-top-color: #795c3155; }
.todos .etapa__enlace[aria-current="page"] { background: #8d603014; box-shadow: inset 3px 0 #97703f; }
.todos .etapa__enlace:hover { background: #fff5dc50; }
.todos .etapa__quien { color: #595032; }
.pagina-interior .ficha { background: #dfcba555; border-color: #91734755; border-radius: 5px; }
@media (max-width: 599px) {
  .iglesia :is(.seccion--piedra, .seccion--sombra) > .contenedor { padding-inline: 1.75rem; }
  .iglesia :is(.seccion--piedra, .seccion--sombra) > .contenedor::before { box-shadow: inset 0 0 1px 1px #fff3d9; }
}
.todos .etapa__enlace { padding-inline: clamp(.65rem, 1.2vw, 1rem); }