/* terminos.html — página pública independiente (no usa shell.css).
   Antes era un <style> inline (reporte frontend-quality, pulido de Code Quality). */
:root{--bg:#f6f8fc;--text:#172033;--muted:#667085;--green:#00c853;--green-dark:#007f35;--green-bg:#efffe9;--border:#dbe1ec;--shadow:0 5px 16px rgba(30,50,80,.07)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}
a{color:var(--green-dark)}
.header{position:sticky;top:0;z-index:10;background:rgba(246,248,252,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--border)}
.header-inner{max-width:860px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.logo{display:block;min-width:0}
.logo .logo-img{display:block;height:36px;width:auto;max-width:100%}
.back{font-size:13px;font-weight:700;text-decoration:none;border:1.5px solid var(--border);border-radius:20px;padding:7px 14px;color:#334155;background:#fff;white-space:nowrap}
.back:hover{border-color:var(--green)}
main{max-width:860px;margin:0 auto;padding:28px 16px 60px}
h1{font-size:30px;letter-spacing:-.8px;margin:0 0 4px}
.updated{color:var(--muted);font-size:13px;margin:0 0 22px}
.summary{background:var(--green-bg);border:1px solid #c9f2c0;border-radius:16px;padding:16px 18px;margin-bottom:22px;font-size:14px}
.summary strong{display:block;margin-bottom:6px}
.summary ul{margin:0;padding-left:20px}
.toc{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px 18px;margin-bottom:22px;box-shadow:var(--shadow);font-size:14px}
.toc strong{display:block;margin-bottom:6px}
.toc ol{margin:0;padding-left:20px;columns:2;column-gap:28px}
.toc a{text-decoration:none;display:inline-block;padding:4px 0;min-height:24px}.toc a:hover{text-decoration:underline}
.toc li{margin:2px 0}
section{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px 22px;margin-bottom:14px;box-shadow:var(--shadow);scroll-margin-top:76px}
section h2{font-size:18px;margin:0 0 8px;letter-spacing:-.3px}
section p,section li{font-size:14.5px;color:#334155}
section p{margin:8px 0}
section ul{margin:8px 0;padding-left:20px}
/* Datos que debe completar el dueño del proyecto antes de publicar */
.todo{background:#fff3bf;border:1px dashed #e0b400;border-radius:6px;padding:0 5px;font-weight:700;color:#7a5b00}
footer{text-align:center;color:var(--muted);font-size:12px;padding:0 16px 30px}
@media(max-width:600px){
  h1{font-size:25px}
  .toc ol{columns:1}
  section{padding:16px}
  .logo .logo-img{height:32px}
}