/* ══ Netebu · paginas legales ══════════════════════════════════ */
.sec.editor.nb-legal{
  --nb-grad:linear-gradient(135deg,#4A90D9 0%,#7B5CF6 50%,#E84098 100%);
  --nb-grad-suave:linear-gradient(135deg,rgba(74,144,217,0.10) 0%,rgba(123,92,246,0.10) 50%,rgba(232,64,152,0.10) 100%);
  --nb-ink:#14111F; --nb-ink-2:#3B3550; --nb-ink-3:#726C85;
  --nb-line:#E9E4F3; --nb-line-2:#D8D0EC;
  --nb-paper:#FFFFFF; --nb-paper-2:#FAF8FE;
  --nb-violet:#7B5CF6; --nb-violet-aa:#6B48F2;
  --nb-ff-d:"Outfit",system-ui,-apple-system,sans-serif;
  --nb-ff-b:"Figtree",system-ui,-apple-system,sans-serif;
  background:var(--nb-paper);
  padding:50px 0 76px !important;
}

/* ── el ancho de lectura ──────────────────────────────────── */
/* Estaba a 1288 px. Un texto largo se lee a unos 65 caracteres
   por linea; de ahi los 760.                                    */
.sec.editor.nb-legal > .container{
  max-width:760px !important;
}

/* ── cuerpo de texto ──────────────────────────────────────── */
/* Los `style=` en linea traen color y tamano propios: `!important`
   es la unica forma de pisarlos sin editar el contenido.        */
.sec.editor.nb-legal p,
.sec.editor.nb-legal li,
.sec.editor.nb-legal span,
.sec.editor.nb-legal div:not(.container){
  font-family:var(--nb-ff-b) !important;
  font-size:1.045rem !important;
  line-height:1.78 !important;
  color:var(--nb-ink-2) !important;
  letter-spacing:0 !important;
}
.sec.editor.nb-legal p{margin:0 0 18px !important}
.sec.editor.nb-legal p:empty{display:none}
.sec.editor.nb-legal b,
.sec.editor.nb-legal strong{
  color:var(--nb-ink) !important; font-weight:600 !important;
}
.sec.editor.nb-legal a{
  color:var(--nb-violet-aa) !important;
  text-decoration:underline; text-underline-offset:3px;
  text-decoration-color:rgba(118,86,246,0.35);
  transition:text-decoration-color 0.2s ease;
  word-break:break-word;
}
.sec.editor.nb-legal a:hover{text-decoration-color:var(--nb-violet) !important}

/* ── titulos de apartado, que el script marca ─────────────── */
/* En el HTML son `<b>1. Objeto</b>`, no encabezados. */
.sec.editor.nb-legal .nb-h{
  display:block; font-family:var(--nb-ff-d) !important;
  font-size:1.32rem !important; font-weight:700 !important;
  color:var(--nb-ink) !important; letter-spacing:-0.022em;
  line-height:1.3; margin:46px 0 16px !important;
  padding-top:22px; border-top:1px solid var(--nb-line);
  scroll-margin-top:110px;
}
.sec.editor.nb-legal .nb-h:first-of-type{border-top:0; padding-top:0; margin-top:0 !important}
.sec.editor.nb-legal .nb-h .nb-n{
  display:inline-block; min-width:1.9em;
  background:var(--nb-grad); -webkit-background-clip:text;
  background-clip:text; -webkit-text-fill-color:transparent; color:transparent;
  font-weight:800;
}
/* subapartados: «1.1 …» */
.sec.editor.nb-legal .nb-h2{
  display:block; font-family:var(--nb-ff-d) !important;
  font-size:1.06rem !important; font-weight:700 !important;
  color:var(--nb-ink) !important;
  margin:28px 0 10px !important;
}

/* ── listas ───────────────────────────────────────────────── */
.sec.editor.nb-legal ul{list-style:none; padding-left:0; margin:0 0 20px}
.sec.editor.nb-legal ul > li{
  position:relative; padding-left:24px; margin-bottom:9px;
}
.sec.editor.nb-legal ul > li::before{
  content:""; position:absolute; left:3px; top:0.72em;
  width:6px; height:6px; border-radius:50%; background:var(--nb-grad);
}
.sec.editor.nb-legal ol{padding-left:22px; margin:0 0 20px}
.sec.editor.nb-legal ol > li{margin-bottom:9px; padding-left:4px}
.sec.editor.nb-legal ol > li::marker{
  color:var(--nb-violet) !important; font-family:var(--nb-ff-d); font-weight:600;
}

/* ── el bloque de identificacion, que el script destaca ───── */
.sec.editor.nb-legal .nb-ficha{
  background:var(--nb-paper-2) !important;
  border:1px solid var(--nb-line) !important;
  border-left:3px solid transparent !important;
  border-image:var(--nb-grad) 1;
  border-radius:0 14px 14px 0 !important;
  padding:22px 26px !important; margin:0 0 30px !important;
}
.sec.editor.nb-legal .nb-ficha p{margin-bottom:7px !important}
.sec.editor.nb-legal .nb-ficha p:last-child{margin-bottom:0 !important}

/* ── indice, que el script construye ──────────────────────── */
.sec.editor.nb-legal .nb-indice{
  background:var(--nb-paper-2); border:1px solid var(--nb-line);
  border-radius:16px; padding:24px 26px; margin:0 0 44px;
}
.sec.editor.nb-legal .nb-indice-t{
  display:block; font-family:var(--nb-ff-d); font-weight:600;
  font-size:0.78rem; letter-spacing:0.14em; text-transform:uppercase;
  color:var(--nb-ink-3); margin-bottom:14px;
}
.sec.editor.nb-legal .nb-indice ol{
  margin:0; padding-left:0; list-style:none;
  columns:2; column-gap:26px;
}
.sec.editor.nb-legal .nb-indice li{
  margin-bottom:7px; break-inside:avoid;
}
.sec.editor.nb-legal .nb-indice a{
  font-family:var(--nb-ff-b) !important; font-size:0.95rem !important;
  color:var(--nb-ink-2) !important; text-decoration:none !important;
  transition:color 0.2s ease, padding-left 0.2s ease;
  display:inline-block;
}
.sec.editor.nb-legal .nb-indice a:hover{
  color:var(--nb-violet-aa) !important; padding-left:4px;
}
.sec.editor.nb-legal .nb-indice a .nb-n{
  color:var(--nb-violet) !important; font-family:var(--nb-ff-d);
  font-weight:700; margin-right:7px;
}

/* ── los <br> sueltos del texto pegado ────────────────────── */
.sec.editor.nb-legal br + br{display:none}

/* ── tablas, si las hubiera ───────────────────────────────── */
.sec.editor.nb-legal table{
  width:100%; border-collapse:collapse; margin:0 0 24px;
  font-size:0.95rem;
}
.sec.editor.nb-legal table td,
.sec.editor.nb-legal table th{
  border:1px solid var(--nb-line) !important;
  padding:11px 14px !important; vertical-align:top;
}
.sec.editor.nb-legal table th{
  background:var(--nb-paper-2) !important;
  font-family:var(--nb-ff-d) !important; font-weight:600 !important;
  color:var(--nb-ink) !important; text-align:left;
}

@media (max-width:767px){
  .sec.editor.nb-legal{padding:34px 0 54px !important}
  .sec.editor.nb-legal p,
  .sec.editor.nb-legal li,
  .sec.editor.nb-legal span{font-size:1rem !important; line-height:1.75 !important}
  .sec.editor.nb-legal .nb-h{font-size:1.18rem !important; margin-top:34px !important}
  .sec.editor.nb-legal .nb-indice ol{columns:1}
}
@media (prefers-reduced-motion:reduce){
  .sec.editor.nb-legal *{transition:none !important}
}
@media print{
  .sec.editor.nb-legal .nb-indice{display:none}
  .sec.editor.nb-legal > .container{max-width:none !important}
}