/* Páginas de texto: términos, privacidad y soporte (usa los tokens de landing.css) */
.doc { padding:56px 0 40px; }
.doc-in { width:min(760px, calc(100% - 32px)); margin-inline:auto; }
.doc h1 { font-size:clamp(2rem, 5vw, 2.8rem); line-height:1.08; font-stretch:112%; font-weight:850; letter-spacing:-.015em; margin:0 0 12px; }
.doc .doc-meta { color:var(--liquen); font-size:15px; margin:0 0 32px; }
.doc h2 { font-size:1.3rem; font-stretch:108%; font-weight:800; margin:44px 0 10px; scroll-margin-top:84px; }
.doc h3 { font-size:1.05rem; font-weight:800; margin:26px 0 6px; }
.doc p, .doc li { color:#cfdcd6; }
.doc p { margin:0 0 14px; }
.doc ul, .doc ol { padding-left:1.25em; margin:0 0 16px; }
.doc li { margin-bottom:6px; }
.doc a { color:var(--jade); }
.doc strong { color:var(--niebla); }
.doc-indice { border:1px solid var(--musgo); background:var(--pino); border-radius:var(--radio); padding:18px 22px; margin:0 0 8px; }
.doc-indice b { display:block; font-size:14px; color:var(--liquen); margin-bottom:6px; }
.doc-indice ol { margin:0; columns:2; column-gap:28px; font-size:15px; }
.doc-indice a { text-decoration:none; color:var(--niebla); }
.doc-indice a:hover { color:var(--jade); }
.doc table { width:100%; border-collapse:collapse; font-size:15px; margin:6px 0 18px; }
.doc th, .doc td { text-align:left; padding:10px 12px; border-bottom:1px solid var(--musgo); vertical-align:top; color:#cfdcd6; }
.doc th { color:var(--niebla); font-weight:800; }
.doc-tabla { overflow-x:auto; }
.doc-caja { border:1px solid var(--musgo-2); background:var(--pino); border-radius:var(--radio); padding:18px 20px; margin:18px 0; }
.doc-caja p:last-child { margin-bottom:0; }
.doc details { border-bottom:1px solid var(--musgo); padding:14px 0; }
.doc summary { cursor:pointer; font-weight:800; font-size:1.05rem; list-style:none; display:flex; justify-content:space-between; gap:16px; }
.doc summary::-webkit-details-marker { display:none; }
.doc summary::after { content:'+'; color:var(--jade); font-weight:800; }
.doc details[open] summary::after { content:'–'; }
.doc details > div { padding-top:10px; }
@media (max-width:640px) { .doc { padding-top:36px; } .doc-indice ol { columns:1; } }