/* Fondo difuminado del aula en las cabeceras (no afecta a La Pintura) */
.cab-fondo {
  position: relative;
  overflow: hidden;
  background: #E9DCC8 url("../img/cabeceras/clase.jpg") center / cover no-repeat;
  border-bottom: 1px solid #E3E8EF;
}
.cab-fondo::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.12);
}
.cab-fondo .contenedor { position: relative; z-index: 1; }
.cab-fondo h1 { text-shadow: 0 2px 0 rgba(255, 255, 255, 0.7); }
.cab-fondo p { background: rgba(255, 255, 255, 0.75); display: inline-block; padding: 4px 12px; border-radius: 10px; }
.portada.cab-fondo .portada-texto p { display: block; }
.portada.cab-fondo .portada-img { box-shadow: 0 14px 34px rgba(30, 42, 58, 0.25); }
/* Cabecera de La Pintura a lo largo de la historia */
.cab-fondo.fondo-pintura { background-image: url("../img/cabeceras/pintura.jpg"); }
.galeria-wm .contenedor { display: flex; flex-direction: column; gap: 16px; }
.galeria-wm .sobre { align-self: flex-start; color: #8A4513; background: rgba(255, 255, 255, 0.8); padding: 4px 10px; border-radius: 8px; font-weight: 700; font-size: 14px; letter-spacing: 0.06em; text-transform: uppercase; }
.galeria-wm h1 { color: var(--tinta); max-width: 820px; }
.galeria-wm p { font-size: 19px; }
.galeria-wm .datos { margin-top: 8px; }
.galeria-wm .dato { box-shadow: 0 6px 18px rgba(30, 42, 58, 0.1); }