/* v1.3.103-104 · Imagen junto al título de cada página, solo en el móvil.
   Sergio (31-10-2026): «una imagen al lado del título de cada página… que se
   vea bien en ese tamaño. Puede quedar un poco por detrás de las letras».
   Objetos 3D hechos con Gemini a partir de los agentes, para que tengan la
   misma textura. Fondo quitado en recorte (Documentacion\_muestras\iconos-paginas).

   v1.3.105 (Sergio: «la primera vez que entro se ven los bordes de la imagen;
   si vuelvo a entrar ya no»): fuera el `filter:drop-shadow`. En el iPhone,
   mientras la imagen aún no estaba descodificada, el filtro pintaba la sombra
   de la caja entera. La sombra ya viene en el render. Además las imágenes se
   limpian (fuera los píxeles casi transparentes) y llevan 10 px de margen
   transparente, por eso la caja crece a 104×96.
   v1.3.104 (Sergio: «no tan pegadas a los bordes derechos y superiores»): al
   lado del título, centrada en su alto y separada del borde. El h1 reserva
   112 px a la derecha para que las letras no la pisen (en la 1.3.103 iba
   arriba del todo, pegada; en medio sin reserva tapaba letras blancas).
   Va como ::after del propio h1, con z-index:-1 dentro de un h1 aislado: queda
   por detrás de las letras y por delante del fondo de la sección.
   OJO: el blindaje de core.css pone `background:none; padding:0` con !important
   a todo `.opr *::before/::after` (0,1,1). Aquí todo va con !important y
   (0,1,2) o más, para ganarle. Nada de esto toca el hero de la portada. */

@media (max-width:767px){

  h1.opr-ix-i-titulo,
  h1.opr-pt-titulo,
  .opr-pp-cab h1,
  h1.opr-bl-titulo,
  .opr-cv-cabeza h1,
  .opr-dc-portada h1{
    position:relative !important;
    isolation:isolate !important;
    padding-right:112px !important;
  }

  h1.opr-ix-i-titulo::after,
  h1.opr-pt-titulo::after,
  .opr-pp-cab h1::after,
  h1.opr-bl-titulo::after,
  .opr-cv-cabeza h1::after,
  .opr-dc-portada h1::after{
    content:"" !important;
    position:absolute !important;
    z-index:-1 !important;
    right:6px !important;
    top:50% !important;
    width:104px !important;
    height:96px !important;
    transform:translateY(-50%) !important;
    background:var(--opr-pg-img) center/contain no-repeat !important;
    pointer-events:none !important;
  }

  h1.opr-ix-i-titulo{ --opr-pg-img:url(img/paginas/pagina-temario.webp?v=1.3.105); }
  h1.opr-pt-titulo{ --opr-pg-img:url(img/paginas/pagina-psicos.webp?v=1.3.105); }
  h1.opr-bl-titulo{ --opr-pg-img:url(img/paginas/pagina-blog.webp?v=1.3.105); }
  .opr-cv-cabeza h1{ --opr-pg-img:url(img/paginas/pagina-convocatorias.webp?v=1.3.105); }
  .opr-dc-portada h1{ --opr-pg-img:url(img/paginas/pagina-diccionario.webp?v=1.3.105); }

}