/* ============================================================
   ÉGIDA — tipografia.css
   ============================================================ */

/* ---------- Tipografía ---------- */
.tipografia{ background:var(--white); }
.type-cards{
  display:grid; grid-template-columns:1fr 1fr; gap:1.5rem;
}
.type-card{
  background:var(--grey); border-radius:var(--radius-lg);
  padding:2.4rem 2.2rem; position:relative; overflow:hidden;
}
.type-card::before{
  content:""; position:absolute; inset:0 auto 0 0; width:4px; background:var(--grad-brand);
}
.type-card__tag{
  font-size:.72rem; font-weight:500; letter-spacing:.25em; text-transform:uppercase;
  color:var(--orange); margin-bottom:.6rem;
}
.type-card__name{
  font-family:var(--font-display); font-weight:700;
  font-size:clamp(2.2rem,4vw,3rem); margin-bottom:1rem;
}
.type-card__abc{
  font-family:var(--font-display); font-weight:600;
  font-size:1.3rem; letter-spacing:.05em;
}
.type-card__abc--scroll{
  font-weight:400; color:var(--blue); opacity:.6;
  margin-top:.6rem; max-height:2.7em; overflow:hidden; line-height:1.35;
  mask-image:linear-gradient(180deg,#000 55%,transparent);
  -webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);
}
.type-card__slider{ display:block; margin-top:1.6rem; }
.type-card__slider span{ font-size:.8rem; font-weight:500; letter-spacing:.08em; }
.type-test{
  margin-top:2rem; background:var(--dark); border-radius:var(--radius-lg);
  padding:2.4rem 2.2rem; color:var(--white);
}
.type-test__label{
  display:block; margin-bottom:.9rem;
  font-size:.8rem; letter-spacing:.2em; text-transform:uppercase; color:var(--grey);
  opacity:.7;
}
.type-test__input{
  width:100%; background:rgba(255,255,255,.06);
  border:1px solid var(--line); border-radius:12px;
  color:var(--white); font-family:var(--font-body); font-weight:300;
  padding:.85rem 1.1rem; font-size:1rem; outline:none;
  transition:border-color .3s, background .3s;
}
.type-test__input:focus{ border-color:var(--orange); background:rgba(255,255,255,.09); }
.type-test__jost{
  font-family:var(--font-display); font-weight:700;
  font-size:clamp(1.8rem,4vw,2.8rem); margin-top:1.6rem; line-height:1.15;
}
.type-test__poppins{
  font-family:var(--font-body); font-weight:400;
  font-size:clamp(.95rem,2vw,1.15rem); margin-top:.5rem; color:var(--grey);
}