/* Estilo de las paginas legales. Sobrio a proposito: se leen, no se venden. */
@import url('fuentes/fuentes.css');

:root{
  --navy:#07123b;
  --text:#10183d;
  --muted:#6b7391;
  --line:#e8eaf5;
  --soft:#f7f8ff;
  --blue:#2877ff;
  --white:#fff;
}

*{box-sizing:border-box}
body{
  margin:0;
  background:var(--white);
  color:var(--text);
  font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
.contenedor{max-width:760px;margin:0 auto;padding:0 20px}

header.legal-head{
  background:var(--navy);
  padding:26px 0;
  margin-bottom:48px;
}
header.legal-head .contenedor{display:flex;align-items:center;justify-content:space-between;gap:16px}
header.legal-head img{height:34px;width:auto;display:block}
header.legal-head a.volver{
  color:rgba(255,255,255,.82);
  text-decoration:none;
  font-weight:700;
  font-size:.9rem;
}
header.legal-head a.volver:hover{color:var(--white)}

h1{
  font-family:'Plus Jakarta Sans','Manrope',sans-serif;
  font-weight:800;
  font-size:2.1rem;
  line-height:1.2;
  margin:0 0 8px;
  color:var(--navy);
}
h2{
  font-family:'Plus Jakarta Sans','Manrope',sans-serif;
  font-weight:700;
  font-size:1.25rem;
  margin:40px 0 10px;
  color:var(--navy);
}
.fecha{color:var(--muted);font-size:.92rem;margin:0 0 36px}
p{margin:0 0 16px}
ul{margin:0 0 16px;padding-left:22px}
li{margin-bottom:8px}
a{color:var(--blue)}
strong{font-weight:700}

table{border-collapse:collapse;width:100%;margin:0 0 20px;font-size:.95rem}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{background:var(--soft);font-weight:700;color:var(--navy)}

/* Marca los datos que todavia faltan. Imposible publicarlo sin verlos. */
.falta{
  background:#fff3cd;
  border:1px dashed #d39e00;
  border-radius:5px;
  padding:1px 7px;
  font-weight:700;
  color:#7a5c00;
  white-space:nowrap;
}
.aviso-borrador{
  background:#fff3cd;
  border:1px solid #ffe08a;
  border-left:5px solid #d39e00;
  border-radius:8px;
  padding:14px 18px;
  margin:0 0 32px;
  font-size:.94rem;
  color:#6b5200;
}

footer.legal-pie{
  margin-top:64px;
  padding:28px 0 44px;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:.9rem;
}
footer.legal-pie a{color:var(--muted)}

@media (max-width:640px){
  body{font-size:16px}
  h1{font-size:1.65rem}
  header.legal-head{margin-bottom:34px}
}