/* PANEL CRISTO REY V19 */

html.cr-panel-bg-v19,
html.cr-panel-bg-v19 body{
  min-height:100%;
  background:
    url('/central/imagenes/fondo-cristo-rey-v17.png?v=19')
    center center / cover fixed no-repeat !important;
}

html.cr-panel-bg-v19 body{
  min-height:100vh;
}

/* La app no debe tapar la imagen */
html.cr-panel-bg-v19 body #app{
  min-height:100vh !important;
  background: transparent !important;
}

/* Contenedores generales del panel en transparente */
html.cr-panel-bg-v19 body main,
html.cr-panel-bg-v19 body .main,
html.cr-panel-bg-v19 body .content,
html.cr-panel-bg-v19 body .page,
html.cr-panel-bg-v19 body .view,
html.cr-panel-bg-v19 body .dashboard,
html.cr-panel-bg-v19 body .panel,
html.cr-panel-bg-v19 body .admin,
html.cr-panel-bg-v19 body [data-view]{
  background: transparent !important;
}

/* El área derecha donde viven las vistas */
html.cr-panel-bg-v19 body .layout,
html.cr-panel-bg-v19 body .layout-main,
html.cr-panel-bg-v19 body .panel-layout,
html.cr-panel-bg-v19 body .app-shell{
  background: transparent !important;
}

/* Mantener sidebar sólido */
html.cr-panel-bg-v19 body aside,
html.cr-panel-bg-v19 body .sidebar,
html.cr-panel-bg-v19 body nav,
html.cr-panel-bg-v19 body .side-nav{
  /* no vaciar completamente el estilo; solo reforzar el fondo oscuro si existe */
  background-color: rgba(0, 1, 197, 0.95) !important;
}

/* Barra superior del contenido */
html.cr-panel-bg-v19 body header,
html.cr-panel-bg-v19 body .topbar,
html.cr-panel-bg-v19 body .toolbar{
  background: rgba(255,255,255,.78) !important;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  border-bottom: 1px solid rgba(255,255,255,.45) !important;
}

/* Panel oscuro de bienvenida / hero */
html.cr-panel-bg-v19 body .hero,
html.cr-panel-bg-v19 body .hero-card,
html.cr-panel-bg-v19 body .welcome,
html.cr-panel-bg-v19 body .banner,
html.cr-panel-bg-v19 body .panel-hero{
  background: rgba(7, 27, 64, .82) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

/* Tarjetas, tablas y bloques blancos legibles */
html.cr-panel-bg-v19 body .card,
html.cr-panel-bg-v19 body .stat,
html.cr-panel-bg-v19 body .stats-card,
html.cr-panel-bg-v19 body .box,
html.cr-panel-bg-v19 body .panel-card,
html.cr-panel-bg-v19 body table,
html.cr-panel-bg-v19 body .table-wrap,
html.cr-panel-bg-v19 body .widget,
html.cr-panel-bg-v19 body .section{
  box-shadow: 0 12px 34px rgba(0, 16, 54, .18);
}

/* Selects / inputs */
html.cr-panel-bg-v19 body select,
html.cr-panel-bg-v19 body input,
html.cr-panel-bg-v19 body textarea{
  background: rgba(255,255,255,.96) !important;
}

/* Quitar pseudo capas que puedan pintar otro fondo */
html.cr-panel-bg-v19 body::before,
html.cr-panel-bg-v19 body::after,
html.cr-panel-bg-v19 body #app::before,
html.cr-panel-bg-v19 body #app::after{
  background: transparent !important;
  background-image: none !important;
}