/* Vigilo · Portal de soporte para clientes (4.89) */
:root{--o:#f7931e;--oh:#e07f0c;--ot:#fff1e0;--ink:#17212b;--paper:#f6f5f2;--line:#e3dfd8;--mut:#56616c;--g:#1f9d63;--gt:#e7f6ee;--r:#c0392b;--rt:#fdecea;--b:#1c5cab;--bt:#e6f0fc;
  --font:'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);font-size:16px;line-height:1.5;background:var(--paper);color:#1b232b}
a{color:#c96f0a}
h1,h2,h3{letter-spacing:-.01em;line-height:1.2}
.sp-cab{background:linear-gradient(135deg,#0f161d,#17212b 60%,#22313d);color:#fff}
.sp-cab__in{max-width:1180px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.sp-cab__logo img{height:32px;display:block}
.sp-cab__tit{font-weight:700;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:#f6a43c;border-left:1px solid rgba(255,255,255,.25);padding-left:16px}
.sp-nav{display:flex;gap:4px;margin-left:16px;flex-wrap:wrap}
.sp-nav a{color:#c9d3dc;text-decoration:none;padding:8px 14px;border-radius:999px;font-weight:600;font-size:.94rem}
.sp-nav a:hover{color:#fff}
.sp-nav a[aria-current]{background:rgba(255,255,255,.12);color:#fff}
.sp-quien{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:.88rem;line-height:1.25;text-align:right}
.sp-quien small{display:block;color:#9fb0bf}
.sp-quien form{margin:0}
.sp-av{width:36px;height:36px;border-radius:50%;background:var(--o);display:grid;place-items:center;font-weight:800;color:#fff;flex:none}
.sp-seg{margin-left:auto;font-size:.88rem;color:#c9d3dc}
.sp-salir{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.3);border-radius:999px;padding:7px 14px;font:inherit;font-weight:700;font-size:.86rem;cursor:pointer}
.sp-main{max-width:1180px;margin:0 auto;padding:30px 24px 60px}
.sp-main--estrecho{max-width:560px}
.sp-h1{font-size:2rem;margin:0 0 4px}
.sp-sub{color:var(--mut);margin:0 0 22px}
.sp-cabecera{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.sp-tarj{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px 26px;box-shadow:0 10px 40px rgba(23,33,43,.05)}
.sp-tarj h2{font-size:1.15rem;margin:0 0 10px}
.sp-campo{margin-bottom:15px}
.sp-campo>label,.sp-rot{display:block;font-weight:600;font-size:.92rem;margin-bottom:6px}
.sp-campo input[type=text],.sp-campo input[type=email],.sp-campo input[type=password],.sp-campo input[type=tel],.sp-campo input[type=search],.sp-campo select,.sp-campo textarea{
  width:100%;font:inherit;border:1.5px solid var(--line);border-radius:12px;padding:11px 13px;background:#fff;color:inherit}
.sp-campo textarea{min-height:140px;resize:vertical}
.sp-campo input:focus,.sp-campo select:focus,.sp-campo textarea:focus{outline:0;border-color:var(--o);box-shadow:0 0 0 4px rgba(247,147,30,.18)}
.sp-campo small{display:block;color:var(--mut);font-size:.83rem;margin-top:5px}
.sp-campo--mal input,.sp-campo--mal textarea,.sp-campo--mal select{border-color:var(--r)}
.sp-err{display:block;color:var(--r);font-size:.86rem;margin-top:5px}
.sp-fila{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--o);color:#fff;border:0;border-radius:999px;padding:12px 26px;font:inherit;font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer}
.sp-btn:hover{background:var(--oh);color:#fff}
.sp-btn--borde{background:#fff;color:#1b232b;border:1.5px solid var(--line)}
.sp-btn--borde:hover{background:#faf8f4;color:#1b232b}
.sp-btn--peq{padding:8px 16px;font-size:.88rem}
.sp-btn--ancho{width:100%}
.sp-aviso{border-radius:14px;padding:12px 16px;margin:0 0 18px;font-size:.95rem}
.sp-aviso--ok{background:var(--gt);color:#11603b;border:1px solid #bfe5d0}
.sp-aviso--error{background:var(--rt);color:#8e2c20;border:1px solid #f3c4bd}
.sp-aviso--info{background:var(--ot);color:#7a4507;border:1px solid #f3d9b5}
.sp-etq{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 11px;font-size:.8rem;font-weight:700;white-space:nowrap}
.sp-etq--abierto{background:var(--bt);color:var(--b)}
.sp-etq--espera{background:var(--ot);color:#8a4e06}
.sp-etq--cerrado{background:#eceae6;color:var(--mut)}
.sp-etq i{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}
.sp-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}
.sp-kpi{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;text-decoration:none;color:inherit;display:block}
.sp-kpi b{display:block;font-size:1.9rem;line-height:1.1;font-weight:800}
.sp-kpi span{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.sp-kpi small{display:block;color:var(--mut);font-size:.83rem;margin-top:4px}
.sp-kpi--aviso{border-left:5px solid var(--o)}
.sp-barra{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.sp-barra form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 0 auto}
.sp-chip{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:8px 16px;font-weight:600;font-size:.9rem;text-decoration:none;color:inherit;font-family:inherit}
.sp-chip[aria-current]{background:var(--ink);color:#fff;border-color:var(--ink)}
.sp-chip span{opacity:.7;margin-left:4px}
.sp-buscar{border:1.5px solid var(--line);border-radius:999px;padding:9px 16px;min-width:260px;font:inherit;background:#fff}
.sp-tabla-env{overflow-x:auto}
.sp-tabla{width:100%;border-collapse:collapse;font-size:.93rem}
.sp-tabla th{text-align:left;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);padding:10px 12px;border-bottom:2px solid var(--line)}
.sp-tabla td{padding:14px 12px;border-bottom:1px solid #eeebe5;vertical-align:middle}
.sp-tabla td small{display:block;color:var(--mut);font-size:.82rem;margin-top:2px}
.sp-tabla tr.sp-espera td{background:#fffaf3}
.sp-num{font-family:Consolas,monospace;font-size:.84rem;background:#f1efea;border-radius:7px;padding:3px 7px;white-space:nowrap}
.sp-tabla a{color:#1b232b;font-weight:700;text-decoration:none}
.sp-tabla a:hover{color:#c96f0a}
.sp-punto{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--o);margin-right:6px}
.sp-pag{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;color:var(--mut);font-size:.88rem}
.sp-vacio{color:var(--mut);text-align:center;padding:30px 10px}
.sp-dos{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}
.sp-hilo{display:flex;flex-direction:column;gap:16px}
.sp-msg{display:flex;gap:12px}
.sp-msg__av{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:800;color:#fff;font-size:.9rem;background:#2a78d6}
.sp-msg__caja{background:#fff;border:1px solid var(--line);border-radius:4px 18px 18px 18px;padding:14px 16px;flex:1;min-width:0;overflow-wrap:anywhere}
.sp-msg--yo{flex-direction:row-reverse}
.sp-msg--yo .sp-msg__av{background:var(--o)}
.sp-msg--yo .sp-msg__caja{background:#fff6ea;border-color:#f3d9b5;border-radius:18px 4px 18px 18px}
.sp-msg__de{display:flex;justify-content:space-between;gap:10px;font-size:.85rem;color:var(--mut);margin-bottom:6px;flex-wrap:wrap}
.sp-msg__de b{color:#1b232b}
.sp-msg__cuerpo p{margin:0 0 6px}
.sp-msg__cuerpo img{max-width:100%;height:auto}
.sp-msg__cuerpo blockquote{margin:6px 0;padding-left:10px;border-left:3px solid var(--line);color:var(--mut)}
.sp-adj{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:7px 11px;font-size:.85rem;background:#fff;margin:6px 6px 0 0;color:#1b232b;text-decoration:none}
.sp-adj small{color:var(--mut)}
.sp-sistema{text-align:center;font-size:.83rem;color:var(--mut)}
.sp-sistema span{background:#ecebe6;border-radius:999px;padding:5px 14px;display:inline-block}
.sp-datos{list-style:none;margin:0;padding:0;font-size:.92rem}
.sp-datos li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #eeebe5}
.sp-datos li:last-child{border:0}
.sp-datos li span{color:var(--mut)}
.sp-datos li b{text-align:right;overflow-wrap:anywhere}
.sp-tipos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sp-tipo{position:relative}
.sp-tipo input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.sp-tipo span{border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;font-weight:600;font-size:.92rem;display:flex;gap:10px;align-items:center;background:#fff;cursor:pointer}
.sp-tipo i{font-style:normal;font-size:1.3rem}
.sp-tipo input:checked+span{border-color:var(--o);background:var(--ot);color:#8a4e06;box-shadow:0 0 0 3px rgba(247,147,30,.15)}
.sp-tipo input:focus-visible+span{box-shadow:0 0 0 4px rgba(247,147,30,.3)}
.sp-equipos{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:330px;overflow:auto;padding:2px}
.sp-equipo{border:1.5px solid var(--line);border-radius:14px;padding:10px 12px;font-size:.88rem;display:flex;gap:10px;align-items:center;background:#fff;cursor:pointer}
.sp-equipo input{width:18px;height:18px;accent-color:var(--o);flex:none}
.sp-equipo small{display:block;color:var(--mut);font-family:Consolas,monospace;font-size:.78rem}
.sp-equipo:has(input:checked){border-color:var(--o);background:#fffaf3}
.sp-paso{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;margin-bottom:12px}
.sp-paso b{width:24px;height:24px;border-radius:50%;background:var(--ot);color:#8a4e06;display:grid;place-items:center;font-size:.8rem;flex:none}
.sp-acceso{display:grid;grid-template-columns:1fr 1.15fr;max-width:1040px;margin:34px auto;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 18px 60px rgba(23,33,43,.10)}
.sp-acceso__izq{padding:34px 36px;background:linear-gradient(160deg,#17212b,#22313d);color:#fff}
.sp-acceso__izq h1{font-size:1.9rem;margin:0 0 8px;color:#fff}
.sp-acceso__izq p{color:#c9d3dc}
.sp-acceso__izq a{color:#f6a43c}
.sp-acceso__izq .sp-campo>label{color:#fff}
.sp-acceso__izq .sp-campo input{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#fff}
.sp-acceso__izq .sp-aviso--error{background:rgba(192,57,43,.18);color:#ffd9d3;border-color:rgba(255,160,150,.35)}
.sp-acceso__izq .sp-aviso--info{background:rgba(247,147,30,.15);color:#ffe1b8;border-color:rgba(247,147,30,.35)}
.sp-acceso__der{padding:34px 36px}
.sp-ventajas{list-style:none;padding:0;margin:26px 0 0;font-size:.92rem}
.sp-ventajas li{display:flex;gap:10px;margin-bottom:10px;color:#dfe6ec}
.sp-ventajas li b{color:#f6a43c}
.sp-acepto{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;margin:4px 0 16px}
.sp-acepto input{width:18px;height:18px;accent-color:var(--o);flex:none;margin-top:2px}
.sp-oculto{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.sp-pie{max-width:1180px;margin:0 auto;padding:0 24px 30px;color:var(--mut);font-size:.82rem}
.sp-code{font-family:Consolas,monospace;font-size:.85rem}
@media (max-width:900px){
  .sp-acceso{grid-template-columns:1fr;margin:16px}
  .sp-dos{grid-template-columns:1fr}
  .sp-kpis{grid-template-columns:1fr 1fr}
  .sp-tipos{grid-template-columns:1fr 1fr}
  .sp-quien{margin-left:0;width:100%;justify-content:flex-end}
  .sp-nav{margin-left:0}
}
@media (max-width:600px){
  .sp-main{padding:20px 16px 40px}
  .sp-fila,.sp-equipos,.sp-tipos{grid-template-columns:1fr}
  .sp-h1{font-size:1.55rem}
  .sp-buscar{min-width:0;width:100%}
  .sp-barra form{margin:0;width:100%}
  .sp-acceso__izq,.sp-acceso__der{padding:24px 20px}
  .sp-tabla thead{display:none}
  .sp-tabla tr{display:block;border-bottom:1px solid #eeebe5;padding:8px 0}
  .sp-tabla td{display:block;border:0;padding:4px 6px}
}
/* 4.92: idiomas y correo sin cuenta */
.sp-idioma{position:relative;margin-left:4px}
.sp-idioma summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;color:#fff;font-weight:700;font-size:.82rem;border:1.5px solid rgba(255,255,255,.3);border-radius:999px;padding:6px 11px}
.sp-idioma summary::-webkit-details-marker{display:none}
.sp-idioma ul{position:absolute;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.18);z-index:20;min-width:170px}
.sp-idioma li a{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:9px;color:var(--ink);text-decoration:none;font-size:.92rem}
.sp-idioma li a:hover,.sp-idioma li a[aria-current]{background:var(--ot)}
.sp-seg + .sp-idioma{margin-left:12px}
.sp-sincuenta{margin-top:22px;padding:16px 18px;border-radius:16px;background:var(--bt);border:1px solid #cfe0f6;font-size:.92rem}
.sp-sincuenta,.sp-sincuenta b{color:#17212b}
.sp-sincuenta b{display:block;margin-bottom:4px}
.sp-sincuenta p{margin:0 0 10px;color:#2c3e50}
.sp-pie a{color:inherit}