/* ==========================================================================
   VELOUR — páginas legales (privacidad, condiciones de alquiler)
   Completa .doc de velour.css: cabecera, índice, tarjetas de resumen y cierre.
   ========================================================================== */
.legal{padding-bottom:clamp(72px,10vw,140px)}

/* cabecera */
.doc-head{display:grid;gap:18px}
.doc-head .label,.doc-title{margin:0}
.doc-lead{margin:6px 0 0}
.doc .doc-lead{color:var(--bone-2)}
.doc-pending{margin:0;padding:14px 16px;border:1px solid var(--line-2);border-left:2px solid var(--velvet-hi);font-size:15px;line-height:1.55}

/* lo esencial (condiciones) */
.doc .doc-flags{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:12px}
.doc-flag{display:grid;gap:10px;align-content:start;padding:20px 18px 22px;border:1px solid var(--line-2);background:var(--ink-2)}
.doc .doc-flag p{margin:0}
.doc .doc-flag__t{font-size:21px;line-height:1.15;letter-spacing:-.01em;color:var(--bone)}
.doc-flag__b{font-size:15px;line-height:1.6}
@media (min-width:720px){.doc-flags{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* índice */
.doc-toc{margin:44px 0 0}
.doc-toc .label{margin:0 0 10px}
.doc-toc ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.doc-toc li{border-bottom:1px solid var(--line);break-inside:avoid}
.doc .doc-toc a{display:flex;align-items:baseline;gap:14px;min-height:44px;padding:11px 0;border-bottom:0;font-size:16px;line-height:1.35;color:var(--bone-2);transition:color .25s}
.doc .doc-toc a:hover{color:var(--bone)}
@media (min-width:760px){.doc-toc ol{columns:2;column-gap:32px}}

/* cuerpo */
.doc-n{flex:none;font-family:var(--mono);font-size:11px;letter-spacing:.14em;font-weight:400;color:var(--mute);font-variant-numeric:tabular-nums;min-width:2.2em}
.doc-body section{margin-top:clamp(36px,5vw,56px);border-top:1px solid var(--line)}
.doc-body h2{display:flex;align-items:baseline;gap:16px;margin:1.1em 0 .7em}
.doc-body p{margin:0 0 .85em}
.doc-body ul{margin:0 0 .85em}
.doc-body li{margin:0 0 .35em}

/* cierre */
.doc-end{margin-top:clamp(56px,8vw,96px);padding-top:28px;border-top:1px solid var(--line-2);display:grid;gap:10px}
.doc-end p{margin:0}
.doc .doc-end__mail{width:fit-content;font-size:clamp(22px,2.4vw,30px);line-height:1.3;color:var(--bone);overflow-wrap:anywhere}
.doc-end__co,.doc-end__rel{font-size:15px}
.doc-end__nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
/* .doc a subraya los enlaces: los botones conservan su borde */
.doc a.btn{border-bottom:1px solid var(--line-2)}
.doc a.btn:hover{border-bottom-color:var(--bone)}
.doc a.btn--solid{border-bottom-color:var(--bone)}
.doc a.btn--solid:hover{border-bottom-color:#fff}
@media (max-width:479px){.doc-end__nav .btn{width:100%}}