:root{--marca: #5b3fbf;--marca-oscura: #4a32a3;--marca-suave: #efecfa;--identidad: #a100c2;--fondo: #f5f6f7;--superficie: #ffffff;--borde: #d9d9d9;--texto: #1d2d3e;--suave: #556b82;--ok: #107e3e;--aviso: #8a5300;--error: #bb0000;--radio: 10px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--fondo);color:var(--texto);font:15px/1.5 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.cabecera{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--superficie);border-bottom:1px solid var(--borde)}.logo{height:42px;width:auto;display:block}.cabecera .quien{color:var(--suave);font-size:14px;display:flex;gap:12px;align-items:center}main{max-width:760px;margin:32px auto;padding:0 16px}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:28px}.tarjeta+.tarjeta{margin-top:16px}h1{font-size:24px;margin:0 0 6px}h2{font-size:18px;margin:0 0 12px}p.intro{color:var(--suave);margin:0 0 20px}form{display:grid;gap:14px}.fila{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 560px){.fila{grid-template-columns:1fr}}label{display:grid;gap:4px;font-size:14px;font-weight:600}label small{font-weight:400;color:var(--suave)}input,select{font:inherit;padding:9px 11px;border:1px solid var(--borde);border-radius:8px;background:#fff;color:var(--texto);width:100%}input:focus,select:focus{outline:2px solid var(--marca);outline-offset:0;border-color:var(--marca)}input[aria-invalid=true]{border-color:var(--error)}.error-campo{color:var(--error);font-size:13px;font-weight:400}button{font:inherit;font-weight:600;border-radius:8px;padding:10px 18px;cursor:pointer;border:1px solid var(--marca);background:var(--marca);color:#fff}button:hover{background:var(--marca-oscura)}button:disabled{opacity:.6;cursor:default}button.secundario{background:#fff;color:var(--marca)}button.secundario:hover{background:var(--marca-suave)}button.enlace{background:none;border:none;color:var(--marca);padding:0;font-weight:600}.acciones{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.aviso{border-radius:8px;padding:12px 14px;font-size:14px}.aviso.error{background:#fdecec;color:var(--error)}.aviso.ok{background:#e8f5ed;color:var(--ok)}.aviso.info{background:var(--marca-suave);color:var(--marca-oscura)}.aviso.atencion{background:#fff4e0;color:var(--aviso)}.pasos{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--suave)}.pasos li{display:flex;align-items:center;gap:6px}.pasos li .n{width:22px;height:22px;border-radius:50%;border:1px solid var(--borde);display:inline-grid;place-items:center;font-size:12px;background:#fff}.pasos li.hecho .n{background:var(--ok);border-color:var(--ok);color:#fff}.pasos li.actual{color:var(--texto);font-weight:600}.pasos li.actual .n{background:var(--marca);border-color:var(--marca);color:#fff}.servicios{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}.servicio{border:1px solid var(--borde);border-radius:8px;padding:12px 14px}.servicio .cab{display:flex;justify-content:space-between;gap:12px;font-weight:600}.servicio .url{color:var(--suave);font-size:13px;word-break:break-all}.estado.bien{color:var(--ok)}.estado.mal{color:var(--error)}.huella{font-family:Consolas,Menlo,monospace;font-size:12px;word-break:break-all;background:var(--fondo);padding:8px;border-radius:6px}.resumen{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;font-size:14px;margin:0}.resumen dt{color:var(--suave)}.resumen dd{margin:0}@media (max-width: 560px){.tarjeta{padding:20px}main{margin:20px auto}}.servidor{border:1px solid var(--borde);border-radius:var(--radio);padding:16px}h3{font-size:16px}code{font-family:Consolas,Menlo,monospace;font-size:13px;background:#0000000d;padding:1px 4px;border-radius:4px}