/* Estilos de página-documento: términos, políticas y cualquier texto largo.
   Van aparte de sitio.css porque la landing y un documento legal no comparten
   objetivo: acá manda la LECTURA, no la conversión. */
.doc{padding:clamp(2.2rem,5vw,4rem) 0 5rem;background:var(--papel)}
.env-doc{max-width:820px;margin:0 auto;padding:0 1.4rem}
.doc-cab{padding-bottom:1.6rem;border-bottom:1px solid var(--linea);margin-bottom:1.8rem}
.doc-cab h1{font-size:clamp(1.9rem,4.4vw,2.9rem);margin-top:.3rem}
.doc-meta{color:var(--suave);font-size:.92rem;margin-top:.7rem}
.doc-meta b{color:var(--tinta)}

.doc-indice{background:var(--lienzo);border:1px solid var(--linea);border-radius:var(--r-lg);
  padding:1.2rem 1.4rem;margin-bottom:2.4rem}
.doc-indice > b{display:block;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--tenue);margin-bottom:.7rem}
.doc-indice ol{margin:0;padding:0;list-style:none;columns:2;column-gap:2rem}
@media(max-width:620px){.doc-indice ol{columns:1}}
.doc-indice a{padding:.3rem 0;font-size:.9rem;color:var(--texto);min-height:44px;
  display:flex;align-items:center}
.doc-indice a:hover{color:var(--marca)}

#cuerpo section{margin-bottom:2.2rem;scroll-margin-top:90px}
#cuerpo h2{font-size:clamp(1.1rem,2.2vw,1.35rem);margin-bottom:.5rem}
#cuerpo p{margin:.6rem 0;line-height:1.7}
#cuerpo ol{padding-left:1.3rem;line-height:1.7}
#cuerpo li{margin:.55rem 0}
#cuerpo b{color:var(--tinta)}
/* ⚠ Lo que falta decidir SE VE, no se disimula: un contrato con huecos que
   parecen redactados es peor que uno que los declara. */
.pend{display:block;background:#fdf3e3;border-left:3px solid #b45309;
  padding:.8rem 1rem;border-radius:0 var(--r) var(--r) 0;color:#6b4206;font-size:.92rem}
.pend b{color:#4d2f04}

/* ── aceptación ─────────────────────────────────────────────────────────── */
.aceptar{background:var(--lienzo);border:1px solid var(--linea);border-radius:var(--r-xl);
  padding:clamp(1.4rem,4vw,2.2rem);margin-top:3rem}
.aceptar h2{font-size:1.3rem}
.campo input:not([type=checkbox]){width:100%;font:inherit;font-size:16px;padding:.85rem 1rem;
  border-radius:var(--r);border:1px solid var(--linea-f);background:var(--lienzo);
  color:var(--tinta);min-height:48px}
.campo input:focus{outline:2.5px solid var(--marca);outline-offset:2px}
.pista{display:block;font-size:.84rem;color:var(--suave);margin-top:.35rem}
.pista-mal{color:#a3232f}

.firma-caja{position:relative;border:1.5px dashed var(--linea-f);border-radius:var(--r);
  background:var(--papel);overflow:hidden}
.firma-caja canvas{display:block;width:100%;height:190px;touch-action:none;cursor:crosshair}
.firma-guia{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;
  color:var(--tenue);font-size:.92rem}
.firma-caja.escrita .firma-guia{display:none}
#borrar-firma{margin-top:.6rem}

/* ── el checkbox de aceptación: el mismo acá y en el cotizador ──────────── */
.check{display:flex;gap:.75rem;align-items:flex-start;margin:1.4rem 0;cursor:pointer;
  padding:.85rem 1rem;border:1px solid var(--linea-f);border-radius:var(--r);
  background:var(--papel);transition:border-color .15s,background .15s}
.check:hover{border-color:var(--marca-suave)}
.check:has(input:checked){border-color:var(--marca);background:var(--marca-tenue)}
.check input{width:1.25rem;height:1.25rem;margin:.1rem 0 0;accent-color:var(--marca);flex:none}
.check span{font-size:.92rem;line-height:1.5;color:var(--texto)}
.check b{color:var(--tinta)}
.check a{color:var(--marca);text-decoration:underline}

.pie-sitio .pie-legal{border-top:0;padding-top:0}