/* ---------------------------------------------------------------------
   OpoReal · Portadas · el resplandor
   ---------------------------------------------------------------------
   Una sola cosa: llevar a las demás portadas oscuras el resplandor que
   ya tenía la del temario. Lo pidió Sergio el 27 de septiembre de 2026,
   después de verlo en el móvil: «quiero que el resto de portadas lo
   tengan, no queda mal».

   QUÉ ES. Un óvalo de gris Pizarra al 30 %, desplazado a la derecha,
   que se apaga antes de llegar al borde. Sobre un `#12171C` plano da
   profundidad; sin él, la portada es un rectángulo negro liso.

   LOS VALORES SON LOS DEL TEMARIO, AL PIXEL. Están copiados de
   `ix_hero.css` sin tocar uno solo: `inset:-40% -20% auto 40%`,
   `height:150%` y `rgba(96,111,128,.30)` con corte al 62 %. Si algún
   día se afinan, se afinan aquí y en `ix_hero.css` a la vez, porque son
   la misma pieza en dos sitios.

   EN EL MÓVIL SE VE DISTINTO, Y ESTÁ ASÍ A PROPÓSITO. El `left:40%` de
   una pantalla de 390 px son 156 px, así que el óvalo entra entero y se
   lee más como una mancha a la derecha que como profundidad. Se le
   enseñó a Sergio tal cual y dijo que no queda mal, así que **no se
   corrige**: se replica igual que en el temario para que todas las
   portadas se vean iguales. Si algún día se quiere suavizar, es bajar
   el `.30` o subir el `40%` dentro de una media query estrecha — pero
   entonces hay que hacerlo también en `ix_hero.css`.
   --------------------------------------------------------------------- */

/* ---------------------------------------------------------------------
   A QUIÉN SÍ Y A QUIÉN NO
   ---------------------------------------------------------------------
   El patrón compartido es `.opr-seccion.es-noche.es-portada`, que llevan
   temario, psicotécnicos, físicas, diccionario y blog. De ahí salen dos
   excepciones escritas a mano:

     :not(.opr-fh)       FÍSICAS FUERA. Lo dijo Sergio: «menos a físicas
                         y home».
     :not(.opr-ix-hero)  TEMARIO FUERA, pero por otro motivo: ya lo tiene
                         puesto en `ix_hero.css`. Sin esta exclusión se
                         pintarían dos resplandores encima del mismo
                         sitio y quedaría el doble de claro.

   Y LA HOME NO HACE FALTA EXCLUIRLA: su portada es `.opr-hero` a secas,
   sin `es-portada`, sin `es-noche` y sin `.opr-ph`. Comprobado en el
   sitio antes de escribir esto. Ninguno de los selectores de abajo la
   alcanza, y por eso tampoco se le toca el hero, que es la regla 2 del
   proyecto.

   Las otras cinco portadas oscuras no llevan `es-portada`, así que van
   nombradas una a una. No es repetición gratuita: cada una es de un
   plugin distinto y esta lista es el inventario de cuáles hay.
   --------------------------------------------------------------------- */

.opr-seccion.es-noche.es-portada:not(.opr-fh):not(.opr-ix-hero),
.opr-en-hero,          /* entrevista */
.opr-qs-portada,       /* quiénes somos */
.opr-bl-guia-portada,  /* la guía de la oposición */
.opr-pg-portada,       /* mi progreso */
.opr-ph,               /* planes */
.opr-bt-portada        /* batallas */
{
  position:relative !important;
  /* El óvalo se sale por arriba y por los lados a propósito: es lo que
     hace que no se le vea el borde. Sin recortarlo, en las portadas
     bajas —batallas mide 264 px— se derramaría sobre la sección de
     abajo. */
  overflow:hidden !important;
  /* Y esto es lo que permite no tocar el contenido. Con un contexto de
     apilamiento propio, el `z-index:-1` del resplandor lo deja por
     ENCIMA del fondo de la portada y por DEBAJO del texto. Sin
     `isolation`, un `-1` se iría detrás del fondo y no se vería nada.
     La alternativa era ponerle `position:relative` a todos los hijos de
     todas las portadas, que es mucho más invasivo y rompe cualquier
     hijo que hoy se posicione contra un abuelo. */
  isolation:isolate !important;
}

.opr-seccion.es-noche.es-portada:not(.opr-fh):not(.opr-ix-hero)::before,
.opr-en-hero::before,
.opr-qs-portada::before,
.opr-bl-guia-portada::before,
.opr-pg-portada::before,
.opr-ph::before,
.opr-bt-portada::before
{
  content:'' !important;
  position:absolute !important;
  inset:-40% -20% auto 40% !important;
  height:150% !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:radial-gradient(ellipse at center, rgba(96,111,128,.30), transparent 62%) !important;
}