/* 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,#cuerpo ul{padding-left:1.3rem;line-height:1.7}
#cuerpo h3{font-size:1rem;margin:1.3rem 0 .3rem}
#cuerpo a{color:var(--marca-texto);text-decoration:underline}
#cuerpo li{margin:.55rem 0}
#cuerpo b{color:var(--tinta)}
/* Lo que la ley pide informar DESTACADO antes de contratar (Ley 19.496,
   art. 3 bis: la exclusión del retracto). Arriba del índice y en su punto. */
.destacado{background:var(--marca-tenue);border:1px solid #f3b4c0;border-left:4px solid var(--marca-honda);
  border-radius:var(--r-lg);padding:1.1rem 1.3rem;margin-bottom:2rem;color:var(--tinta)}
.destacado-tit{font-weight:700;font-size:1.02rem;margin-bottom:.4rem}
.destacado ul{margin:0;padding-left:1.2rem;line-height:1.6}
.destacado li{margin:.45rem 0}
.aviso-legal{background:var(--marca-tenue);border-left:4px solid var(--marca-honda);
  padding:.9rem 1.1rem;border-radius:0 var(--r) var(--r) 0}

/* tablas de la política (cookies, plazos): en el teléfono se desplazan solas,
   sin estirar la página */
.tabla-doc{overflow-x:auto;margin:1rem 0;border:1px solid var(--linea);border-radius:var(--r-lg);
  background:var(--lienzo)}
.tabla-doc table{width:100%;border-collapse:collapse;font-size:.9rem;line-height:1.5}
.tabla-doc th,.tabla-doc td{padding:.65rem .8rem;text-align:left;vertical-align:top;
  border-bottom:1px solid var(--linea)}
.tabla-doc tr:last-child td{border-bottom:0}
.tabla-doc th{font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:var(--tenue);
  background:var(--papel)}
.tabla-doc code{font-size:.85em;background:var(--papel);padding:.05rem .3rem;border-radius:4px;
  color:var(--tinta);white-space:nowrap}
/* en el teléfono, cada fila es una ficha con el nombre de la columna delante
   (terminos.js pone data-th): sin desplazamiento lateral ni columnas cortadas */
@media(max-width:620px){
  .tabla-doc thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tabla-doc table,.tabla-doc tbody,.tabla-doc tr,.tabla-doc td{display:block;width:100%}
  .tabla-doc tr{padding:.6rem .9rem;border-bottom:1px solid var(--linea)}
  .tabla-doc tr:last-child{border-bottom:0}
  .tabla-doc td{border:0;padding:.2rem 0}
  .tabla-doc td[data-th]::before{content:attr(data-th);display:block;font-size:.7rem;letter-spacing:.06em;
    text-transform:uppercase;color:var(--tenue);font-weight:600}
}
.doc-boton{margin-top:.6rem}
.doc-intro{line-height:1.7;margin-bottom:1.8rem;color:var(--texto)}
#cuerpo code{font-size:.86em;background:var(--lienzo);border:1px solid var(--linea);padding:.05rem .3rem;
  border-radius:4px;color:var(--tinta)}
#cuerpo a.btn{text-decoration:none}
#cuerpo a.btn-fant{color:var(--navy)}
#cuerpo a.btn-p{color:#fff}

/* ⚠ Lo que falta decidir SE VE, no se disimula: un contrato con huecos que
   parecen redactados es peor que uno que los declara.
   (Hoy ninguna página pública lo usa: lo pendiente está en docs/legal-pendientes.md.) */
.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}

/* ── 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}