/* Meritua Data · página provisional de data.meritua.es.
   Sin orígenes externos y sin fuentes propias: el wordmark se compone con la misma
   Arial negrita del logotipo de marca (assets/img/logo-verde.svg de meritua.es), así
   que no hace falta traer ningún .woff para que la marca se lea igual.
   Tokens de color tomados de meritua.es (public/assets/css/site.css). */
:root{
  --cream:#FCFBF8;
  --ink:#202b29;
  --muted:#5c635c;
  --line-soft:#E6E2D8;
  --green:#234D3E;
  --green-dark:#16372a;
  --orange:#E77D59;
  --sans:Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  background:var(--cream);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.6;
}
h1,p{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid #cf4d27;outline-offset:4px}

/* Cabecera: solo el wordmark, como en el logotipo de marca */
.cabecera{
  padding:28px 16px;
  border-bottom:1px solid var(--line-soft);
}
.wordmark{
  font-size:34px;
  font-weight:700;
  letter-spacing:-.037em;
  line-height:1;
  color:var(--green);
}
.punto{color:var(--orange)}

/* Cuerpo */
.contenido{
  flex:1;
  width:min(680px,100%);
  margin:0 auto;
  padding:56px 16px 72px;
}
.antetitulo{
  font-size:12px;
  font-weight:700;
  letter-spacing:.11em;
  color:#8b9088;
  margin-bottom:18px;
}
h1{
  font-size:clamp(30px,6vw,42px);
  font-weight:700;
  line-height:1.1;
  letter-spacing:-.03em;
  text-wrap:balance;
}
.entradilla{
  font-size:18px;
  line-height:1.7;
  color:var(--muted);
  margin-top:24px;
  text-wrap:pretty;
}
.sello{
  display:inline-block;
  margin-top:32px;
  padding:10px 16px;
  border:1px solid var(--line-soft);
  border-radius:4px;
  background:#F3F1EA;
  font-size:13px;
  letter-spacing:.02em;
  color:#3f473f;
}

/* Pie */
.pie{
  background:var(--green-dark);
  color:#E9EEE6;
  padding:32px 16px;
}
.pie p,.pie a{font-size:14px}
.pie a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.pie-legal{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  margin-top:14px;
}

@media(min-width:720px){
  .cabecera{padding:28px 40px}
  .contenido{padding:72px 40px 96px}
  .pie{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:24px;
    padding:36px 40px;
  }
  .pie-legal{margin-top:0;justify-content:flex-end}
}