/* Manifiesto. Se apoya en legal.css; aquí solo lo propio de esta página.
   Es la única con tipografía a gran tamaño: es una declaración, no un documento. */

.mhero{padding:76px 0 60px}
.mhero .tipo{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:16px}
.mhero h1{font-size:clamp(38px,6.4vw,68px);font-weight:800;letter-spacing:-.035em;line-height:1.03;max-width:15ch}
.mhero h1 em{font-style:normal;color:var(--acc-ink)}

/* Entradilla: el porqué, en tamaño grande */
.mentrada{max-width:760px;padding-bottom:70px;border-bottom:1px solid var(--line)}
.mentrada p{font-size:clamp(20px,2.6vw,27px);line-height:1.35;letter-spacing:-.02em;
  color:var(--ink);font-weight:500;margin-bottom:20px}
.mentrada p:last-child{margin-bottom:0}
.mentrada strong{font-weight:800}

/* Principios numerados */
.mprin{padding:20px 0 0}
.mp{display:grid;grid-template-columns:88px 1fr;gap:34px;padding:44px 0;border-bottom:1px solid var(--line-2);align-items:start}
@media(max-width:760px){.mp{grid-template-columns:1fr;gap:12px;padding:32px 0}}
.mp .n{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--faint);padding-top:9px}
.mp h2{font-size:clamp(23px,3vw,31px);font-weight:800;letter-spacing:-.03em;line-height:1.12;
  margin-bottom:14px;max-width:22ch}
.mp p{font-size:17px;line-height:1.65;color:var(--ink-soft);max-width:56ch;margin-bottom:12px}
.mp p:last-child{margin-bottom:0}
.mp strong{color:var(--ink);font-weight:700}

/* Lo que todavía no somos: la parte incómoda, y por eso va destacada */
.mhonesto{background:var(--btn);color:var(--on-btn);border-radius:24px;padding:52px 46px;margin:64px 0 0}
.mhonesto h2{font-size:clamp(25px,3.4vw,34px);font-weight:800;letter-spacing:-.03em;
  color:var(--on-btn);margin-bottom:16px;max-width:24ch}
.mhonesto p{color:color-mix(in srgb,var(--on-btn) 74%,transparent);font-size:17px;
  line-height:1.65;max-width:60ch;margin-bottom:14px}
.mhonesto ul{list-style:none;display:flex;flex-direction:column;gap:12px;margin:22px 0 0}
.mhonesto li{color:color-mix(in srgb,var(--on-btn) 86%,transparent);font-size:16px;
  padding-left:24px;position:relative;line-height:1.5}
.mhonesto li::before{content:"";position:absolute;left:2px;top:11px;width:7px;height:1.5px;
  background:color-mix(in srgb,var(--acc) 80%,white)}

.mfirma{padding:56px 0 0;max-width:56ch}
.mfirma p{font-size:17px;color:var(--ink-soft);line-height:1.65;margin-bottom:14px}
.mfin{display:flex;gap:12px;flex-wrap:wrap;padding:38px 0 80px}

@media(max-width:640px){
  .mhero{padding:46px 0 36px}
  .mentrada{padding-bottom:44px}
  .mhonesto{padding:32px 24px;border-radius:20px;margin-top:44px}
  .mfin{padding:28px 0 56px}
}