/* Extras de condiciones y aviso legal (v4). La base es v4-legal.css, compartida. */
.legal{padding-bottom:clamp(80px,10vw,140px)}
.legal-texto .legal-ficha a{text-decoration:none}
.legal-texto .legal-ficha b{overflow-wrap:anywhere}
.legal-texto ul{list-style:none;padding-left:0}
.legal-texto ul li{position:relative;padding-left:22px}
.legal-texto ul li::before{content:"";position:absolute;left:4px;top:.72em;width:5px;height:5px;border-radius:50%;background:var(--tinta-3)}
@media (max-width:860px){
  .legal{padding-top:36px}
  .legal-indice{columns:2;column-gap:20px}
  .legal-indice a{break-inside:avoid}
}
@media (max-width:520px){.legal-indice{columns:1}}
/* Cada apartado va en su .legal-bloque, así que su h2 es :first-child y la base le quita
   el margen: el aire entre apartados se pone al bloque. */
.legal-texto .legal-bloque+.legal-bloque{margin-top:56px}