/* Observatorio · TEMA CLARO (2026-10-25). Va encima de obs.css (que es el tema índigo). Igual que la portada del Instituto:
   fondos blancos con veladuras lavanda y ámbar, letras en degradado índigo → violeta, trama de triángulos tenue.
   Todo va bajo [data-bs-theme="light"]: si alguien elige el modo oscuro, se ve el diseño oscuro de siempre. */
:root {
    --tc-veladura: radial-gradient(70% 85% at 92% 0%, rgba(91, 79, 207, .17) 0%, rgba(91, 79, 207, 0) 62%), radial-gradient(55% 70% at 0% 100%, rgba(227, 161, 59, .13) 0%, rgba(227, 161, 59, 0) 58%), linear-gradient(180deg, #ffffff 0%, #f6f5fd 100%);
    --tc-texto: linear-gradient(110deg, #17143a 0%, #28235d 45%, #5b4fcf 100%);
    --tc-trama: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cpath d='M8 9h12l-6 10z' fill='%2328235d'/%3E%3Cpath d='M29 26v12l10-6z' fill='%2328235d'/%3E%3C/svg%3E");
}
/* Franja superior y barra de administración: degradado en lugar de negro */
[data-bs-theme="light"] .obs-franja { background: linear-gradient(90deg, #17143a, #28235d 55%, #3b3290); }
[data-bs-theme="light"] .adm-barra { background: linear-gradient(90deg, #17143a, #28235d 60%, #3b3290); }
/* Héroe de la portada y panel lateral de las pantallas de cuenta */
[data-bs-theme="light"] .obs-heroe { background: var(--tc-veladura); color: #15132b; }
[data-bs-theme="light"] .obs-heroe::before { background-image: var(--tc-trama); opacity: .07; }
[data-bs-theme="light"] .obs-heroe h1 { background: var(--tc-texto); -webkit-background-clip: text; background-clip: text; color: transparent; }
[data-bs-theme="light"] .obs-heroe p { color: #5d5b70; opacity: 1; }
[data-bs-theme="light"] .obs-heroe .obs-etiqueta { color: #5b4fcf; }
[data-bs-theme="light"] .obs-sugeridas span { color: #5d5b70; opacity: 1; }
[data-bs-theme="light"] .obs-sugeridas a { color: #28235d; border-color: rgba(40, 35, 93, .25); background: rgba(255, 255, 255, .6); }
[data-bs-theme="light"] .obs-sugeridas a:hover { background: rgba(91, 79, 207, .1); }
[data-bs-theme="light"] .obs-heroe-cifras b { color: #28235d; }
[data-bs-theme="light"] .obs-heroe-cifras span { color: #5d5b70; opacity: 1; }
[data-bs-theme="light"] .obs-buscador .input-group { box-shadow: 0 18px 44px -20px rgba(40, 35, 93, .45); border: 1px solid rgba(40, 35, 93, .14); }
[data-bs-theme="light"] .cta-volver { color: #28235d; }
[data-bs-theme="light"] .cta-volver:hover { color: #5b4fcf; }
/* Logo del panel de cuenta: a color sobre el fondo claro */
.cta-logo-color { display: none; }
[data-bs-theme="light"] .cta-logo-blanco { display: none; }
[data-bs-theme="light"] .cta-logo-color { display: block; }
/* Botón principal en píldora, como en la portada */
[data-bs-theme="light"] .obs-cab .btn-outline-primary { border-radius: 999px; }
/* Fondo general un poco más luminoso que el gris de evangelio.pe */
[data-bs-theme="light"] { --obs-fondo: #f6f5fb; }
[data-bs-theme="light"] .obs-tarjeta, [data-bs-theme="light"] .cta-form { box-shadow: 0 16px 44px -34px rgba(40, 35, 93, .45); }

/* Cabecera fija como en la portada del Instituto (2026-10-25): queda arriba al bajar, es de vidrio claro
   con la misma veladura y la trama de triángulos en movimiento; al bajar gana una sombra suave. */
.obs-cab { position: relative; z-index: 2; }   /* en datos la cabecera NO queda fija al bajar (pedido de Aníbal) */
[data-bs-theme="light"] .obs-cab { isolation: isolate; overflow: hidden; border-bottom: 1px solid rgba(40, 35, 93, .08);
    background: radial-gradient(60% 240% at 92% 0%, rgba(91, 79, 207, .16) 0%, rgba(91, 79, 207, 0) 65%), rgba(255, 255, 255, .8);
    backdrop-filter: blur(14px) saturate(1.3); -webkit-backdrop-filter: blur(14px) saturate(1.3); transition: box-shadow .3s; }
[data-bs-theme="light"] .obs-cab::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .08; pointer-events: none; background-image: var(--tc-trama);
    -webkit-mask-image: linear-gradient(100deg, transparent 30%, #000 85%); mask-image: linear-gradient(100deg, transparent 30%, #000 85%); animation: obs-deriva 60s linear infinite; }
[data-bs-theme="light"] .obs-cab.solida { box-shadow: 0 10px 30px -18px rgba(40, 35, 93, .35); }
@media (prefers-reduced-motion: reduce) { .obs-cab::before { animation: none !important; } }

/* Títulos de página (Convocatorias, Conjuntos de datos, Temas, Acerca, fichas…) con el mismo degradado del titular
   «No respondemos a ninguna iglesia…» de la portada del Instituto (2026-10-25, pedido de Aníbal). */
[data-bs-theme="light"] #principal > :not(.obs-heroe):not(.err-pagina) h1 {
    width: fit-content; max-width: 100%;
    background: linear-gradient(120deg, #15132b 30%, #3b3290 70%, #5b4fcf); -webkit-background-clip: text; background-clip: text; color: transparent; }