/* Estilo compartido de las páginas legales de Leadeo (25-jul-2026).
   Mismo sistema visual que la home: Source Serif 4 para titulares, Inter para texto,
   azul #0369A1. Un aviso legal con otra tipografía se lee como plantilla comprada. */
:root{
  --azul:#0369A1; --azul-brillante:#0284C7; --tinta:#0E1729; --papel:#F7F8FB;
  --superficie:#FDFDFE; --borde:#EEF1F6; --suave:#5A6577;
  --serif:"Source Serif 4",Georgia,serif;
  --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--papel); color:var(--tinta);
  font-family:var(--sans); font-size:17px; line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:760px; margin:0 auto; padding:0 24px}
header.top{
  background:var(--superficie); border-bottom:1px solid var(--borde); padding:20px 0;
}
header.top .wrap{display:flex; align-items:center; justify-content:space-between; gap:16px}
header.top img{height:26px; width:auto}
header.top a.volver{color:var(--azul); text-decoration:none; font-weight:500; font-size:15px}
header.top a.volver:hover{text-decoration:underline}
main{padding:56px 0 72px}
h1{
  font-family:var(--serif); font-size:clamp(30px,5vw,42px); line-height:1.15;
  margin:0 0 8px; letter-spacing:-.01em;
}
.actualizado{color:var(--suave); font-size:14px; margin:0 0 40px}
h2{
  font-family:var(--serif); font-size:clamp(21px,3vw,26px); margin:44px 0 12px;
  line-height:1.25; letter-spacing:-.01em;
}
h3{font-size:17px; margin:28px 0 8px; font-weight:600}
p,li{color:#26303F}
a{color:var(--azul)}
ul{padding-left:22px}
li{margin:6px 0}
table{width:100%; border-collapse:collapse; margin:18px 0; font-size:15px; display:block; overflow-x:auto}
th,td{border:1px solid var(--borde); padding:10px 12px; text-align:left; vertical-align:top}
th{background:var(--superficie); font-weight:600}
.ficha{
  background:var(--superficie); border:1px solid var(--borde); border-radius:16px;
  padding:22px 24px; margin:24px 0;
}
.ficha dl{margin:0; display:grid; grid-template-columns:auto 1fr; gap:8px 20px}
.ficha dt{color:var(--suave); font-size:14px}
.ficha dd{margin:0; font-weight:500}
.nota{
  border-left:3px solid var(--azul-brillante); background:var(--superficie);
  padding:14px 18px; margin:22px 0; border-radius:0 12px 12px 0; font-size:16px;
}
footer.pie{
  border-top:1px solid var(--borde); background:var(--superficie);
  padding:28px 0; font-size:14px; color:var(--suave);
}
footer.pie a{color:var(--suave)}
@media (max-width:560px){
  body{font-size:16px}
  .ficha dl{grid-template-columns:1fr; gap:2px}
  .ficha dt{margin-top:10px}
}