/* =====================================================================
   documento.css - las paginas de texto largo (includes/documento.php)
   ---------------------------------------------------------------------
   Terminos y condiciones, privacidad, cookies: una tarjeta blanca con el
   texto en Inter, justificado y sin guiones al final de linea. El mismo
   diseño que traian de WordPress (cada una con su copia), ahora una vez.
   La letra Inter la carga assets/css/fuentes-inter.css (includes/fuentes.php).
   ===================================================================== */
.documento{max-width:1000px;margin:60px auto 0;padding:40px 50px;box-sizing:border-box;
  background:#fff;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.08);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:16.5px;line-height:1.75;color:#1f2937;text-align:justify;
  hyphens:none;word-break:normal;overflow-wrap:break-word}
.documento > :first-child{margin-top:0}
.documento > :last-child{margin-bottom:0}
.documento h1{font-size:30px;font-weight:700;line-height:1.2;margin:0 0 18px;color:#111827;text-align:left}
.documento h2{font-size:22px;font-weight:700;line-height:1.2;margin:28px 0 12px;color:#111827;text-align:left}
.documento h3{font-size:18px;font-weight:700;line-height:1.2;margin:20px 0 8px;color:#111827;text-align:left}
.documento h4{font-size:16.5px;font-weight:700;line-height:1.3;margin:18px 0 6px;color:#111827;text-align:left}
.documento p{margin:0 0 14px}
.documento ul,.documento ol{margin:8px 0 16px 30px;padding-left:40px}
.documento ul{list-style:disc}
.documento ul ul{list-style:circle}
.documento ol{list-style:decimal}
.documento li{margin:6px 0}
.documento strong,.documento b{font-weight:700}
.documento a{color:#7c3aed;text-decoration:underline;overflow-wrap:anywhere}
.documento a:hover{color:#5b21b6}
.documento blockquote{margin:0 0 14px;padding:4px 0 4px 16px;border-left:3px solid #e5e0f5;color:#4b5563}
.documento hr{border:0;border-top:1px solid #ece8f3;margin:24px 0}
.documento table{width:100%;border-collapse:collapse;margin:8px 0 16px;font-size:15px;text-align:left}
.documento th,.documento td{padding:8px 10px;border:1px solid #ece8f3;vertical-align:top}
.documento th{background:#f8f6fc;font-weight:600}
/* El boton para volver: parte de la plantilla, justo debajo de la tarjeta */
.documento-volver{margin:18px 0 40px}
@media (max-width:992px){
  .documento{margin:30px 12px 0;padding:26px 20px;font-size:16px}
  .documento table{display:block;overflow-x:auto}
}