/* =========================================================
   PLATAFORMA ELECTORAL - TEMA GLOBAL FINAL
   Se carga una vez al inicio y nuevamente al final del BODY.
   ========================================================= */
:root{
  --pe-primary:#000e75;
  --pe-primary-dark:#00094d;
  --pe-primary-light:#5760a4;
  --pe-accent:#7a4a61;
  --pe-accent-dark:#5c3849;
  --pe-bg:#f0f1f7;
  --pe-soft:#f9f9fc;
  --pe-text:#0d1638;
  --pe-muted:#535c7e;
  --pe-primary-rgb:0,14,117;
  --pe-accent-rgb:122,74,97;
  --pe-dark-rgb:0,9,77;
  --pe-line:rgba(0,14,117,.15);
  --pe-line-strong:rgba(0,14,117,.24);
  --pe-shadow:0 14px 34px rgba(0,9,77,.12);
  --pe-deep:#000630;
  --pe-deeper:#000425;
  --pe-dark-surface:#00073f;
  --pe-dark-surface-2:#000637;
  --pe-tint:#e6e7f1;
  --pe-tint-strong:#d1d4e6;
  --pe-sidebar-width:248px;
  --act-brand:var(--pe-primary);
  --act-ref-brand:var(--pe-primary);
  --acta-violeta:var(--pe-primary);
  --actas-brand:var(--pe-primary);
  --actas-focus:var(--pe-primary);
  --audit-brand:var(--pe-primary);
  --audit-final-brand:var(--pe-primary);
  --azul-principal:var(--pe-primary);
  --blue:var(--pe-primary);
  --brand:var(--pe-primary);
  --cu-primary:var(--pe-primary);
  --dash-brand:var(--pe-primary);
  --ia-brand:var(--pe-primary);
  --login-input-focus:var(--pe-primary);
  --menu-actas-brand:var(--pe-primary);
  --mesa-brand:var(--pe-primary);
  --mon-brand:var(--pe-primary);
  --new-brand:var(--pe-primary);
  --nuevo-violeta:var(--pe-primary);
  --p-brand:var(--pe-primary);
  --pass-brand:var(--pe-primary);
  --perfil-brand:var(--pe-primary);
  --principal-brand:var(--pe-primary);
  --rb-brand:var(--pe-primary);
  --resultado-brand:var(--pe-primary);
  --rg-brand:var(--pe-primary);
  --shell-brand:var(--pe-primary);
  --ss-brand:var(--pe-primary);
  --u2-violet:var(--pe-primary);
  --u2-violet-mid:var(--pe-primary);
  --ui-primary:var(--pe-primary);
  --ui-violet:var(--pe-primary);
  --winner-party-color:var(--pe-primary);
  --act-brand-dark:var(--pe-primary-dark);
  --act-ref-brand-dark:var(--pe-primary-dark);
  --acta-violeta-oscuro:var(--pe-primary-dark);
  --actas-brand-dark:var(--pe-primary-dark);
  --audit-brand-dark:var(--pe-primary-dark);
  --audit-final-dark:var(--pe-primary-dark);
  --brand-dark:var(--pe-primary-dark);
  --cu-primary-dark:var(--pe-primary-dark);
  --dash-brand-dark:var(--pe-primary-dark);
  --ia-brand-dark:var(--pe-primary-dark);
  --mesa-brand-dark:var(--pe-primary-dark);
  --mon-dark:var(--pe-primary-dark);
  --new-brand-dark:var(--pe-primary-dark);
  --new-brand-deep:var(--pe-primary-dark);
  --nuevo-violeta-oscuro:var(--pe-primary-dark);
  --p-dark:var(--pe-primary-dark);
  --pass-brand-dark:var(--pe-primary-dark);
  --perfil-brand-dark:var(--pe-primary-dark);
  --principal-brand-dark:var(--pe-primary-dark);
  --rb-dark:var(--pe-primary-dark);
  --resultado-brand-dark:var(--pe-primary-dark);
  --rg-brand-dark:var(--pe-primary-dark);
  --shell-brand-dark:var(--pe-primary-dark);
  --ss-dark:var(--pe-primary-dark);
  --u2-violet-dark:var(--pe-primary-dark);
  --ui-primary-dark:var(--pe-primary-dark);
  --ui-violet-dark:var(--pe-primary-dark);
  --audit-brand-soft:var(--pe-primary-light);
  --brand-soft:var(--pe-primary-light);
  --ia-brand-soft:var(--pe-primary-light);
  --new-brand-soft:var(--pe-primary-light);
  --perfil-brand-soft:var(--pe-primary-light);
  --u2-violet-soft:var(--pe-primary-light);
  --ui-violet-soft:var(--pe-primary-light);
  --accent:var(--pe-accent);
  --act-accent:var(--pe-accent);
  --act-ref-accent:var(--pe-accent);
  --acta-naranja:var(--pe-accent);
  --actas-accent:var(--pe-accent);
  --audit-accent:var(--pe-accent);
  --audit-cyan:var(--pe-accent);
  --audit-final-accent:var(--pe-accent);
  --azul-secundario:var(--pe-accent);
  --cyan:var(--pe-accent);
  --dash-accent:var(--pe-accent);
  --ia-accent:var(--pe-accent);
  --login-cyan:var(--pe-accent);
  --mesa-accent:var(--pe-accent);
  --mon-orange:var(--pe-accent);
  --new-accent:var(--pe-accent);
  --new-accent-soft:var(--pe-accent);
  --nuevo-naranja:var(--pe-accent);
  --p-accent:var(--pe-accent);
  --pass-accent:var(--pe-accent);
  --perfil-accent:var(--pe-accent);
  --rb-accent:var(--pe-accent);
  --rg-accent:var(--pe-accent);
  --shell-accent:var(--pe-accent);
  --ss-accent:var(--pe-accent);
  --u2-orange:var(--pe-accent);
  --ui-cyan:var(--pe-accent);
  --ui-orange:var(--pe-accent);
  --accent-dark:var(--pe-accent-dark);
  --act-accent-dark:var(--pe-accent-dark);
  --act-ref-accent-dark:var(--pe-accent-dark);
  --audit-accent-dark:var(--pe-accent-dark);
  --new-accent-dark:var(--pe-accent-dark);
  --act-bg:var(--pe-bg);
  --act-ref-bg:var(--pe-bg);
  --acta-fondo:var(--pe-bg);
  --actas-bg:var(--pe-bg);
  --audit-bg:var(--pe-bg);
  --audit-final-bg:var(--pe-bg);
  --bg:var(--pe-bg);
  --cu-bg:var(--pe-bg);
  --dash-bg:var(--pe-bg);
  --login-bg:var(--pe-bg);
  --mon-bg:var(--pe-bg);
  --new-bg:var(--pe-bg);
  --nuevo-fondo:var(--pe-bg);
  --p-bg:var(--pe-bg);
  --perfil-bg:var(--pe-bg);
  --rb-bg:var(--pe-bg);
  --rg-bg:var(--pe-bg);
  --shell-bg:var(--pe-bg);
  --ss-bg:var(--pe-bg);
  --u2-bg:var(--pe-bg);
  --ui-bg:var(--pe-bg);
  --act-ref-soft:var(--pe-soft);
  --act-ref-surface-soft:var(--pe-soft);
  --act-surface-soft:var(--pe-soft);
  --acta-suave:var(--pe-soft);
  --audit-soft:var(--pe-soft);
  --audit-surface-soft:var(--pe-soft);
  --bg-soft:var(--pe-soft);
  --cu-soft:var(--pe-soft);
  --ia-soft:var(--pe-soft);
  --new-surface-soft:var(--pe-soft);
  --nuevo-lila:var(--pe-soft);
  --panel-soft:var(--pe-soft);
  --pass-soft:var(--pe-soft);
  --surface-soft:var(--pe-soft);
  --u2-soft:var(--pe-soft);
  --ui-blue-soft:var(--pe-soft);
  --ui-soft:var(--pe-soft);
  --act-ref-text:var(--pe-text);
  --act-text:var(--pe-text);
  --acta-texto:var(--pe-text);
  --actas-text:var(--pe-text);
  --audit-final-text:var(--pe-text);
  --audit-text:var(--pe-text);
  --cu-text:var(--pe-text);
  --dash-text:var(--pe-text);
  --ia-text:var(--pe-text);
  --login-text:var(--pe-text);
  --menu-actas-text:var(--pe-text);
  --mesa-text:var(--pe-text);
  --mon-text:var(--pe-text);
  --new-text:var(--pe-text);
  --nuevo-tinta:var(--pe-text);
  --p-text:var(--pe-text);
  --pass-text:var(--pe-text);
  --perfil-text:var(--pe-text);
  --principal-text:var(--pe-text);
  --rb-text:var(--pe-text);
  --resultado-text:var(--pe-text);
  --rg-text:var(--pe-text);
  --shell-text:var(--pe-text);
  --ss-text:var(--pe-text);
  --text:var(--pe-text);
  --u2-text:var(--pe-text);
  --ui-text:var(--pe-text);
  --act-muted:var(--pe-muted);
  --act-ref-muted:var(--pe-muted);
  --acta-muted:var(--pe-muted);
  --actas-text-muted:var(--pe-muted);
  --audit-final-muted:var(--pe-muted);
  --audit-muted:var(--pe-muted);
  --cu-muted:var(--pe-muted);
  --dash-muted:var(--pe-muted);
  --ia-muted:var(--pe-muted);
  --login-muted:var(--pe-muted);
  --mesa-muted:var(--pe-muted);
  --mon-muted:var(--pe-muted);
  --muted:var(--pe-muted);
  --muted-light:var(--pe-muted);
  --new-muted:var(--pe-muted);
  --nuevo-muted:var(--pe-muted);
  --p-muted:var(--pe-muted);
  --pass-muted:var(--pe-muted);
  --perfil-muted:var(--pe-muted);
  --rb-muted:var(--pe-muted);
  --rg-muted:var(--pe-muted);
  --shell-muted:var(--pe-muted);
  --ss-muted:var(--pe-muted);
  --u2-muted:var(--pe-muted);
  --ui-muted:var(--pe-muted);
  --ui-muted-light:var(--pe-muted);
  --act-line:var(--pe-line);
  --act-ref-line:var(--pe-line);
  --acta-linea:var(--pe-line);
  --actas-border:var(--pe-line);
  --actas-line:var(--pe-line);
  --audit-border:var(--pe-line);
  --audit-final-line:var(--pe-line);
  --audit-line:var(--pe-line);
  --border:var(--pe-line);
  --border-strong:var(--pe-line);
  --cu-line:var(--pe-line);
  --cu-line-strong:var(--pe-line);
  --dash-border:var(--pe-line);
  --dash-line:var(--pe-line);
  --ia-line:var(--pe-line);
  --line:var(--pe-line);
  --login-border:var(--pe-line);
  --menu-actas-line:var(--pe-line);
  --mesa-line:var(--pe-line);
  --mon-line:var(--pe-line);
  --new-line:var(--pe-line);
  --nuevo-linea:var(--pe-line);
  --p-line:var(--pe-line);
  --pass-line:var(--pe-line);
  --perfil-line:var(--pe-line);
  --principal-line:var(--pe-line);
  --rb-line:var(--pe-line);
  --resultado-line:var(--pe-line);
  --rg-line:var(--pe-line);
  --shell-line:var(--pe-line);
  --ss-line:var(--pe-line);
  --u2-line:var(--pe-line);
  --ui-line:var(--pe-line);
  --ui-line-strong:var(--pe-line);
  --act-ref-shadow:var(--pe-shadow);
  --act-shadow:var(--pe-shadow);
  --audit-final-shadow:var(--pe-shadow);
  --audit-shadow:var(--pe-shadow);
  --dash-shadow:var(--pe-shadow);
  --mon-shadow:var(--pe-shadow);
  --new-shadow:var(--pe-shadow);
  --p-shadow:var(--pe-shadow);
  --perfil-shadow:var(--pe-shadow);
  --rb-shadow:var(--pe-shadow);
  --rg-shadow:var(--pe-shadow);
  --shadow:var(--pe-shadow);
  --shell-shadow:var(--pe-shadow);
  --ss-shadow:var(--pe-shadow);
  --u2-shadow:var(--pe-shadow);
  --ui-shadow:var(--pe-shadow);
  --login-blue:var(--pe-primary);
  --login-blue-2:var(--pe-primary-dark);
  --primary:var(--pe-primary);
  --primary-dark:var(--pe-primary-dark);
}

