/* Acortador de enlaces de chu.es (11-oct-2026) */
:root{ --brand:#0d6efd; --ink:#0b1220; --muted:#5b6474; --soft:#f6f8fb; --line:#e3e8f0; }
body{ color:var(--ink); background:var(--soft); font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
.sl-top{ background:#fff; border-bottom:1px solid rgba(0,0,0,.07); position:sticky; top:0; z-index:1030; }
.sl-brand{ font-weight:900; letter-spacing:-.03em; color:var(--ink); text-decoration:none; font-size:1.35rem; }
.sl-brand .dot{ color:var(--brand); }
.sl-nav > a:not(.btn){ color:#334155; font-weight:600; font-size:.93rem; text-decoration:none; padding:.4rem .55rem; border-radius:.6rem; }
.sl-nav > a:not(.btn).active, .sl-nav > a:not(.btn):hover{ color:var(--brand); background:rgba(13,110,253,.08); }
.sl-narrow{ max-width:760px; }
.sl-hero h1{ font-weight:900; letter-spacing:-.035em; font-size:clamp(1.8rem,4.4vw,3rem); line-height:1.08; }
.sl-hero .lead{ color:var(--muted); }
.sl-box{ background:#fff; border:1px solid rgba(0,0,0,.07); border-radius:1rem; padding:1.2rem 1.3rem; box-shadow:0 6px 24px rgba(15,23,42,.04); }
.sl-form .form-control-lg{ border-radius:.9rem; }
.sl-form .btn-lg{ border-radius:.9rem; font-weight:700; }
.sl-result{ border:2px solid rgba(25,135,84,.35); background:#f3fbf6; border-radius:1rem; padding:1rem 1.2rem; }
.sl-short{ font-weight:800; font-size:clamp(1.25rem,3.6vw,1.7rem); color:var(--ink); text-decoration:none; word-break:break-all; }
.sl-mono{ font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.92em; }
.sl-break{ word-break:break-all; overflow-wrap:anywhere; }
.sl-qr{ width:168px; height:168px; background:#fff; border-radius:.6rem; padding:8px; border:1px solid var(--line); }
.sl-qr svg, .sl-qr img{ width:100%; height:100%; display:block; }
.sl-feat .bi{ font-size:1.6rem; color:var(--brand); }
.sl-feat h3{ font-size:1.02rem; font-weight:800; margin:.5rem 0 .3rem; }
.sl-feat p{ color:var(--muted); margin:0; }
.sl-faq h3{ font-size:1.05rem; font-weight:800; margin-top:1.2rem; }
.sl-faq p{ color:#334155; line-height:1.7; }
.sl-hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.sl-report summary{ cursor:pointer; color:#b02a37; }
.sl-notice p{ max-width:520px; }
.sl-foot a{ color:var(--muted); text-decoration:none; }
.sl-foot a:hover{ color:var(--brand); }
pre.sl-code{ background:#0b1220; color:#e6edf3; border-radius:.8rem; padding:1rem; font-size:.82rem; overflow:auto; }
.sl-docs h2{ font-size:1.35rem; font-weight:800; margin-top:2.4rem; scroll-margin-top:70px; }
.sl-docs h3{ font-size:1.05rem; font-weight:800; margin-top:1.6rem; scroll-margin-top:70px; }
.sl-docs table{ font-size:.92rem; }
.sl-method{ display:inline-block; font-weight:800; font-size:.75rem; border-radius:.4rem; padding:.1rem .45rem; margin-right:.35rem; color:#fff; }
.sl-get{ background:#198754; } .sl-post{ background:#0d6efd; } .sl-patch{ background:#fd7e14; } .sl-delete{ background:#dc3545; }

/* Panel de enlaces y estadísticas */
.sl-kpi{ background:#fff; border:1px solid rgba(0,0,0,.07); border-radius:1rem; padding:1rem 1.1rem; height:100%; }
.sl-kpi .n{ font-size:1.8rem; font-weight:900; letter-spacing:-.03em; line-height:1.1; }
.sl-kpi .l{ color:var(--muted); font-size:.85rem; font-weight:600; }
.sl-chart{ width:100%; height:auto; display:block; }
.sl-chart .bar{ fill:#0d6efd; } .sl-chart .bar:hover{ fill:#0a58ca; }
.sl-chart .axis{ fill:#5b6474; font-size:11px; font-family:system-ui,sans-serif; }
.sl-chart .grid{ stroke:#e3e8f0; stroke-width:1; }
.sl-rank{ list-style:none; padding:0; margin:0; }
.sl-rank li{ position:relative; display:flex; justify-content:space-between; gap:1rem; padding:.42rem .6rem; border-radius:.5rem; font-size:.93rem; z-index:0; }
.sl-rank li .fill{ position:absolute; inset:0 auto 0 0; background:rgba(13,110,253,.09); border-radius:.5rem; z-index:-1; }
.sl-rank li .k{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sl-rank li .v{ font-weight:700; font-variant-numeric:tabular-nums; }
.sl-list .sl-row{ background:#fff; border:1px solid rgba(0,0,0,.07); border-radius:1rem; padding:.9rem 1.1rem; }
.sl-list .sl-row + .sl-row{ margin-top:.6rem; }
.sl-row .dest{ color:var(--muted); font-size:.88rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
.sl-row .code{ font-weight:800; text-decoration:none; color:var(--ink); word-break:break-all; }
.sl-row.is-off{ opacity:.6; }
.sl-key{ font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; background:#0b1220; color:#e6edf3; border-radius:.6rem; padding:.7rem .9rem; word-break:break-all; }

/* Móvil: sin cajas ni doble relleno; el margen lo pone la página */
@media (max-width:575.98px){
  .sl-box, .sl-kpi{ background:transparent; border:0; border-radius:0; box-shadow:none; padding-left:0; padding-right:0; }
  .sl-list .sl-row{ background:transparent; border:0; border-bottom:1px solid var(--line); border-radius:0; padding:.8rem 0; }
  .sl-list .sl-row + .sl-row{ margin-top:0; }
  .sl-kpi{ padding-top:.4rem; padding-bottom:.4rem; }
  .sl-nav > a:not(.btn){ padding:.35rem .4rem; font-size:.9rem; }
}