/*
 * Estándar visual institucional SIEEJC — Procesal.
 * Referencia visual: Jueces RC10.24. Capa aditiva, sin cambios de negocio.
 * Sistema creado por Luis Antonio Rescala Álvarez.
 */
:root {
  --sieejc-navy: #122f5b;
  --sieejc-navy-deep: #0d2445;
  --sieejc-blue: #2f659c;
  --sieejc-gold: #c7a76c;
  --sieejc-bg: #eef3f8;
  --sieejc-surface: #ffffff;
  --sieejc-surface-soft: #f7f9fc;
  --sieejc-text: #183451;
  --sieejc-muted: #66788e;
  --sieejc-border: #d5e0eb;
  --sieejc-border-strong: #c2d0df;
  --sieejc-success: #176b45;
  --sieejc-warning: #8a5808;
  --sieejc-danger: #9b2d2d;
  --sieejc-radius-sm: 9px;
  --sieejc-radius: 13px;
  --sieejc-radius-lg: 17px;
  --sieejc-shadow: 0 12px 32px rgba(14,42,75,.08);
  --sieejc-content: 1440px;
  --sieejc-control-height: 44px;
}
html { font-size: 16px; text-size-adjust: 100%; }
body.sieejc-institutional-standard {
  color: var(--sieejc-text) !important;
  font: 15px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif !important;
  background: linear-gradient(135deg,#edf3f8 0%,#fbfcfe 52%,#eaf1f7 100%) !important;
}
body.sieejc-institutional-standard *, body.sieejc-institutional-standard *::before, body.sieejc-institutional-standard *::after { box-sizing: border-box; }
body.sieejc-institutional-standard img, body.sieejc-institutional-standard svg, body.sieejc-institutional-standard video, body.sieejc-institutional-standard canvas { max-width:100%; }
body.sieejc-institutional-standard [hidden], body.sieejc-institutional-standard .hidden, body.sieejc-institutional-standard .sieejc-force-hidden { display:none !important; }

/* Cascarón institucional */
body.sieejc-institutional-standard #page-wrapper { min-height:100vh !important; display:flex !important; flex-direction:column !important; background:transparent !important; }
body.sieejc-institutional-standard #header,
body.sieejc-institutional-standard .vialidad-header {
  min-height:64px !important; height:auto !important; padding:7px clamp(14px,2vw,23px) !important;
  display:flex !important; align-items:center !important; justify-content:space-between !important; gap:16px !important;
  background:var(--sieejc-navy) !important; border:0 !important; box-shadow:0 5px 18px rgba(8,26,52,.18) !important;
}
body.sieejc-institutional-standard #header h1,
body.sieejc-institutional-standard #header h1 a,
body.sieejc-institutional-standard .vialidad-header h1 {
  min-width:0; margin:0 !important; color:#fff !important; font-size:.96rem !important; font-weight:800 !important;
  line-height:1.2 !important; text-decoration:none !important;
}
body.sieejc-institutional-standard #nav > ul,
body.sieejc-institutional-standard .vialidad-nav { display:flex !important; align-items:center !important; justify-content:flex-end !important; gap:3px !important; flex-wrap:wrap !important; }
body.sieejc-institutional-standard #nav > ul > li { margin:0 !important; padding:0 !important; }
body.sieejc-institutional-standard #nav > ul > li > a,
body.sieejc-institutional-standard #nav > ul > li > button,
body.sieejc-institutional-standard .vialidad-nav > a,
body.sieejc-institutional-standard .vialidad-nav > button {
  position:relative; min-height:39px !important; height:auto !important; margin:0 !important; padding:8px 10px !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  border:0 !important; border-radius:10px !important; color:rgba(255,255,255,.92) !important; background:transparent !important;
  box-shadow:none !important; font:750 .78rem/1.15 Inter,system-ui,sans-serif !important; text-align:center !important;
  text-transform:none !important; white-space:normal !important; text-decoration:none !important;
}
body.sieejc-institutional-standard #nav a:hover,
body.sieejc-institutional-standard #nav button:hover,
body.sieejc-institutional-standard .vialidad-nav a:hover,
body.sieejc-institutional-standard .vialidad-nav button:hover,
body.sieejc-institutional-standard [aria-current="page"] { color:#fff !important; background:rgba(255,255,255,.13) !important; }
body.sieejc-institutional-standard #nav [aria-current="page"]::after,
body.sieejc-institutional-standard .vialidad-nav [aria-current="page"]::after { content:""; position:absolute; left:10px; right:10px; bottom:1px; height:3px; border-radius:999px; background:var(--sieejc-gold); }
body.sieejc-institutional-standard .sieejc-logout-link { color:#ffe1e1 !important; border-left:1px solid rgba(255,255,255,.18) !important; margin-left:4px !important; }
body.sieejc-institutional-standard #main.container,
body.sieejc-institutional-standard #main,
body.sieejc-institutional-standard .vialidad-main,
body.sieejc-institutional-standard main {
  width:min(calc(100% - 32px),var(--sieejc-content)) !important; max-width:var(--sieejc-content) !important;
  margin-inline:auto !important; padding:clamp(20px,2.5vw,34px) 0 46px !important; flex:1 0 auto !important;
}
body.sieejc-institutional-standard #footer,
body.sieejc-institutional-standard .footer { margin-top:auto !important; padding:18px !important; border-top:1px solid rgba(18,47,91,.09) !important; background:transparent !important; color:var(--sieejc-muted) !important; text-align:center; }

/* Identidad y tipografía */
body.sieejc-institutional-standard .sieejc-module-brand,
body.sieejc-institutional-standard .brand { margin:0 0 14px !important; }
body.sieejc-institutional-standard .sieejc-start-brand,
body.sieejc-institutional-standard .brand {
  min-height:74px !important; padding:10px 16px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:14px !important;
  border:1px solid rgba(213,224,235,.9) !important; border-radius:var(--sieejc-radius-lg) !important; background:rgba(255,255,255,.92) !important;
  box-shadow:0 8px 24px rgba(14,42,75,.055) !important;
}
body.sieejc-institutional-standard .sieejc-start-brand-logo,
body.sieejc-institutional-standard .brand > img { width:50px !important; height:50px !important; object-fit:contain !important; filter:drop-shadow(0 7px 9px rgba(18,47,91,.11)); }
body.sieejc-institutional-standard h1,
body.sieejc-institutional-standard h2,
body.sieejc-institutional-standard h3,
body.sieejc-institutional-standard h4 { color:var(--sieejc-navy) !important; overflow-wrap:anywhere; }
body.sieejc-institutional-standard h1 { font-size:clamp(1.65rem,2.2vw,2.15rem) !important; line-height:1.15 !important; }
body.sieejc-institutional-standard h2 { font-size:clamp(1.25rem,1.7vw,1.55rem) !important; line-height:1.24 !important; }
body.sieejc-institutional-standard h3 { font-size:clamp(1.03rem,1.3vw,1.22rem) !important; line-height:1.3 !important; }
body.sieejc-institutional-standard .muted,
body.sieejc-institutional-standard .small-help,
body.sieejc-institutional-standard small { color:var(--sieejc-muted) !important; }

/* Paneles y tarjetas */
body.sieejc-institutional-standard .box,
body.sieejc-institutional-standard .card,
body.sieejc-institutional-standard .panel,
body.sieejc-institutional-standard .sieejc-home-panel,
body.sieejc-institutional-standard .admin-section,
body.sieejc-institutional-standard fieldset { min-width:0; border:1px solid var(--sieejc-border) !important; border-radius:var(--sieejc-radius-lg) !important; background:var(--sieejc-surface) !important; box-shadow:var(--sieejc-shadow) !important; }
body.sieejc-institutional-standard .box,
body.sieejc-institutional-standard .panel,
body.sieejc-institutional-standard .sieejc-home-panel,
body.sieejc-institutional-standard .admin-section { padding:clamp(18px,2vw,26px) !important; }
body.sieejc-institutional-standard .sieejc-home-grid,
body.sieejc-institutional-standard .home-grid,
body.sieejc-institutional-standard .grid.cards,
body.sieejc-institutional-standard .cards-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:15px !important; }
body.sieejc-institutional-standard .sieejc-home-card,
body.sieejc-institutional-standard .action-card { min-width:0 !important; min-height:176px !important; padding:18px !important; display:flex !important; flex-direction:column !important; border:1px solid var(--sieejc-border) !important; border-radius:var(--sieejc-radius) !important; background:#fff !important; box-shadow:none !important; }
body.sieejc-institutional-standard .sieejc-home-card > div,
body.sieejc-institutional-standard .action-card > div:not(.icon) { flex:1 1 auto; }
body.sieejc-institutional-standard .sieejc-home-card .button,
body.sieejc-institutional-standard .action-card .button { width:100% !important; margin-top:auto !important; }
body.sieejc-institutional-standard .actions,
body.sieejc-institutional-standard .action-row,
body.sieejc-institutional-standard .toolbar,
body.sieejc-institutional-standard .modal-foot,
body.sieejc-institutional-standard .modal-footer { display:flex !important; align-items:center !important; gap:9px !important; flex-wrap:wrap !important; }

/* Formularios */
body.sieejc-institutional-standard label { color:var(--sieejc-text) !important; font-size:.82rem !important; font-weight:750 !important; line-height:1.35 !important; }
body.sieejc-institutional-standard input[type="text"],
body.sieejc-institutional-standard input[type="search"],
body.sieejc-institutional-standard input[type="email"],
body.sieejc-institutional-standard input[type="password"],
body.sieejc-institutional-standard input[type="number"],
body.sieejc-institutional-standard input[type="date"],
body.sieejc-institutional-standard input[type="time"],
body.sieejc-institutional-standard input[type="datetime-local"],
body.sieejc-institutional-standard input[type="tel"],
body.sieejc-institutional-standard select,
body.sieejc-institutional-standard textarea { width:100%; max-width:100%; margin:0 !important; border:1px solid var(--sieejc-border-strong) !important; border-radius:10px !important; background:#fff !important; color:var(--sieejc-text) !important; box-shadow:none !important; font:.9rem/1.35 Inter,system-ui,sans-serif !important; }
body.sieejc-institutional-standard input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
body.sieejc-institutional-standard select { min-height:var(--sieejc-control-height) !important; }
body.sieejc-institutional-standard textarea { min-height:104px !important; padding:11px 12px !important; resize:vertical; }
body.sieejc-institutional-standard input[type="file"] { width:100%; min-height:var(--sieejc-control-height); padding:7px 9px !important; border:1px dashed var(--sieejc-border-strong) !important; border-radius:var(--sieejc-radius-sm) !important; background:var(--sieejc-surface-soft) !important; color:var(--sieejc-muted) !important; font-size:.84rem !important; }
body.sieejc-institutional-standard input[type="file"]::file-selector-button { min-height:32px; margin-right:10px; padding:6px 11px; border:0; border-radius:8px; background:var(--sieejc-navy); color:#fff; font:inherit; font-weight:750; cursor:pointer; }
body.sieejc-institutional-standard input:focus,
body.sieejc-institutional-standard select:focus,
body.sieejc-institutional-standard textarea:focus { border-color:var(--sieejc-blue) !important; box-shadow:0 0 0 3px rgba(47,101,156,.14) !important; outline:0 !important; }
body.sieejc-institutional-standard .row,
body.sieejc-institutional-standard .form-grid,
body.sieejc-institutional-standard .filter-grid { row-gap:12px !important; }

/* Botones */
body.sieejc-institutional-standard .button,
body.sieejc-institutional-standard .btn,
body.sieejc-institutional-standard button:not(.icon-only),
body.sieejc-institutional-standard input[type="submit"],
body.sieejc-institutional-standard input[type="button"] { display:inline-flex !important; align-items:center !important; justify-content:center !important; max-width:100%; min-height:41px !important; height:auto !important; padding:9px 15px !important; border-radius:10px !important; font-size:.84rem !important; font-weight:760 !important; line-height:1.2 !important; text-align:center; white-space:normal !important; overflow-wrap:anywhere; text-decoration:none !important; }
body.sieejc-institutional-standard .button,
body.sieejc-institutional-standard .btn-primary,
body.sieejc-institutional-standard .primary { background:var(--sieejc-navy) !important; border-color:var(--sieejc-navy) !important; color:#fff !important; }
body.sieejc-institutional-standard .button.alt,
body.sieejc-institutional-standard .button.secondary,
body.sieejc-institutional-standard .btn-secondary { background:#fff !important; border:1px solid var(--sieejc-border-strong) !important; color:var(--sieejc-navy) !important; }
body.sieejc-institutional-standard .danger,
body.sieejc-institutional-standard .button.danger,
body.sieejc-institutional-standard .btn-danger { background:var(--sieejc-danger) !important; border-color:var(--sieejc-danger) !important; color:#fff !important; }
body.sieejc-institutional-standard button:disabled,
body.sieejc-institutional-standard .button.disabled { opacity:.58 !important; cursor:not-allowed !important; }
body.sieejc-institutional-standard a:focus-visible,
body.sieejc-institutional-standard button:focus-visible { outline:3px solid rgba(199,167,108,.58) !important; outline-offset:2px !important; }

/* Tablas */
body.sieejc-institutional-standard .table-wrap,
body.sieejc-institutional-standard .table-wrapper,
body.sieejc-institutional-standard .table-responsive,
body.sieejc-institutional-standard .sieejc-table-scroll,
body.sieejc-institutional-standard .sieejc-table-region { width:100%; max-width:100%; overflow:auto !important; border:1px solid var(--sieejc-border) !important; border-radius:13px !important; background:#fff; box-shadow:0 5px 18px rgba(18,47,91,.04); scrollbar-width:thin; }
body.sieejc-institutional-standard table { width:100% !important; min-width:720px; border-collapse:separate !important; border-spacing:0 !important; table-layout:auto; }
body.sieejc-institutional-standard thead th { position:sticky; top:0; z-index:1; padding:12px 14px !important; background:var(--sieejc-navy) !important; color:#fff !important; font-size:.74rem !important; line-height:1.25; vertical-align:middle; white-space:nowrap; }
body.sieejc-institutional-standard tbody td { padding:13px 14px !important; font-size:.82rem !important; line-height:1.42; vertical-align:middle; overflow-wrap:anywhere; }
body.sieejc-institutional-standard tbody tr:nth-child(even) td { background:#fbfcfe; }
body.sieejc-institutional-standard tbody tr:hover td { background:#f2f7fc; }
body.sieejc-institutional-standard td .button,
body.sieejc-institutional-standard td button { min-height:34px !important; padding:7px 10px !important; font-size:.77rem !important; }
body.sieejc-institutional-standard .sieejc-empty-state { min-height:118px; padding:28px !important; text-align:center; color:var(--sieejc-muted); }

/* Modales, avisos y estados */
body.sieejc-institutional-standard dialog,
body.sieejc-institutional-standard [role="dialog"],
body.sieejc-institutional-standard .modal-content,
body.sieejc-institutional-standard .sieejc-modal__dialog { max-width:min(720px,calc(100vw - 28px)) !important; max-height:calc(100vh - 28px) !important; border:1px solid var(--sieejc-border) !important; border-radius:var(--sieejc-radius-lg) !important; background:#fff !important; box-shadow:0 24px 70px rgba(8,26,52,.24) !important; }
body.sieejc-institutional-standard .alert,
body.sieejc-institutional-standard .notice,
body.sieejc-institutional-standard .message,
body.sieejc-institutional-standard .warning-card { border-radius:var(--sieejc-radius) !important; border:1px solid var(--sieejc-border) !important; padding:13px 15px !important; }
body.sieejc-institutional-standard .badge,
body.sieejc-institutional-standard .status-badge,
body.sieejc-institutional-standard .pill { display:inline-flex; align-items:center; min-height:26px; padding:4px 9px; border-radius:999px !important; font-size:.73rem !important; font-weight:760 !important; line-height:1.15; }

/* Login */
body.sieejc-login-standard { min-height:100vh; background:linear-gradient(135deg,#0d2445,#173b6d 56%,#275d91) !important; }
body.sieejc-login-standard #main,
body.sieejc-login-standard main { width:min(calc(100% - 28px),520px) !important; padding:clamp(26px,6vw,64px) 0 !important; }
body.sieejc-login-standard .box,
body.sieejc-login-standard form { border-radius:18px !important; box-shadow:0 25px 70px rgba(4,17,35,.28) !important; }

/* Particularidades */
body.iph-movil.sieejc-institutional-standard { --sieejc-content:1180px; }
body.iph-movil.sieejc-institutional-standard #main,
body.iph-movil.sieejc-institutional-standard main { width:min(calc(100% - 20px),var(--sieejc-content)) !important; padding-top:16px !important; }
body.vialidad-standard-page.sieejc-institutional-standard .grid { gap:15px !important; }
body.vialidad-standard-page.sieejc-institutional-standard .card { padding:18px !important; }

@media (max-width:980px) {
  body.sieejc-institutional-standard #header,
  body.sieejc-institutional-standard .vialidad-header { align-items:flex-start !important; }
  body.sieejc-institutional-standard .sieejc-home-grid,
  body.sieejc-institutional-standard .home-grid,
  body.sieejc-institutional-standard .grid.cards,
  body.sieejc-institutional-standard .cards-grid { grid-template-columns:1fr !important; }
}
@media (max-width:736px) {
  body.sieejc-institutional-standard #header { min-height:58px !important; padding:7px 12px !important; }
  body.sieejc-institutional-standard #main.container,
  body.sieejc-institutional-standard #main,
  body.sieejc-institutional-standard .vialidad-main,
  body.sieejc-institutional-standard main { width:min(calc(100% - 20px),var(--sieejc-content)) !important; padding:16px 0 32px !important; }
  body.sieejc-institutional-standard .sieejc-start-brand,
  body.sieejc-institutional-standard .brand { justify-content:flex-start !important; align-items:center !important; }
  body.sieejc-institutional-standard .box,
  body.sieejc-institutional-standard .panel,
  body.sieejc-institutional-standard .sieejc-home-panel { padding:15px !important; }
  body.sieejc-institutional-standard .actions > *,
  body.sieejc-institutional-standard .action-row > *,
  body.sieejc-institutional-standard .toolbar > * { flex:1 1 100%; width:100%; }
  body.sieejc-institutional-standard table { min-width:640px; }
}
@media (prefers-reduced-motion:reduce) {
  body.sieejc-institutional-standard *, body.sieejc-institutional-standard *::before, body.sieejc-institutional-standard *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}
@media print {
  body.sieejc-institutional-standard { background:#fff !important; }
  body.sieejc-institutional-standard #header,
  body.sieejc-institutional-standard .vialidad-header,
  body.sieejc-institutional-standard #footer,
  body.sieejc-institutional-standard .footer { display:none !important; }
  body.sieejc-institutional-standard #main,
  body.sieejc-institutional-standard main { width:100% !important; max-width:none !important; padding:0 !important; }
}