/* Lectura del cuerpo de los documentos legales, las preguntas frecuentes y las guías
   (2026-10-11). Solo presentación: el texto sigue saliendo, saneado, de cada Policy.

   Todo está acotado a .legal-document__clause-content (el cuerpo de cada cláusula): no
   cambia p, h1, ul ni ol del resto del sitio. Va en su propio archivo y se carga después
   de style.css, que define la caja de la cláusula. */

.legal-document__clause-content{
  color:#3c4f6b;
  font-size:15px;
  line-height:1.75;
}

/* Ancho de lectura: en monitores anchos una línea llegaba a 130 caracteres. */
.legal-document__clause-content > *{max-width:74ch;}

/* Párrafos */
.legal-document__clause-content p{
  margin:0 0 14px;
  overflow-wrap:break-word;
}
.legal-document__clause-content strong,
.legal-document__clause-content b{color:#17243a;font-weight:700;}

/* Títulos dentro de una cláusula, por si el documento los usa */
.legal-document__clause-content h1,
.legal-document__clause-content h2,
.legal-document__clause-content h3{
  margin:26px 0 10px;
  color:#17243a;
  font-weight:800;
  line-height:1.3;
  text-align:left;
}
.legal-document__clause-content h1{font-size:19px;}
.legal-document__clause-content h2{font-size:17px;}
.legal-document__clause-content h3{font-size:16px;}
.legal-document__clause-content > h1:first-child,
.legal-document__clause-content > h2:first-child,
.legal-document__clause-content > h3:first-child{margin-top:0;}

/* Listas: el sitio quita las viñetas a todo ul/li y, con !important, también su sangría
   y su margen inferior (style.css: ol,ul{padding-left:0!important} y
   dl,ol,ul{margin-bottom:0!important}). Aquí vuelven, solo dentro del documento: por
   eso estos dos valores necesitan !important. */
.legal-document__clause-content ul,
.legal-document__clause-content ol{
  margin:0 0 16px !important;
  padding-left:26px !important;
}
.legal-document__clause-content p + ul,
.legal-document__clause-content p + ol{margin-top:-4px !important;}
.legal-document__clause-content > ul:last-child,
.legal-document__clause-content > ol:last-child{margin-bottom:0 !important;}
.legal-document__clause-content ul > li{list-style:disc outside;}
.legal-document__clause-content ol > li{list-style:decimal outside;}
/* El editor guarda las viñetas como <ol><li data-list="bullet">. */
.legal-document__clause-content ol > li[data-list="bullet"]{list-style-type:disc;}
.legal-document__clause-content li{
  margin:0 0 7px;
  padding-left:4px;
  overflow-wrap:break-word;
}
.legal-document__clause-content li:last-child{margin-bottom:0;}
.legal-document__clause-content li::marker{color:#1a6dff;font-weight:700;}
.legal-document__clause-content li > ul,
.legal-document__clause-content li > ol{margin:7px 0 0 !important;}

/* Citas y enlaces */
.legal-document__clause-content blockquote{
  margin:0 0 16px;
  padding:11px 16px;
  border-left:3px solid #1a6dff;
  border-radius:0 10px 10px 0;
  background:#f4f8ff;
}
.legal-document__clause-content blockquote > :last-child{margin-bottom:0;}
.legal-document__clause-content a{overflow-wrap:anywhere;}

/* El recuadro de aviso de la primera cláusula conserva su separación. */
.legal-document__clause-content .legal-document__notice{margin-top:18px;}

/* Justificado solo donde la línea es larga: con ~74 caracteres y corte de palabras
   no abre huecos. En pantallas angostas el texto queda alineado a la izquierda. */
@media (min-width:768px){
  .legal-document__clause-content p{
    text-align:justify;
    -webkit-hyphens:auto;
    hyphens:auto;
  }
}

@media (max-width:575.98px){
  .legal-document__clause-content{font-size:14.5px;line-height:1.7;}
  .legal-document__clause-content ul,
  .legal-document__clause-content ol{padding-left:22px !important;}
  .legal-document__clause-content h1{font-size:18px;}
  .legal-document__clause-content h2{font-size:16.5px;}
  .legal-document__clause-content h3{font-size:15.5px;}
}