:root{--gnb-azul:#0073ae;--gnb-azul-deep:#004481;--gnb-verde:#7ab83d;--gnb-gris-bg:#f4f6f8;--gnb-gris-borde:#dce3e9;--gnb-texto:#1c2b36;--gnb-texto-suave:#5a6b78;--gnb-rojo:#c0392b;--radius:8px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--gnb-gris-bg);color:var(--gnb-texto);font-size:15px;line-height:1.5}.topbar{background:linear-gradient(90deg,var(--gnb-azul-deep),var(--gnb-azul));color:#fff;box-shadow:0 2px 6px rgb(0 0 0/18%)}.topbar-inner{max-width:1100px;margin:0 auto;padding:0 20px;height:56px;gap:24px}.brand,.topbar-inner{display:flex;align-items:center}.brand{color:#fff;text-decoration:none;font-size:18px;font-weight:500;gap:8px;letter-spacing:.2px}.brand strong{font-weight:800}.brand-dot{width:12px;height:12px;border-radius:50%;background:var(--gnb-verde);display:inline-block}.nav{display:flex;gap:18px}.nav a{color:#e6f1f8;text-decoration:none;font-size:14px;padding:6px 2px;border-bottom:2px solid transparent}.nav a:hover{color:#fff;border-bottom-color:var(--gnb-verde)}.badge{margin-left:auto;background:rgb(255 255 255/14%);border:1px solid rgb(255 255 255/30%);color:#fff;font-size:12px;padding:4px 10px;border-radius:999px;white-space:nowrap}.container{padding:28px 20px 64px}.container,.footer{max-width:1100px;margin:0 auto}.footer{padding:16px 20px 40px;color:var(--gnb-texto-suave);font-size:13px}h1{font-size:24px;margin:0 0 6px;color:var(--gnb-azul-deep)}.subtitle{color:var(--gnb-texto-suave);margin:0 0 24px}h2{font-size:17px;color:var(--gnb-azul-deep);margin:28px 0 12px}.card{background:#fff;border:1px solid var(--gnb-gris-borde);border-radius:var(--radius);padding:20px;margin-bottom:20px;box-shadow:0 1px 3px rgb(0 0 0/5%)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--gnb-gris-borde);border-radius:var(--radius);overflow:hidden}td,th{text-align:left;padding:10px 14px;border-bottom:1px solid var(--gnb-gris-borde);vertical-align:middle}th{background:#eef3f7;color:var(--gnb-azul-deep);font-size:13px;text-transform:uppercase;letter-spacing:.4px}tbody tr:hover{background:#f7fafc}tbody tr:last-child td{border-bottom:none}code{background:#eef3f7;border:1px solid var(--gnb-gris-borde);border-radius:4px;padding:1px 6px;font-size:13px}.status{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.4px}.status-published{background:#e8f5dc;color:#4a7a1f;border:1px solid #cfe8b4}.status-draft{background:#fdf3e0;color:#9a6b1a;border:1px solid #f3ddb3}.status-in_review{background:#e3f0f9;color:#005f8f;border:1px solid #bfdcef}.status-archived{background:#efefef;color:#666;border:1px solid #ddd}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:600;color:var(--gnb-azul-deep)}.field input[type=text],.field input[type=url],.field select,.field textarea{padding:9px 12px;border:1px solid var(--gnb-gris-borde);border-radius:6px;font:inherit;color:var(--gnb-texto);background:#fff}.field textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.45;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--gnb-azul);outline-offset:-1px}.field .hint{font-size:12px;color:var(--gnb-texto-suave)}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:6px;border:1px solid var(--gnb-gris-borde);background:#fff;color:var(--gnb-texto);font:inherit;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s}.btn:hover{background:#f2f6f9}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--gnb-azul);border-color:var(--gnb-azul);color:#fff}.btn-primary:hover{background:var(--gnb-azul-deep);border-color:var(--gnb-azul-deep)}.btn-success{background:var(--gnb-verde);border-color:var(--gnb-verde);color:#fff}.btn-success:hover{background:#68a032;border-color:#68a032}.btn-danger{background:#fff;border-color:#e0b4ae;color:var(--gnb-rojo)}.btn-danger:hover{background:#fdf1f0}.btn-sm{padding:5px 12px;font-size:13px}.alert{border-radius:6px;padding:12px 14px;margin:16px 0;font-size:14px;border:1px solid}.alert-ok{background:#e8f5dc;border-color:#cfe8b4;color:#3f6b1a}.alert-err{background:#fdf1f0;border-color:#f0c8c2;color:#8f2d22}.alert-info{background:#e3f0f9;border-color:#bfdcef;color:#005f8f}.bloque{border:1px solid var(--gnb-gris-borde);border-radius:var(--radius);background:#fbfdfe;padding:14px;margin-bottom:12px}.bloque-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.bloque-head .bloque-tag{background:var(--gnb-azul);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px}.bloque-head span{font-size:13px;color:var(--gnb-texto-suave)}.bloque-head .btn{margin-left:auto}.acciones{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap;align-items:center}.meta-line{color:var(--gnb-texto-suave);font-size:13px;margin-bottom:8px}.meta-line strong{color:var(--gnb-texto)}