/* ---------- Estructura general ---------- */
html body{color:var(--pe-text) !important;background:var(--pe-bg) !important}
html body .pc-container{
  background:
    radial-gradient(circle at 18% 0%,rgba(var(--pe-primary-rgb),.10),transparent 30%),
    radial-gradient(circle at 100% 100%,rgba(var(--pe-accent-rgb),.08),transparent 28%),
    linear-gradient(180deg,var(--pe-soft) 0%,var(--pe-bg) 100%) !important;
}
html body .pc-content,
html body .page-header,
html body .page-block{background:transparent !important}

/* ---------- Menú lateral uniforme y temático ---------- */
html body .pc-sidebar{
  width:var(--pe-sidebar-width) !important;
  background:linear-gradient(180deg,var(--pe-primary-dark) 0%,var(--pe-primary) 56%,var(--pe-primary-light) 100%) !important;
  border-right:0 !important;
  box-shadow:8px 0 28px rgba(var(--pe-dark-rgb),.17) !important;
}
html body .pc-sidebar .navbar-wrapper{
  width:100% !important;height:100vh !important;display:flex !important;flex-direction:column !important;
  overflow:hidden !important;background:transparent !important;
}
html body .pc-sidebar .m-header{
  width:100% !important;height:74px !important;min-height:74px !important;display:flex !important;
  align-items:center !important;padding:10px 12px !important;background:rgba(255,255,255,.05) !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;overflow:hidden !important;
}
html body .pc-sidebar .m-header::before,
html body .pc-sidebar .m-header::after{display:none !important;content:none !important}
html body .sidebar-new-brand{width:100% !important;display:flex !important;align-items:center !important;gap:9px !important;color:#fff !important;text-decoration:none !important}
html body .sidebar-new-brand-mark{
  width:38px !important;height:38px !important;min-width:38px !important;display:inline-flex !important;
  align-items:center !important;justify-content:center !important;flex:0 0 38px !important;border-radius:11px !important;
  background:#fff !important;color:var(--pe-primary) !important;border:1px solid rgba(255,255,255,.74) !important;
  box-shadow:0 10px 22px rgba(var(--pe-dark-rgb),.22) !important;font-size:20px !important;
}
html body .sidebar-new-brand-mark i{display:inline-block !important;color:currentColor !important;font-size:20px !important}
html body .sidebar-new-brand-mark svg{width:20px !important;height:20px !important;stroke:currentColor !important;fill:none !important}
html body .sidebar-new-brand-copy{min-width:0 !important;display:flex !important;flex-direction:column !important}
html body .sidebar-new-brand-copy strong{display:block !important;color:#fff !important;font-size:11px !important;font-weight:800 !important;line-height:1.15 !important;white-space:nowrap !important}
html body .sidebar-new-brand-copy small{display:block !important;margin-top:3px !important;color:rgba(255,255,255,.68) !important;font-size:7.5px !important;font-weight:700 !important;letter-spacing:.75px !important;text-transform:uppercase !important;white-space:nowrap !important}
html body .pc-sidebar .navbar-content{
  flex:1 1 auto !important;min-height:0 !important;width:100% !important;padding:10px 8px 18px !important;
  overflow-y:auto !important;overflow-x:hidden !important;background:transparent !important;
  scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent;
}
html body .pc-sidebar .navbar-content::-webkit-scrollbar{width:5px}
html body .pc-sidebar .navbar-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.28);border-radius:999px}
html body .pc-sidebar .sidebar-user{display:none !important}
html body .pc-sidebar .pc-navbar{margin:0 !important;padding:0 !important}
html body .pc-sidebar .pc-caption{margin:0 !important;padding:9px 7px 5px !important}
html body .pc-sidebar .pc-caption label{color:rgba(255,255,255,.60) !important;font-size:8px !important;font-weight:800 !important;letter-spacing:1.25px !important;text-transform:uppercase !important}
html body .pc-sidebar .pc-caption>i{display:none !important}
html body .pc-sidebar .pc-item{margin:0 !important}
html body .pc-sidebar .pc-link{
  min-height:40px !important;display:flex !important;align-items:center !important;gap:9px !important;
  margin:2px 0 !important;padding:7px 7px !important;border:1px solid transparent !important;border-radius:9px !important;
  color:rgba(255,255,255,.90) !important;background:transparent !important;box-shadow:none !important;
  text-decoration:none !important;transform:none !important;transition:.18s ease !important;
}
html body .pc-sidebar .pc-link .pc-micon{
  position:relative !important;width:27px !important;height:27px !important;min-width:27px !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;flex:0 0 27px !important;
  color:#fff !important;border-radius:8px !important;background:rgba(255,255,255,.12) !important;
  box-shadow:none !important;font-size:0 !important;
}
html body .pc-sidebar .pc-link .pc-micon i{color:currentColor !important;font-size:16px !important;line-height:1 !important}
html body .pc-sidebar .pc-link .pc-micon svg{width:16px !important;height:16px !important;stroke:currentColor !important;fill:none !important;stroke-width:2 !important}
html body .pc-sidebar .pc-link .pc-mtext{color:inherit !important;font-size:10px !important;font-weight:650 !important;line-height:1.2 !important;white-space:nowrap !important}
html body .pc-sidebar .pc-link:hover{color:#fff !important;background:rgba(255,255,255,.12) !important;border-color:rgba(255,255,255,.10) !important;transform:none !important}
html body .pc-sidebar .pc-item.active>.pc-link{
  color:#fff !important;
  background:linear-gradient(90deg,rgba(var(--pe-accent-rgb),.34),rgba(255,255,255,.14)) !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:inset 3px 0 0 var(--pe-accent) !important;
}
html body .pc-sidebar .pc-item.active>.pc-link .pc-micon{color:#fff !important;background:rgba(255,255,255,.20) !important}
html body .pc-sidebar .pc-item.active>.pc-link .pc-mtext{color:#fff !important;font-weight:800 !important}

/* ---------- Cabecera + menú de usuario uniforme ---------- */
html body .pc-header{
  height:64px !important;min-height:64px !important;max-height:64px !important;
  background:#fff !important;border-bottom:1px solid var(--pe-line) !important;
  box-shadow:0 7px 22px rgba(var(--pe-dark-rgb),.07) !important;overflow:visible !important;
}
html body .pc-header .header-wrapper{height:64px !important;min-height:64px !important;padding:0 12px !important;overflow:visible !important}
html body #sidebar-hide,
html body #mobile-collapse{
  width:36px !important;height:36px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;
  color:var(--pe-text) !important;border:1px solid var(--pe-line) !important;border-radius:10px !important;background:#fff !important;
  box-shadow:0 5px 14px rgba(var(--pe-dark-rgb),.07) !important;
}
html body #sidebar-hide:hover,
html body #mobile-collapse:hover{color:#fff !important;border-color:var(--pe-primary) !important;background:var(--pe-primary) !important}
html body .pc-header .header-search{margin:0 !important;color:var(--pe-text) !important;font-size:12px !important;font-weight:600 !important;background:transparent !important}
html body .pc-header .header-user-profile{position:relative !important;display:flex !important;align-items:center !important}
html body .pc-header .header-user-profile>.pc-head-link{
  min-height:38px !important;display:flex !important;align-items:center !important;gap:8px !important;
  padding:4px 10px !important;color:var(--pe-text) !important;border:1px solid var(--pe-line) !important;
  border-radius:11px !important;background:#fff !important;box-shadow:0 6px 16px rgba(var(--pe-dark-rgb),.07) !important;
}
html body .pc-header .header-user-profile>.pc-head-link:hover,
html body .pc-header .header-user-profile.show>.pc-head-link{color:var(--pe-primary) !important;border-color:var(--pe-line-strong) !important;background:var(--pe-soft) !important}
html body .pc-header .header-user-profile>.pc-head-link .user-avtar{
  width:27px !important;height:27px !important;object-fit:cover !important;border:2px solid var(--pe-primary) !important;border-radius:50% !important;
  box-shadow:0 0 0 3px rgba(var(--pe-primary-rgb),.09) !important;
}
html body .pc-header .header-user-profile>.pc-head-link>span{color:var(--pe-text) !important;font-size:11px !important;font-weight:700 !important}
html body .pc-header .header-user-profile .dropdown-user-profile{
  position:absolute !important;top:calc(100% + 9px) !important;right:0 !important;left:auto !important;bottom:auto !important;transform:none !important;
  z-index:1085 !important;width:270px !important;min-width:270px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;
  color:var(--pe-text) !important;border:1px solid var(--pe-line) !important;border-radius:15px !important;background:#fff !important;
  box-shadow:0 20px 50px rgba(var(--pe-dark-rgb),.18) !important;
}
html body .pc-header .header-user-profile .dropdown-user-profile:not(.show){display:none !important}
html body .pc-header .header-user-profile .dropdown-user-profile.show{display:block !important}
html body .pc-header .header-user-profile .dropdown-user-profile .dropdown-header{
  padding:14px 15px !important;border:0 !important;background:linear-gradient(135deg,var(--pe-primary-dark),var(--pe-primary) 58%,var(--pe-primary-light)) !important;
}
html body .pc-header .header-user-profile .dropdown-user-profile .dropdown-header .user-avtar{width:42px !important;height:42px !important;object-fit:cover !important;border:2px solid #fff !important;border-radius:50% !important}
html body .pc-header .header-user-profile .dropdown-user-profile .dropdown-header h6{margin:0 0 3px !important;color:#fff !important;font-size:13px !important;font-weight:800 !important}
html body .pc-header .header-user-profile .dropdown-user-profile .dropdown-header span{color:rgba(255,255,255,.78) !important;font-size:10px !important;font-weight:600 !important}
html body .pc-header .header-user-profile .dropdown-user-profile .drp-tabs{display:none !important;margin:0 !important;border:0 !important;background:#fff !important}
html body .pc-header .header-user-profile .dropdown-user-profile .tab-content,
html body .pc-header .header-user-profile .dropdown-user-profile .tab-pane{margin:0 !important;background:#fff !important}
html body .pc-header .header-user-profile .dropdown-user-profile .tab-pane{padding:8px !important}
html body .pc-header .header-user-profile .dropdown-user-profile .dropdown-item{
  min-height:42px !important;display:flex !important;align-items:center !important;gap:10px !important;margin:2px 0 !important;padding:8px 10px !important;
  color:var(--pe-text) !important;border:1px solid transparent !important;border-radius:10px !important;background:transparent !important;
  font-size:11px !important;font-weight:700 !important;
}
html body .pc-header .header-user-profile .dropdown-user-profile .dropdown-item i{
  width:30px !important;height:30px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;flex:0 0 30px !important;
  color:var(--pe-primary) !important;border-radius:9px !important;background:rgba(var(--pe-primary-rgb),.10) !important;font-size:16px !important;
}
html body .pc-header .header-user-profile .dropdown-user-profile .dropdown-item:hover{color:var(--pe-primary) !important;border-color:var(--pe-line) !important;background:var(--pe-soft) !important;transform:translateX(2px) !important}
html body .pc-header .header-user-profile .dropdown-user-profile .dropdown-item[href="logout"]{color:#c95428 !important}
html body .pc-header .header-user-profile .dropdown-user-profile .dropdown-item[href="logout"] i{color:#d66132 !important;background:#fff1ec !important}

/* ---------- Layout PC/tablet/móvil uniforme ---------- */
@media(min-width:1025px){
  html body .pc-sidebar{left:0 !important;transform:translateX(0) !important}
  html body .pc-header,
  html body .pc-container,
  html body .pc-footer{margin-left:var(--pe-sidebar-width) !important}
  html body.sidebar-collapsed .pc-sidebar{transform:translateX(calc(-1 * var(--pe-sidebar-width))) !important}
  html body.sidebar-collapsed .pc-header,
  html body.sidebar-collapsed .pc-container,
  html body.sidebar-collapsed .pc-footer{margin-left:0 !important}
}
@media(max-width:1024px){
  html body .pc-sidebar{position:fixed !important;top:0 !important;bottom:0 !important;left:0 !important;z-index:1055 !important;width:var(--pe-sidebar-width) !important;transform:translateX(calc(-1 * var(--pe-sidebar-width))) !important}
  html body .pc-header,
  html body .pc-container,
  html body .pc-footer{margin-left:0 !important}
  html body.sidebar-mobile-open .pc-sidebar{transform:translateX(0) !important}
  html body.sidebar-mobile-open{overflow:hidden !important}
  html body.sidebar-mobile-open .sidebar-mobile-backdrop{position:fixed !important;inset:0 !important;z-index:1050 !important;display:block !important;background:rgba(20,12,45,.42) !important;backdrop-filter:blur(2px)}
}
@media(max-width:767px){
  html body .pc-header .header-user-profile>.pc-head-link{width:42px !important;min-width:42px !important;height:42px !important;justify-content:center !important;padding:4px !important}
  html body .pc-header .header-user-profile>.pc-head-link>span{display:none !important}
  html body .pc-header .header-user-profile .dropdown-user-profile{position:fixed !important;top:70px !important;right:10px !important;left:auto !important;width:min(285px,calc(100vw - 20px)) !important;min-width:0 !important;max-height:calc(100dvh - 82px) !important;overflow-y:auto !important}
}

/* ---------- Identidad de módulos ---------- */
html body :is(.principal-hero,.audit-hero,.demo-hero,.monitor-hero,.sessions-hero,.users-hero,.profile-hero,.password-hero,.rb-hero,.module-hero,.tics-hero,.act-hero,.ia-hero,.actas-hero){
  background:
    radial-gradient(circle at 94% 10%,rgba(255,255,255,.18),transparent 30%),
    linear-gradient(135deg,var(--pe-primary-dark) 0%,var(--pe-primary) 58%,var(--pe-primary-light) 100%) !important;
  border-color:rgba(var(--pe-primary-rgb),.16) !important;
  box-shadow:0 13px 30px rgba(var(--pe-dark-rgb),.20) !important;
}
html body :is(.principal-kicker,.audit-kicker,.module-kicker,.profile-kicker,.password-kicker,.rb-kicker){color:#baa1ad !important}
html body :is(.principal-panel,.audit-panel,.demo-card,.monitor-panel,.sessions-panel,.users-card,.profile-card,.password-card,.rb-card,.module-card,.tics-card,.act-filter-card,.actas-card){border-color:var(--pe-line) !important;box-shadow:var(--pe-shadow) !important}

/* ---------- Componentes habituales ---------- */
html body .text-primary{color:var(--pe-primary) !important}
html body .bg-primary{background-color:var(--pe-primary) !important}
html body .border-primary{border-color:var(--pe-primary) !important}
html body .btn-primary,
html body .pe-theme-primary-btn,
html body .act-load-button,
html body #btnGuardarActa,
html body #btnGuardar,
html body .btn-login{
  color:#fff !important;border-color:var(--pe-primary) !important;
  background:linear-gradient(135deg,var(--pe-primary),var(--pe-primary-dark)) !important;
  box-shadow:0 9px 20px rgba(var(--pe-primary-rgb),.22) !important;
}
html body .btn-primary:hover,
html body .pe-theme-primary-btn:hover,
html body .act-load-button:hover,
html body #btnGuardarActa:hover,
html body #btnGuardar:hover{filter:brightness(.97);box-shadow:0 12px 25px rgba(var(--pe-primary-rgb),.29) !important}
html body :is(.form-control,.form-select,input,select,textarea):focus{border-color:var(--pe-primary) !important;box-shadow:0 0 0 3px rgba(var(--pe-primary-rgb),.12) !important}
html body :is(.pagination .page-item.active .page-link,.pagination .page-link:hover){color:#fff !important;border-color:var(--pe-primary) !important;background:var(--pe-primary) !important}
html body :is(.table thead th,.table-dark th,#tabla_auditoria table thead th){color:#fff !important;background:linear-gradient(180deg,var(--pe-primary),var(--pe-primary-dark)) !important}

/* ---------- Tarjetas del principal y accesos ---------- */
html body .principal-card:before{background:linear-gradient(180deg,var(--pe-primary),var(--pe-accent)) !important}
html body .principal-card:hover{border-color:var(--pe-line-strong) !important;background:var(--pe-soft) !important;box-shadow:0 13px 28px rgba(var(--pe-dark-rgb),.13) !important}
html body .principal-card-icon,
html body .principal-panel-title span,
html body .principal-item-icon{color:var(--pe-primary) !important;background:rgba(var(--pe-primary-rgb),.10) !important}
html body .principal-card:nth-child(even) .principal-card-icon,
html body .principal-item:nth-child(even) .principal-item-icon{color:var(--pe-accent) !important;background:rgba(var(--pe-accent-rgb),.11) !important}
html body .principal-item:hover{color:var(--pe-primary) !important;border-color:var(--pe-line-strong) !important;background:rgba(var(--pe-primary-rgb),.06) !important}

/* ---------- Reportes / auditoría ---------- */
html body #buscador:focus{border-color:var(--pe-primary) !important;box-shadow:0 0 0 3px rgba(var(--pe-primary-rgb),.10) !important}
html body #tabla_auditoria .btn-primary,
html body #tabla_auditoria .btn-info,
html body #tabla_auditoria .verActa{color:#fff !important;background:linear-gradient(145deg,var(--pe-primary-light),var(--pe-primary-dark)) !important}
html body #tabla_auditoria .page-item.active .page-link,
html body #tabla_auditoria .page-link:hover{color:#fff !important;border-color:var(--pe-primary) !important;background:var(--pe-primary) !important}

/* ---------- Modales ---------- */
html body .modal-content{border-color:var(--pe-line) !important;box-shadow:0 24px 70px rgba(var(--pe-dark-rgb),.24) !important}
html body .modal-header:not(.bg-danger):not(.bg-warning):not(.bg-success){color:#fff !important;background:linear-gradient(135deg,var(--pe-primary-dark),var(--pe-primary)) !important;border-bottom:0 !important}
html body .modal-footer{border-top-color:var(--pe-line) !important;background:var(--pe-soft) !important}

/* ---------- Ingreso de actas + offline ---------- */
html body #zona_candidatos .card-header,
html body .act-photo-action.is-camera,
html body .act-photo-choice-primary,
html body .offline-primary,
html body .act-offline-primary,
html body .act-photo-camera,
html body .photo-camera-button{color:#fff !important;border-color:var(--pe-primary) !important;background:linear-gradient(135deg,var(--pe-primary-dark),var(--pe-primary)) !important}
html body :is(.act-photo-selected,.act-offline-banner,.offline-banner,.offline-pending-card,.offline-card,.act-pending-card){border-color:var(--pe-line-strong) !important;background:rgba(var(--pe-primary-rgb),.055) !important}
html body :is(.act-photo-selected strong,.act-offline-banner strong,.offline-banner strong,.offline-pending-card strong,.offline-card strong,.act-pending-card strong){color:var(--pe-primary) !important}

/* ---------- Indicador de conexión ---------- */
html body :is(.pwa-connection-badge,.connection-badge,.estado-conexion,.online-indicator){border-color:var(--pe-line) !important;box-shadow:0 8px 20px rgba(var(--pe-dark-rgb),.10) !important}
html body :is(.pwa-connection-badge,.connection-badge,.estado-conexion,.online-indicator) i{color:var(--pe-primary) !important}

/* ---------- Login ---------- */
html body .nuevo-login-layout{background:linear-gradient(135deg,var(--pe-soft) 0%,var(--pe-bg) 52%,#f6f2f4 100%) !important}
html body .nuevo-brand-panel{background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.16),transparent 28%),radial-gradient(circle at 10% 90%,rgba(var(--pe-accent-rgb),.26),transparent 30%),linear-gradient(145deg,var(--pe-primary-dark) 0%,var(--pe-primary) 52%,var(--pe-primary-light) 100%) !important}
html body .nuevo-login-layout .login-card{border-color:var(--pe-line) !important;box-shadow:0 28px 70px rgba(var(--pe-dark-rgb),.18) !important}
html body .nuevo-login-layout .login-card::before{background:linear-gradient(90deg,var(--pe-primary),var(--pe-accent),var(--pe-primary-light)) !important}
html body .nuevo-login-layout .form-control-modern:focus{border-color:var(--pe-primary) !important;box-shadow:0 0 0 4px rgba(var(--pe-primary-rgb),.12) !important}
html body .nuevo-login-layout .form-check-input:checked{border-color:var(--pe-primary) !important;background-color:var(--pe-primary) !important}
html body .nuevo-login-layout .auth-footer a{color:var(--pe-primary) !important}

/* ---------- Configuración de tema ---------- */
html body.pe-theme-page .pc-container{top:0 !important;margin-top:0 !important;padding-top:58px !important}
html body.pe-theme-page .pc-content{width:100% !important;max-width:none !important;margin:0 !important;padding:12px 14px 24px !important}
html body.pe-theme-page .page-header,html body.pe-theme-page .page-block{margin:0 !important;padding:0 !important}
html body.pe-theme-page .pe-theme-shell{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important}
html body .pe-theme-hero{background:radial-gradient(circle at 94% 10%,rgba(255,255,255,.18),transparent 30%),linear-gradient(135deg,var(--pe-primary-dark),var(--pe-primary) 58%,var(--pe-primary-light)) !important;box-shadow:0 14px 32px rgba(var(--pe-dark-rgb),.20) !important}
html body .pe-theme-card{border-color:var(--pe-line) !important;box-shadow:var(--pe-shadow) !important}
html body .pe-theme-option.is-selected{border-color:var(--pe-primary) !important;box-shadow:0 0 0 3px rgba(var(--pe-primary-rgb),.10) !important;background:#fff !important}
html body .pe-theme-save{color:#fff !important;border-color:var(--pe-primary) !important;background:linear-gradient(135deg,var(--pe-primary),var(--pe-primary-dark)) !important}
html body .pe-theme-note strong{color:var(--pe-primary) !important}

/* ---------- Refuerzo final de componentes: tablas, modales, botones ---------- */
html body .pc-sidebar.pc-sidebar{background:linear-gradient(180deg,var(--pe-primary-dark) 0%,var(--pe-primary) 56%,var(--pe-primary-light) 100%) !important;border-right:0 !important}
html body .pc-header.pc-header{background:#fff !important;border-bottom:1px solid var(--pe-line) !important;box-shadow:0 7px 22px rgba(var(--pe-dark-rgb),.07) !important}
html body .pc-header.pc-header :is(.pc-head-link,.header-search,span,form){color:var(--pe-text) !important}
html body .pc-header.pc-header .header-user-profile>.pc-head-link{border-color:var(--pe-line) !important;background:#fff !important}
html body .pc-header.pc-header .header-user-profile>.pc-head-link .user-avtar{border-color:var(--pe-primary) !important}
html body .pc-header.pc-header .dropdown-user-profile{color:var(--pe-text) !important;border-color:var(--pe-line) !important;background:#fff !important}
html body .pc-header.pc-header .dropdown-user-profile .dropdown-header{color:#fff !important;background:linear-gradient(135deg,var(--pe-primary-dark),var(--pe-primary) 58%,var(--pe-primary-light)) !important}
html body .pc-header.pc-header .dropdown-user-profile .dropdown-header :is(h1,h2,h3,h4,h5,h6,span,p){color:#fff !important}
html body .pc-header.pc-header .dropdown-user-profile .drp-tabs{background:#fff !important;border-bottom-color:var(--pe-line) !important}
html body .pc-header.pc-header .dropdown-user-profile .nav-link.active{color:var(--pe-primary) !important;border-bottom-color:var(--pe-primary) !important}
html body .pc-header.pc-header .dropdown-user-profile .dropdown-item{color:var(--pe-text) !important;background:#fff !important}
html body .pc-header.pc-header .dropdown-user-profile .dropdown-item i{color:var(--pe-primary) !important;background:rgba(var(--pe-primary-rgb),.09) !important}
html body .pc-header.pc-header .dropdown-user-profile .dropdown-item:hover{color:var(--pe-primary) !important;background:rgba(var(--pe-primary-rgb),.06) !important}

html body :is(.btn-primary,.btn-info,.btn-theme,.btn-brand,.pe-primary-action){color:#fff !important;border-color:var(--pe-primary) !important;background:linear-gradient(135deg,var(--pe-primary),var(--pe-primary-dark)) !important;box-shadow:0 8px 18px rgba(var(--pe-primary-rgb),.20) !important}
html body :is(.btn-primary,.btn-info,.btn-theme,.btn-brand,.pe-primary-action):hover{filter:brightness(.97) !important}
html body :is(.spinner-border.text-primary,.spinner-grow.text-primary){color:var(--pe-primary) !important}
html body :is(.nav-pills .nav-link.active,.list-group-item.active){color:#fff !important;border-color:var(--pe-primary) !important;background:var(--pe-primary) !important}

html body .table-responsive.table-responsive{border-color:var(--pe-line) !important}
html body table.table{color:var(--pe-text) !important;background:#fff !important}
html body table.table thead th,
html body table.dataTable thead th,
html body .dataTables_scrollHead table thead th{color:#fff !important;border-color:rgba(255,255,255,.12) !important;background:linear-gradient(180deg,var(--pe-primary),var(--pe-primary-dark)) !important}
html body table.table tbody td{color:var(--pe-text) !important;border-color:var(--pe-line) !important;background:#fff !important}
html body table.table tbody tr:nth-child(even) td{background:var(--pe-soft) !important}
html body table.table tbody tr:hover td{background:rgba(var(--pe-primary-rgb),.065) !important}
html body :is(.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button:hover){color:#fff !important;border-color:var(--pe-primary) !important;background:var(--pe-primary) !important}

html body .modal .modal-content{color:var(--pe-text) !important;border:1px solid var(--pe-line) !important;background:#fff !important;box-shadow:0 24px 70px rgba(var(--pe-dark-rgb),.24) !important}
html body .modal .modal-header:not(.bg-danger):not(.bg-warning):not(.bg-success){color:#fff !important;border-bottom:0 !important;background:linear-gradient(135deg,var(--pe-primary-dark),var(--pe-primary)) !important}
html body .modal .modal-header:not(.bg-danger):not(.bg-warning):not(.bg-success) :is(.modal-title,h1,h2,h3,h4,h5,h6,span,strong,p){color:#fff !important}
html body .modal .modal-body{color:var(--pe-text) !important;background:#fff !important}
html body .modal .modal-body :is(.card,.table-responsive,table){color:var(--pe-text) !important;border-color:var(--pe-line) !important;background:#fff !important}
html body .modal .modal-body table thead th{color:#fff !important;background:linear-gradient(180deg,var(--pe-primary),var(--pe-primary-dark)) !important}
html body .modal .modal-body table tbody td{color:var(--pe-text) !important;border-color:var(--pe-line) !important;background:#fff !important}
html body .modal .modal-body table tbody tr:nth-child(even) td{background:var(--pe-soft) !important}
html body .modal .modal-body :is(.form-control,.form-select,textarea,input){color:var(--pe-text) !important;border-color:var(--pe-line) !important;background:#fff !important}
html body .modal .modal-footer{border-top:1px solid var(--pe-line) !important;background:var(--pe-soft) !important}
html body .modal .btn-primary{color:#fff !important;border-color:var(--pe-primary) !important;background:linear-gradient(135deg,var(--pe-primary),var(--pe-primary-dark)) !important}
html body .modal .btn-close{filter:invert(1) brightness(3) !important}

html body .swal2-popup{color:var(--pe-text) !important;border:1px solid var(--pe-line) !important;background:#fff !important;box-shadow:0 24px 70px rgba(var(--pe-dark-rgb),.22) !important}
html body .swal2-title,html body .swal2-html-container{color:var(--pe-text) !important}
html body .swal2-confirm{color:#fff !important;background:linear-gradient(135deg,var(--pe-primary),var(--pe-primary-dark)) !important;box-shadow:none !important}
html body .swal2-icon.swal2-info{color:var(--pe-primary) !important;border-color:rgba(var(--pe-primary-rgb),.35) !important}

/* Auditoría y paneles que originalmente eran oscuros: se integran a la paleta activa. */
html body .audit-panel.audit-panel{color:var(--pe-text) !important;border-color:var(--pe-line) !important;background:#fff !important;box-shadow:var(--pe-shadow) !important}
html body .audit-panel :is(.audit-search-label,.audit-loading){color:var(--pe-muted) !important}
html body .audit-panel .audit-search-wrap .search-icon{color:var(--pe-primary) !important}
html body #buscador#buscador{color:var(--pe-text) !important;border-color:var(--pe-line) !important;background:#fff !important}
html body #buscador#buscador::placeholder{color:var(--pe-muted) !important}
html body #buscador#buscador:focus{border-color:var(--pe-primary) !important;background:#fff !important;box-shadow:0 0 0 3px rgba(var(--pe-primary-rgb),.12) !important}
html body #tabla_auditoria#tabla_auditoria{color:var(--pe-text) !important}
html body #tabla_auditoria#tabla_auditoria .table-responsive{color:var(--pe-text) !important;border-color:var(--pe-line) !important;background:#fff !important}
html body #tabla_auditoria#tabla_auditoria table{color:var(--pe-text) !important;background:#fff !important}
html body #tabla_auditoria#tabla_auditoria table thead th{color:#fff !important;background:linear-gradient(180deg,var(--pe-primary),var(--pe-primary-dark)) !important}
html body #tabla_auditoria#tabla_auditoria table tbody td{color:var(--pe-text) !important;border-color:var(--pe-line) !important;background:#fff !important}
html body #tabla_auditoria#tabla_auditoria table tbody tr:nth-child(even) td{background:var(--pe-soft) !important}
html body #tabla_auditoria#tabla_auditoria table tbody tr:hover td{color:var(--pe-text) !important;background:rgba(var(--pe-primary-rgb),.065) !important}
html body #tabla_auditoria#tabla_auditoria .page-link{color:var(--pe-muted) !important;border-color:var(--pe-line) !important;background:#fff !important}
html body #tabla_auditoria#tabla_auditoria .page-item.active .page-link,html body #tabla_auditoria#tabla_auditoria .page-link:hover{color:#fff !important;border-color:var(--pe-primary) !important;background:var(--pe-primary) !important}

/* ---------- Footer ---------- */
html body .pc-footer{border-top-color:var(--pe-line) !important;color:var(--pe-muted) !important;background:#fff !important}
html body .pc-footer a,
html body .softdavids-footer-link,
html body a.pe-theme-link{color:var(--pe-primary) !important}

/* =========================================================
   UI UNIFICADA FINAL 20260903
   Referencia visual: Ingreso de Actas.
   Este bloque se vuelve a insertar al final del BODY desde pwa_head.php,
   por lo que domina CSS locales antiguos sin tocar la lógica de módulos.
   ========================================================= */

/* ---------- MENÚ LATERAL: MISMO DISEÑO EN TODAS LAS PÁGINAS ---------- */
html body .pc-sidebar .pc-caption{
  margin:0 !important;
  padding:10px 8px 5px !important;
  background:transparent !important;
}
html body .pc-sidebar .pc-caption label{
  margin:0 !important;
  padding:0 !important;
  color:rgba(255,255,255,.60) !important;
  -webkit-text-fill-color:rgba(255,255,255,.60) !important;
  font-size:8px !important;
  font-weight:850 !important;
  line-height:1.1 !important;
  letter-spacing:1.25px !important;
  text-transform:uppercase !important;
}
html body .pc-sidebar .pc-caption > i{display:none !important}
html body .pc-sidebar .pc-item{margin:0 !important}
html body .pc-sidebar .pc-link{
  min-height:47px !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  margin:3px 0 !important;
  padding:11px 12px !important;
  color:rgba(255,255,255,.84) !important;
  -webkit-text-fill-color:rgba(255,255,255,.84) !important;
  border:1px solid transparent !important;
  border-radius:12px !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease !important;
}
html body .pc-sidebar .pc-link .pc-micon{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  flex:0 0 30px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#ffd7c2 !important;
  -webkit-text-fill-color:#ffd7c2 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:9px !important;
  background:rgba(255,255,255,.08) !important;
  box-shadow:none !important;
  font-size:17px !important;
  overflow:hidden !important;
}
html body .pc-sidebar .pc-link .pc-micon i{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
  font-size:17px !important;
  line-height:1 !important;
  opacity:1 !important;
}
html body .pc-sidebar .pc-link .pc-micon svg{
  width:17px !important;
  height:17px !important;
  display:block !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  opacity:1 !important;
}
html body .pc-sidebar .pc-link .pc-mtext{
  min-width:0 !important;
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
  font-size:12px !important;
  font-weight:650 !important;
  line-height:1.2 !important;
}
html body .pc-sidebar .pc-link:hover{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border-color:rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.11) !important;
  transform:translateX(3px) !important;
}
html body .pc-sidebar .pc-item.active{margin:3px 0 !important}
html body .pc-sidebar .pc-item.active > .pc-link{
  min-height:47px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:12px !important;
  background:linear-gradient(90deg,rgba(var(--pe-accent-rgb),.36),rgba(255,255,255,.12)) !important;
  box-shadow:inset 3px 0 0 var(--pe-accent) !important;
  transform:none !important;
}
html body .pc-sidebar .pc-item.active > .pc-link::before,
html body .pc-sidebar .pc-item.active > .pc-link::after{display:none !important;content:none !important}
html body .pc-sidebar .pc-item.active > .pc-link .pc-micon{
  color:#ffe1d1 !important;
  -webkit-text-fill-color:#ffe1d1 !important;
  border-color:rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.12) !important;
  box-shadow:0 0 0 3px rgba(255,255,255,.05) !important;
}
html body .pc-sidebar .pc-item.active > .pc-link .pc-mtext{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-weight:800 !important;
}

/* ---------- MENÚ DESPLEGABLE DE PERFIL: UN SOLO DISEÑO ---------- */
html body .pc-header .header-user-profile .dropdown-user-profile{
  width:310px !important;
  min-width:310px !important;
  max-width:min(310px,calc(100vw - 20px)) !important;
  padding:0 !important;
  overflow:hidden !important;
  color:var(--pe-text) !important;
  border:1px solid var(--pe-line) !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 24px 58px rgba(var(--pe-dark-rgb),.22) !important;
}
html body .pc-header .header-user-profile .dropdown-user-profile .dropdown-header{
  padding:16px !important;
  border:0 !important;
  background:
    radial-gradient(circle at 100% 0,rgba(255,255,255,.15),transparent 36%),
    linear-gradient(135deg,var(--pe-primary-dark),var(--pe-primary) 58%,var(--pe-primary-light)) !important;
}
html body .pc-header .header-user-profile .dropdown-user-profile .dropdown-header .user-avtar{
  width:48px !important;
  height:48px !important;
  object-fit:cover !important;
  border:3px solid rgba(255,255,255,.92) !important;
  border-radius:50% !important;
  background:#fff !important;
  box-shadow:0 0 0 2px rgba(var(--pe-primary-rgb),.30),0 8px 18px rgba(var(--pe-dark-rgb),.20) !important;
}
html body .pc-header .header-user-profile .dropdown-user-profile .dropdown-header h6{
  margin:0 0 3px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:14px !important;
  font-weight:850 !important;
}
html body .pc-header .header-user-profile .dropdown-user-profile .dropdown-header span{
  color:rgba(255,255,255,.78) !important;
  -webkit-text-fill-color:rgba(255,255,255,.78) !important;
  font-size:10.5px !important;
  font-weight:650 !important;
}
html body .pc-header .header-user-profile .dropdown-user-profile .drp-tabs{display:none !important}
html body .pc-header .header-user-profile .dropdown-user-profile .tab-content,
html body .pc-header .header-user-profile .dropdown-user-profile .tab-pane{
  margin:0 !important;
  padding:0 !important;
  background:#fff !important;
}
html body .pc-header .header-user-profile .dropdown-user-profile .tab-pane{padding:11px !important}
html body .pc-header .header-user-profile .dropdown-user-profile .dropdown-item{
  min-height:56px !important;
  display:flex !important;
  align-items:center !important;
  gap:13px !important;
  margin:3px 0 !important;
  padding:9px 11px !important;
  color:var(--pe-text) !important;
  -webkit-text-fill-color:var(--pe-text) !important;
  border:1px solid transparent !important;
  border-radius:14px !important;
  background:transparent !important;
  font-size:12px !important;
  font-weight:750 !important;
  text-decoration:none !important;
}
html body .pc-header .header-user-profile .dropdown-user-profile .dropdown-item:hover{
  color:var(--pe-primary) !important;
  -webkit-text-fill-color:var(--pe-primary) !important;
  border-color:var(--pe-line) !important;
  background:var(--pe-soft) !important;
  transform:translateX(3px) !important;
}
html body .pe-profile-action-icon{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  flex:0 0 40px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:1px solid rgba(255,255,255,.45) !important;
  border-radius:13px !important;
  box-shadow:0 9px 19px rgba(var(--pe-dark-rgb),.18),inset 0 1px 0 rgba(255,255,255,.35) !important;
}
html body .pe-profile-action-icon svg{
  width:20px !important;
  height:20px !important;
  display:block !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  opacity:1 !important;
}
html body .pe-profile-action-icon.pe-edit,
html body .pe-profile-action-icon.pe-lock{
  background:linear-gradient(145deg,var(--pe-primary-light),var(--pe-primary-dark)) !important;
}
/* Cerrar sesión conserva su color propio con cualquier tema. */
html body .pe-profile-action-icon.pe-logout{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:linear-gradient(145deg,#ff7b63,#d83c36) !important;
  box-shadow:0 9px 19px rgba(216,60,54,.24),inset 0 1px 0 rgba(255,255,255,.38) !important;
}
html body .pc-header .dropdown-user-profile .dropdown-item[href="logout"],
html body .pc-header .dropdown-user-profile .dropdown-item[href="logout.php"]{
  color:#c74630 !important;
  -webkit-text-fill-color:#c74630 !important;
}
html body .pc-header .dropdown-user-profile .dropdown-item[href="logout"]:hover,
html body .pc-header .dropdown-user-profile .dropdown-item[href="logout.php"]:hover{
  color:#b7332d !important;
  -webkit-text-fill-color:#b7332d !important;
  border-color:#ffd1c8 !important;
  background:#fff5f2 !important;
}

/* ---------- COLORES SEMÁNTICOS ELECTORALES: NO LOS CAMBIA EL TEMA ---------- */
:root{
  --mesa-m-bg:#eaf5ff;
  --mesa-m-border:#b9daf5;
  --mesa-m-text:#25649a;
  --mesa-m-strong:#3184c3;
  --mesa-f-bg:#fff0f6;
  --mesa-f-border:#f4bfd5;
  --mesa-f-text:#b8326d;
  --mesa-f-strong:#db3d7f;
}
/* Auditoría: mesa masculina/femenina siempre celeste/rosado suave. */
html body .audit-mesa-chip.m{
  color:var(--mesa-m-text) !important;
  -webkit-text-fill-color:var(--mesa-m-text) !important;
  border:1px solid var(--mesa-m-border) !important;
  background:var(--mesa-m-bg) !important;
  box-shadow:none !important;
}
html body .audit-mesa-chip.f{
  color:var(--mesa-f-text) !important;
  -webkit-text-fill-color:var(--mesa-f-text) !important;
  border:1px solid var(--mesa-f-border) !important;
  background:var(--mesa-f-bg) !important;
  box-shadow:none !important;
}
/* Ingreso de Actas: confirmación de mesa y selector móvil. */
html body #modalConfirmar .vs-confirm-mesa.is-masculina{
  color:var(--mesa-m-text) !important;
  border-color:var(--mesa-m-border) !important;
  background:var(--mesa-m-bg) !important;
}
html body #modalConfirmar .vs-confirm-mesa.is-masculina .vs-confirm-icon,
html body #modalConfirmar .vs-confirm-mesa.is-masculina .vs-confirm-sex{
  color:var(--mesa-m-text) !important;
  -webkit-text-fill-color:var(--mesa-m-text) !important;
  background:#dcefff !important;
}
html body #modalConfirmar #infoMesa.is-masculina .vs-confirm-sex-badge{
  color:var(--mesa-m-text) !important;
  -webkit-text-fill-color:var(--mesa-m-text) !important;
  border:1px solid var(--mesa-m-border) !important;
  background:#dcefff !important;
}
html body #modalConfirmar #infoMesa.is-masculina .vs-confirm-sex-symbol{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:var(--mesa-m-strong) !important;
}
html body #modalConfirmar .vs-confirm-mesa.is-femenina{
  color:var(--mesa-f-text) !important;
  border-color:var(--mesa-f-border) !important;
  background:var(--mesa-f-bg) !important;
}
html body #modalConfirmar .vs-confirm-mesa.is-femenina .vs-confirm-icon,
html body #modalConfirmar .vs-confirm-mesa.is-femenina .vs-confirm-sex{
  color:var(--mesa-f-text) !important;
  -webkit-text-fill-color:var(--mesa-f-text) !important;
  background:#ffe0ed !important;
}
html body #modalConfirmar #infoMesa.is-femenina .vs-confirm-sex-badge{
  color:var(--mesa-f-text) !important;
  -webkit-text-fill-color:var(--mesa-f-text) !important;
  border:1px solid var(--mesa-f-border) !important;
  background:#ffdce9 !important;
}
html body #modalConfirmar #infoMesa.is-femenina .vs-confirm-sex-symbol{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:var(--mesa-f-strong) !important;
}
html body .mesa-mobile-option.tipo-m{
  color:var(--mesa-m-text) !important;
  border-color:var(--mesa-m-border) !important;
  background:var(--mesa-m-bg) !important;
}
html body .mesa-mobile-option.tipo-f{
  color:var(--mesa-f-text) !important;
  border-color:var(--mesa-f-border) !important;
  background:var(--mesa-f-bg) !important;
}

/* Dignidades: identidad fija independiente del tema. */
html body :is(.audit-cargo,.vs-confirm-dignidad).cargo-alcaldia,
html body #modalConfirmar .vs-confirm-dignidad.cargo-alcaldia{
  color:#7a4a05 !important;-webkit-text-fill-color:#7a4a05 !important;
  background:#fff3dc !important;border-color:#f2cf91 !important;
}
html body :is(.audit-cargo,.vs-confirm-dignidad).cargo-prefectura,
html body #modalConfirmar .vs-confirm-dignidad.cargo-prefectura{
  color:#6b3fa0 !important;-webkit-text-fill-color:#6b3fa0 !important;
  background:#f3eaff !important;border-color:#d9c0f5 !important;
}
html body :is(.audit-cargo,.vs-confirm-dignidad).cargo-urbano,
html body #modalConfirmar .vs-confirm-dignidad.cargo-urbano{
  color:#247181 !important;-webkit-text-fill-color:#247181 !important;
  background:#e7f9fc !important;border-color:#b7e7ef !important;
}
html body :is(.audit-cargo,.vs-confirm-dignidad).cargo-rural,
html body #modalConfirmar .vs-confirm-dignidad.cargo-rural{
  color:#22724d !important;-webkit-text-fill-color:#22724d !important;
  background:#e8f8ef !important;border-color:#bce9cf !important;
}
html body :is(.audit-cargo,.vs-confirm-dignidad).cargo-parroquial,
html body #modalConfirmar .vs-confirm-dignidad.cargo-parroquial{
  color:#a13c68 !important;-webkit-text-fill-color:#a13c68 !important;
  background:#ffeaf2 !important;border-color:#f4bfd2 !important;
}
html body :is(.audit-cargo,.vs-confirm-dignidad).cargo-default,
html body #modalConfirmar .vs-confirm-dignidad.cargo-default{
  color:#586474 !important;-webkit-text-fill-color:#586474 !important;
  background:#f2f5f8 !important;border-color:#d8e0e7 !important;
}

@media(max-width:767px){
  html body .pc-header .header-user-profile .dropdown-user-profile{
    width:min(310px,calc(100vw - 20px)) !important;
    min-width:0 !important;
  }
}

/* =========================================================
   CORRECCIÓN FINAL 20260902
   1) Un único icono en el menú desplegable del perfil.
   2) Masculino/Femenino son colores semánticos FIJOS y no
      dependen del tema seleccionado.
   ========================================================= */

/* --- Perfil: nunca mostrar iconos viejos junto al normalizado. --- */
html body .pc-header .header-user-profile .dropdown-user-profile .dropdown-item > i,
html body .pc-header .header-user-profile .dropdown-user-profile .dropdown-item > svg,
html body .pc-header .header-user-profile .dropdown-user-profile .dropdown-item > .dropdown-action-icon,
html body .pc-header .header-user-profile .dropdown-user-profile .dropdown-item > .icon-svg-box,
html body .pc-header .header-user-profile .dropdown-user-profile .dropdown-item > .dropdown-item-icon,
html body .pc-header .header-user-profile .dropdown-user-profile .dropdown-item > .action-icon{
  display:none !important;
}
html body .pc-header .header-user-profile .dropdown-user-profile .dropdown-item > .pe-profile-action-icon{
  display:inline-flex !important;
}

/* Paleta electoral fija por sexo: nunca cambia con el tema. */
:root{
  --mesa-m-bg:#eaf5ff;
  --mesa-m-bg-strong:#dcefff;
  --mesa-m-border:#b9daf5;
  --mesa-m-text:#25649a;
  --mesa-m-strong:#3184c3;
  --mesa-f-bg:#fff0f6;
  --mesa-f-bg-strong:#ffe0ed;
  --mesa-f-border:#f4bfd5;
  --mesa-f-text:#b8326d;
  --mesa-f-strong:#db3d7f;
}

/* ---------- INGRESO DE ACTAS: selector y modal de confirmación ---------- */
html body #formFiltros #mesa.mesa-mf-m,
html body #mesa.mesa-mf-m{
  color:var(--mesa-m-text) !important;
  -webkit-text-fill-color:var(--mesa-m-text) !important;
  border-color:var(--mesa-m-border) !important;
  background:var(--mesa-m-bg) !important;
  box-shadow:0 0 0 3px rgba(49,132,195,.10) !important;
}
html body #formFiltros #mesa.mesa-mf-f,
html body #mesa.mesa-mf-f{
  color:var(--mesa-f-text) !important;
  -webkit-text-fill-color:var(--mesa-f-text) !important;
  border-color:var(--mesa-f-border) !important;
  background:var(--mesa-f-bg) !important;
  box-shadow:0 0 0 3px rgba(219,61,127,.09) !important;
}
html body #mesa option.mesa-mf-option-m{color:var(--mesa-m-text) !important;background:var(--mesa-m-bg) !important}
html body #mesa option.mesa-mf-option-f{color:var(--mesa-f-text) !important;background:var(--mesa-f-bg) !important}

html body #modalConfirmar .vs-confirm-grid #infoMesa.vs-confirm-mesa.is-masculina,
html body #modalConfirmar #infoMesa.vs-confirm-mesa.is-masculina,
html body #modalConfirmar .vs-confirm-mesa.is-masculina{
  color:var(--mesa-m-text) !important;
  -webkit-text-fill-color:var(--mesa-m-text) !important;
  border-color:var(--mesa-m-border) !important;
  background:var(--mesa-m-bg) !important;
}
html body #modalConfirmar .vs-confirm-grid #infoMesa.vs-confirm-mesa.is-femenina,
html body #modalConfirmar #infoMesa.vs-confirm-mesa.is-femenina,
html body #modalConfirmar .vs-confirm-mesa.is-femenina{
  color:var(--mesa-f-text) !important;
  -webkit-text-fill-color:var(--mesa-f-text) !important;
  border-color:var(--mesa-f-border) !important;
  background:var(--mesa-f-bg) !important;
}
html body #modalConfirmar #infoMesa.is-masculina .vs-confirm-icon,
html body #modalConfirmar #infoMesa.is-masculina .vs-confirm-sex,
html body #modalConfirmar #infoMesa.is-masculina .vs-confirm-sex-badge{
  color:var(--mesa-m-text) !important;
  -webkit-text-fill-color:var(--mesa-m-text) !important;
  border-color:var(--mesa-m-border) !important;
  background:var(--mesa-m-bg-strong) !important;
}
html body #modalConfirmar #infoMesa.is-masculina .vs-confirm-sex-symbol{
  color:#fff !important;-webkit-text-fill-color:#fff !important;background:var(--mesa-m-strong) !important;
}
html body #modalConfirmar #infoMesa.is-femenina .vs-confirm-icon,
html body #modalConfirmar #infoMesa.is-femenina .vs-confirm-sex,
html body #modalConfirmar #infoMesa.is-femenina .vs-confirm-sex-badge{
  color:var(--mesa-f-text) !important;
  -webkit-text-fill-color:var(--mesa-f-text) !important;
  border-color:var(--mesa-f-border) !important;
  background:var(--mesa-f-bg-strong) !important;
}
html body #modalConfirmar #infoMesa.is-femenina .vs-confirm-sex-symbol{
  color:#fff !important;-webkit-text-fill-color:#fff !important;background:var(--mesa-f-strong) !important;
}
html body .mesa-mobile-trigger.tipo-m,
html body .mesa-mobile-option.tipo-m,
html body .mesa-mobile-sex-icon.tipo-m{
  color:var(--mesa-m-text) !important;
  -webkit-text-fill-color:var(--mesa-m-text) !important;
  border-color:var(--mesa-m-border) !important;
  background:var(--mesa-m-bg) !important;
}
html body .mesa-mobile-trigger.tipo-f,
html body .mesa-mobile-option.tipo-f,
html body .mesa-mobile-sex-icon.tipo-f{
  color:var(--mesa-f-text) !important;
  -webkit-text-fill-color:var(--mesa-f-text) !important;
  border-color:var(--mesa-f-border) !important;
  background:var(--mesa-f-bg) !important;
}

/* ---------- AUDITORÍA: tabla, Ver Acta y Editar Acta ---------- */
html body #tabla_auditoria .mesa-badge.mesa-masculino,
html body #tabla_auditoria .audit-mesa-chip.m{
  color:var(--mesa-m-text) !important;
  -webkit-text-fill-color:var(--mesa-m-text) !important;
  border-color:var(--mesa-m-border) !important;
  background:var(--mesa-m-bg) !important;
  box-shadow:none !important;
}
html body #tabla_auditoria .mesa-badge.mesa-femenino,
html body #tabla_auditoria .audit-mesa-chip.f{
  color:var(--mesa-f-text) !important;
  -webkit-text-fill-color:var(--mesa-f-text) !important;
  border-color:var(--mesa-f-border) !important;
  background:var(--mesa-f-bg) !important;
  box-shadow:none !important;
}
html body #modalActa #contenidoActa #editarActaScope .ea-mesa-sexo.ea-mesa-m,
html body #editarActaScope .ea-mesa-sexo.ea-mesa-m,
html body #editarActaScope .ea-mesa-m{
  color:var(--mesa-m-text) !important;
  -webkit-text-fill-color:var(--mesa-m-text) !important;
  border-color:var(--mesa-m-border) !important;
  background:var(--mesa-m-bg) !important;
  box-shadow:none !important;
}
html body #modalActa #contenidoActa #editarActaScope .ea-mesa-sexo.ea-mesa-f,
html body #editarActaScope .ea-mesa-sexo.ea-mesa-f,
html body #editarActaScope .ea-mesa-f{
  color:var(--mesa-f-text) !important;
  -webkit-text-fill-color:var(--mesa-f-text) !important;
  border-color:var(--mesa-f-border) !important;
  background:var(--mesa-f-bg) !important;
  box-shadow:none !important;
}
html body #modalActa #contenidoActa #verActaF2 .f2-mesa-valor.f2-mesa-m,
html body #verActaF2 .f2-mesa-valor.f2-mesa-m{
  color:var(--mesa-m-text) !important;
  -webkit-text-fill-color:var(--mesa-m-text) !important;
  border-color:var(--mesa-m-border) !important;
  background:var(--mesa-m-bg) !important;
  box-shadow:none !important;
}
html body #modalActa #contenidoActa #verActaF2 .f2-mesa-valor.f2-mesa-f,
html body #verActaF2 .f2-mesa-valor.f2-mesa-f{
  color:var(--mesa-f-text) !important;
  -webkit-text-fill-color:var(--mesa-f-text) !important;
  border-color:var(--mesa-f-border) !important;
  background:var(--mesa-f-bg) !important;
  box-shadow:none !important;
}

/* ---------- CONSULTA DE USUARIOS: asignación de mesas ---------- */
html body .edit-asignacion-wrap .vs-mesa-card.is-m,
html body .nuevo-asignacion-wrap .vs-mesa-card.is-m{
  color:var(--mesa-m-text) !important;
  border-color:var(--mesa-m-border) !important;
  background:var(--mesa-m-bg) !important;
}
html body .edit-asignacion-wrap .vs-mesa-card.is-m.is-selected,
html body .nuevo-asignacion-wrap .vs-mesa-card.is-m.is-selected{
  color:var(--mesa-m-text) !important;
  border-color:var(--mesa-m-strong) !important;
  background:var(--mesa-m-bg-strong) !important;
}
html body .edit-asignacion-wrap .vs-mesa-card.is-m .vs-mesa-icon,
html body .nuevo-asignacion-wrap .vs-mesa-card.is-m .vs-mesa-icon{
  color:#fff !important;-webkit-text-fill-color:#fff !important;
  border-color:var(--mesa-m-strong) !important;background:var(--mesa-m-strong) !important;
}
html body .edit-asignacion-wrap .vs-mesa-card.is-m .vs-mesa-info strong,
html body .nuevo-asignacion-wrap .vs-mesa-card.is-m .vs-mesa-info strong,
html body .edit-asignacion-wrap .vs-mesa-card.is-m .vs-mesa-info small,
html body .nuevo-asignacion-wrap .vs-mesa-card.is-m .vs-mesa-info small{
  color:var(--mesa-m-text) !important;-webkit-text-fill-color:var(--mesa-m-text) !important;
}
html body .edit-asignacion-wrap .vs-mesa-card.is-m.is-selected .vs-mesa-check,
html body .nuevo-asignacion-wrap .vs-mesa-card.is-m.is-selected .vs-mesa-check{
  color:#fff !important;-webkit-text-fill-color:#fff !important;
  border-color:var(--mesa-m-strong) !important;background:var(--mesa-m-strong) !important;
}
html body .edit-asignacion-wrap .vs-mesa-card.is-f,
html body .nuevo-asignacion-wrap .vs-mesa-card.is-f{
  color:var(--mesa-f-text) !important;border-color:var(--mesa-f-border) !important;background:var(--mesa-f-bg) !important;
}
html body .edit-asignacion-wrap .vs-mesa-card.is-f.is-selected,
html body .nuevo-asignacion-wrap .vs-mesa-card.is-f.is-selected{
  color:var(--mesa-f-text) !important;border-color:var(--mesa-f-strong) !important;background:var(--mesa-f-bg-strong) !important;
}
html body .edit-asignacion-wrap .vs-mesa-card.is-f .vs-mesa-icon,
html body .nuevo-asignacion-wrap .vs-mesa-card.is-f .vs-mesa-icon{
  color:#fff !important;-webkit-text-fill-color:#fff !important;border-color:var(--mesa-f-strong) !important;background:var(--mesa-f-strong) !important;
}
html body .edit-asignacion-wrap .vs-mesa-card.is-f .vs-mesa-info strong,
html body .nuevo-asignacion-wrap .vs-mesa-card.is-f .vs-mesa-info strong,
html body .edit-asignacion-wrap .vs-mesa-card.is-f .vs-mesa-info small,
html body .nuevo-asignacion-wrap .vs-mesa-card.is-f .vs-mesa-info small{
  color:var(--mesa-f-text) !important;-webkit-text-fill-color:var(--mesa-f-text) !important;
}
html body .edit-asignacion-wrap .vs-mesa-card.is-f.is-selected .vs-mesa-check,
html body .nuevo-asignacion-wrap .vs-mesa-card.is-f.is-selected .vs-mesa-check{
  color:#fff !important;-webkit-text-fill-color:#fff !important;border-color:var(--mesa-f-strong) !important;background:var(--mesa-f-strong) !important;
}
html body .vs-legend-m,
html body .vs-mesas-legend .m{color:var(--mesa-m-text) !important;-webkit-text-fill-color:var(--mesa-m-text) !important}
html body .vs-legend-f,
html body .vs-mesas-legend .f{color:var(--mesa-f-text) !important;-webkit-text-fill-color:var(--mesa-f-text) !important}

/* ---------- INGRESO DE MESAS: siempre celeste/rosado ---------- */
html body .quantity-card.quantity-male{
  border-color:var(--mesa-m-border) !important;background:#f7fbff !important;
}
html body .quantity-card.quantity-male .quantity-icon{
  color:#fff !important;background:var(--mesa-m-strong) !important;
}
html body .quantity-card.quantity-male h3,
html body .quantity-card.quantity-male label{
  color:var(--mesa-m-text) !important;-webkit-text-fill-color:var(--mesa-m-text) !important;
}
html body .quantity-card.quantity-female{
  border-color:var(--mesa-f-border) !important;background:#fff8fb !important;
}
html body .quantity-card.quantity-female .quantity-icon{
  color:#fff !important;background:var(--mesa-f-strong) !important;
}
html body .quantity-card.quantity-female h3,
html body .quantity-card.quantity-female label{
  color:var(--mesa-f-text) !important;-webkit-text-fill-color:var(--mesa-f-text) !important;
}
html body .mesa-preview-chip.m,
html body .badge-mesa.m{
  color:var(--mesa-m-text) !important;
  -webkit-text-fill-color:var(--mesa-m-text) !important;
  border:1px solid var(--mesa-m-border) !important;
  background:var(--mesa-m-bg) !important;
}
html body .mesa-preview-chip.f,
html body .badge-mesa.f{
  color:var(--mesa-f-text) !important;
  -webkit-text-fill-color:var(--mesa-f-text) !important;
  border:1px solid var(--mesa-f-border) !important;
  background:var(--mesa-f-bg) !important;
}