/* DronCity v1.0.18 · lenguaje visual operativo */
:root{
  --dc-navy:#0b2238;--dc-navy-2:#123b5a;--dc-ink:#102635;--dc-blue:#0798df;--dc-cyan:#13b5ea;
  --dc-violet:#7c3aed;--dc-green:#0d9a64;--dc-orange:#f07c16;--dc-red:#d92c38;--dc-slate:#607489;
  --dc-bg:#edf3f8;--dc-card:#fff;--dc-line:#d8e4ec;--dc-soft:#f4f8fb;
  --dc-shadow:0 16px 36px rgba(11,34,56,.10);--dc-shadow-lg:0 22px 60px rgba(11,34,56,.15);
}
.dc-emergency-screen,.dc-portal-body{color:var(--dc-ink)}
.dc-emergency-screen .card,.dc-portal-body .card{border:1px solid rgba(175,197,212,.58);border-radius:18px;box-shadow:var(--dc-shadow);background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.dc-emergency-screen .em-head{position:relative;overflow:hidden;border:0!important;border-left:0!important;color:#fff;background:linear-gradient(115deg,#0b2238 0%,#123f60 58%,#075f8c 100%);box-shadow:var(--dc-shadow-lg);padding:24px 28px}
.dc-emergency-screen .em-head:after,.dc-portal-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-120px;background:radial-gradient(circle,#22d3ee35 0%,transparent 68%);pointer-events:none}
.dc-emergency-screen .em-head h1{color:#fff;font-size:30px;letter-spacing:.02em;margin:8px 0 3px}.dc-emergency-screen .em-head p{color:#d9edf8;font-size:15px;margin:0 0 14px}
.dc-emergency-screen .em-head .badge{background:#ffffff18;border:1px solid #ffffff2b;color:#fff}
.dc-emergency-screen .em-head .btn{box-shadow:none;border:1px solid #ffffff25}
.dc-op-shell{display:grid;grid-template-columns:184px minmax(0,1fr);gap:16px;align-items:start}
.dc-op-sidebar{position:sticky;top:16px;align-self:start}
.dc-op-sidebar .em-tabs{display:flex!important;flex-direction:column;gap:7px!important;padding:10px!important;margin:0!important;background:linear-gradient(180deg,#0b2238,#102f49)!important;border:0!important;border-radius:18px!important;box-shadow:var(--dc-shadow-lg)!important}
.dc-op-sidebar .em-tabs a{min-height:48px!important;justify-content:flex-start!important;text-align:left!important;background:#ffffff0a!important;color:#dcebf4!important;border:1px solid #ffffff0d!important;border-radius:12px!important;padding:10px 11px!important;font-size:12px!important;line-height:1.15!important;gap:8px;box-shadow:none!important;transition:.18s ease}
.dc-op-sidebar .em-tabs a:hover{background:#ffffff15!important;color:#fff!important;transform:translateX(2px)}
.dc-op-sidebar .em-tabs a.active{background:linear-gradient(135deg,#0798df,#12b5ea)!important;color:#fff!important;border-color:#35c9f3!important;box-shadow:0 8px 18px #0798df42!important}
.dc-nav-mark{display:inline-grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:#ffffff12;color:#bfeaff;font-size:10px;font-weight:950;letter-spacing:.03em}.active .dc-nav-mark{background:#ffffff25;color:#fff}
.dc-op-workspace{min-width:0}
.dc-command-shell{display:grid;grid-template-columns:166px minmax(0,1fr);gap:14px;align-items:start}.dc-command-side{position:sticky;top:16px}.dc-command-workspace{min-width:0}
.dc-command-shell .command-nav{display:flex!important;flex-direction:column!important;gap:6px!important;flex-wrap:nowrap!important;padding:9px!important;margin:0!important;background:linear-gradient(180deg,#182f43,#203e56)!important;border-radius:16px!important;box-shadow:var(--dc-shadow)!important}
.dc-command-shell .command-nav a{display:flex!important;align-items:center;min-height:42px;padding:9px 10px!important;border-radius:10px!important;background:#ffffff08!important;color:#dbeaf3!important;font-size:11px!important;line-height:1.16!important}.dc-command-shell .command-nav a:hover{background:#ffffff16!important}.dc-command-shell .command-nav a.on{background:linear-gradient(135deg,#0798df,#13b5ea)!important;color:#fff!important;box-shadow:0 7px 16px #0798df35}
.dc-emergency-screen h2,.dc-portal-body h2{letter-spacing:-.015em}.dc-emergency-screen h3,.dc-portal-body h3{letter-spacing:-.01em}
.dc-emergency-screen input,.dc-emergency-screen select,.dc-emergency-screen textarea,.dc-portal-body input,.dc-portal-body select,.dc-portal-body textarea{border:1px solid #c6d7e3;background:#fff;box-shadow:inset 0 1px 1px #1231;transition:border-color .15s,box-shadow .15s}.dc-emergency-screen input:focus,.dc-emergency-screen select:focus,.dc-emergency-screen textarea:focus,.dc-portal-body input:focus,.dc-portal-body select:focus,.dc-portal-body textarea:focus{outline:none;border-color:#0798df;box-shadow:0 0 0 3px #0798df1b}
.dc-emergency-screen button,.dc-emergency-screen .btn,.dc-portal-body button,.dc-portal-body .btn{border-radius:11px;font-weight:850;letter-spacing:.01em}
.dc-emergency-screen table,.dc-portal-body table{background:#fff;box-shadow:0 8px 22px #11334d0d}.dc-emergency-screen th,.dc-portal-body th{background:linear-gradient(180deg,#eef7fc,#e9f2f7)}
.dc-portal-body{margin:0;background:radial-gradient(circle at 95% 0,#dff5ff 0,transparent 29%),linear-gradient(180deg,#eef4f8,#e8f0f5);font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;min-height:100vh}
.dc-portal-hero{position:sticky;top:0;z-index:900;overflow:hidden;background:linear-gradient(110deg,#091f33 0%,#103d5c 64%,#075e88 100%);color:#fff;padding:18px 24px;box-shadow:0 12px 28px #061b2c35}
.dc-portal-hero h1{color:#fff!important;margin:0 0 5px!important;font-size:23px!important}.dc-portal-hero small{color:#d9eaf4!important}.dc-portal-hero .madrid-clock{background:#ffffff14;border:1px solid #ffffff28}.dc-portal-wrap{max-width:1560px!important;margin:auto!important;padding:16px!important}
.dc-portal-shell{display:grid;grid-template-columns:178px minmax(0,1fr);gap:16px;align-items:start}.dc-portal-side{position:sticky;top:96px;align-self:start}.dc-portal-side .tabs{display:flex!important;flex-direction:column!important;gap:7px!important;overflow:visible!important;margin:0!important;padding:10px!important;position:static!important;background:linear-gradient(180deg,#0b2238,#123a56)!important;border-radius:18px!important;box-shadow:var(--dc-shadow-lg)!important}
.dc-portal-side .tabs button{width:100%!important;min-height:48px;text-align:left!important;white-space:normal!important;border:1px solid #ffffff0d!important;background:#ffffff09!important;color:#dcebf4!important;padding:10px 11px!important;border-radius:12px!important;box-shadow:none!important;transition:.18s ease}.dc-portal-side .tabs button:hover{background:#ffffff16!important;transform:translateX(2px)}.dc-portal-side .tabs button.active{background:linear-gradient(135deg,#0798df,#12b5ea)!important;color:#fff!important;border-color:#35c9f3!important;box-shadow:0 8px 18px #0798df42!important}
.dc-portal-workspace{min-width:0}.dc-portal-workspace>.panel>.card:first-child,.dc-portal-workspace>.panel>.card{animation:dcFade .18s ease-out}@keyframes dcFade{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}
.dc-portal-body .kpis{gap:10px!important}.dc-portal-body .kpi{position:relative;overflow:hidden;background:linear-gradient(145deg,#f7fbfe,#eaf4fa)!important;border:1px solid #dce8ef;border-radius:15px!important;padding:14px!important;box-shadow:0 8px 20px #11334d0b}.dc-portal-body .kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#0798df}.dc-portal-body .kpi strong{font-size:25px!important;color:#0a5f8d}.dc-portal-body .info{border:0!important;border-left:5px solid var(--dc-violet)!important;background:linear-gradient(135deg,#fbf9ff,#f2edff)!important}
.dc-portal-body .msg,.dc-portal-body .alert,.dc-portal-body .objective{box-shadow:0 6px 14px #0b22380a}.dc-portal-body .newbox{border:1px solid #bfe0ef!important;border-top:4px solid #0798df!important;background:linear-gradient(180deg,#fff,#f7fcff)!important}
.dc-status-ribbon{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.dc-status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#e9f5fb;border:1px solid #cce7f3;color:#14405a;font-size:11px;font-weight:850}.dc-status-dot{width:8px;height:8px;border-radius:50%;background:#13a66d;box-shadow:0 0 0 4px #13a66d18}
@media(max-width:980px){.dc-op-shell,.dc-command-shell,.dc-portal-shell{grid-template-columns:1fr}.dc-op-sidebar,.dc-command-side,.dc-portal-side{position:static}.dc-op-sidebar .em-tabs,.dc-command-shell .command-nav,.dc-portal-side .tabs{flex-direction:row!important;overflow:auto!important;white-space:nowrap}.dc-op-sidebar .em-tabs a,.dc-command-shell .command-nav a,.dc-portal-side .tabs button{width:auto!important;min-width:max-content!important}.dc-portal-side .tabs button{text-align:center!important}.dc-op-sidebar .em-tabs a{min-height:42px!important}.dc-command-shell .command-nav a{min-height:38px}.dc-portal-hero{position:relative}.dc-portal-wrap{padding:10px!important}}
@media(max-width:600px){.dc-emergency-screen .em-head{padding:20px}.dc-emergency-screen .em-head h1{font-size:24px}.dc-portal-hero{padding:15px}.dc-portal-hero h1{font-size:19px!important}.dc-portal-wrap{padding:8px!important}.dc-emergency-screen .card,.dc-portal-body .card{border-radius:15px}.dc-op-shell,.dc-command-shell,.dc-portal-shell{gap:10px}}
/* Centro de Emergencias y asistente de alta */
.dc-emergency-screen .em-grid .em-op{position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.dc-emergency-screen .em-grid .em-op:hover{transform:translateY(-2px);box-shadow:var(--dc-shadow-lg)}
.dc-emergency-screen .em-tools{gap:12px!important}.dc-emergency-screen .em-tools .btn{border-radius:14px!important;box-shadow:0 9px 20px #0b223814}.dc-emergency-screen .em-new{background:linear-gradient(135deg,#bd1f2d,#ef5e24)!important}
.dc-emergency-screen .wizard-head{position:relative;overflow:hidden;box-shadow:var(--dc-shadow-lg)!important}.dc-emergency-screen .wizard-head:after{content:"";position:absolute;width:300px;height:300px;right:-100px;top:-150px;border-radius:50%;background:#ffffff12}.dc-emergency-screen .step-mark{backdrop-filter:blur(5px)}.dc-emergency-screen .choice{transition:.18s ease;box-shadow:0 8px 18px #0b223808}.dc-emergency-screen .choice:hover{transform:translateY(-2px);box-shadow:0 14px 26px #0b223812}
