/* Muriel · estética compartida del interior de la plataforma (se suma a Tailwind; la paleta de colores se define en cada página) */
:root {
  --m-profundo: #24133A;
  --m-magenta: #B5177A;
  --m-lila: #9A7BD0;
  --m-gris: #5E4E70;
  --m-borde: #e9e1f3;
  --m-fondo: #F7F3FB;
}
html { background:
  radial-gradient(1000px 520px at 6% -8%, rgba(154,123,208,.22), transparent 62%),
  radial-gradient(820px 520px at 100% 108%, rgba(181,23,122,.10), transparent 62%),
  var(--m-fondo); background-attachment: fixed; }
body.muriel-app { background: transparent !important; position: relative; color: #2b1f3d; }
/* marca de agua: el símbolo, muy suave, detrás del contenido */
body.muriel-app::before { content: ''; position: fixed; right: -5%; bottom: -10%; width: min(52vw, 640px); aspect-ratio: 1;
  background: url(/static/img/muriel-simbolo.svg) no-repeat center / contain; opacity: .05; pointer-events: none; z-index: -1; }
/* barra superior */
body.muriel-app > header, body.muriel-app header.sticky { background: rgba(255,255,255,.86) !important; backdrop-filter: saturate(1.4) blur(10px);
  border-bottom: 1px solid var(--m-borde) !important; box-shadow: 0 6px 20px -16px rgba(36,19,58,.35); }
/* pie */
body.muriel-app > footer { background: rgba(255,255,255,.55) !important; border-top: 1px solid var(--m-borde) !important; }
/* tarjetas y paneles */
body.muriel-app .rounded-2xl.border, body.muriel-app .rounded-3xl.border, body.muriel-app .rounded-xl.border.bg-white {
  border-color: var(--m-borde); box-shadow: 0 1px 2px rgba(36,19,58,.04), 0 10px 26px -16px rgba(36,19,58,.16); }
body.muriel-app .border-slate-200 { border-color: var(--m-borde); }
body.muriel-app .divide-slate-100 > :not([hidden]) ~ :not([hidden]) { border-color: #f1ebf8; }
/* títulos */
body.muriel-app :is(h1, h2, h3):not([class*="text-"]) { color: var(--m-profundo); }
body.muriel-app :is(h1, h2, h3)[class*="text-slate-9"] { color: var(--m-profundo); }
body.muriel-app :is(h1, h2, h3) { letter-spacing: -.01em; }
/* tablas */
body.muriel-app thead tr.bg-slate-50, body.muriel-app thead.bg-slate-50 { background: #f6f1fb; }
body.muriel-app tbody tr:hover { background-color: #faf6fd; }
/* campos */
body.muriel-app input:focus, body.muriel-app select:focus, body.muriel-app textarea:focus {
  outline: none; border-color: var(--m-lila); box-shadow: 0 0 0 3px rgba(154,123,208,.30); }
/* detalles */
body.muriel-app ::selection { background: rgba(154,123,208,.35); }
body.muriel-app { scrollbar-color: #cdbde6 transparent; }
body.muriel-app ::-webkit-scrollbar { width: 10px; height: 10px; }
body.muriel-app ::-webkit-scrollbar-thumb { background: #d8cbec; border-radius: 8px; border: 2px solid transparent; background-clip: content-box; }
body.muriel-app ::-webkit-scrollbar-thumb:hover { background: #bda8dd; background-clip: content-box; border: 2px solid transparent; }
@media print { html { background: #fff; } body.muriel-app::before { display: none; } }