/* about.css — estilos para la sección "about" */
  /* ---------- QUIENES SOMOS ---------- */
  .about{background:var(--paper)}
  .about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:start}
  .about h2 + p{margin-top:28px;font-size:18px;line-height:1.65;color:var(--ink-2);max-width:52ch}
  .about-side{
    background:#fff;border:1px solid var(--line-soft);border-radius:var(--rad);
    padding:32px;position:relative;overflow:hidden;
  }
  .about-side::before{
    content:"";position:absolute;top:0;left:0;right:0;height:3px;
    background:linear-gradient(90deg,var(--blue) 0%,var(--cyan) 100%);
  }
  .about-side h4{font-size:13px;font-family:"IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);font-weight:500;margin-bottom:20px}
  .pillars{display:flex;flex-direction:column;gap:18px}
  .pillar{display:flex;gap:16px;padding:18px 0;border-top:1px solid var(--line-soft)}
  .pillar:first-child{border-top:0;padding-top:0}
  .pillar-num{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--blue);font-weight:500;flex:0 0 24px}
  .pillar strong{display:block;font-size:15px;font-weight:600;color:var(--ink);margin-bottom:4px}
  .pillar span{font-size:13.5px;color:var(--ink-2);line-height:1.55}
  @media (max-width:900px){.about-grid{grid-template-columns:1fr;gap:40px}}