/* differentials.css — estilos para la sección "differentials" */
  /* ---------- DIFERENCIALES (numbered cards) ---------- */
  .diff{background:var(--navy-1);color:#fff;position:relative;overflow:hidden}
  .diff::before{
    content:"";position:absolute;inset:0;
    background-image:
      linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:80px 80px;
    mask-image:radial-gradient(ellipse at 50% 0%,#000,transparent 70%);
    pointer-events:none;
  }
  .diff-head{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;margin-bottom:64px}
  .diff h2{color:#fff}
  .diff-head p{font-size:17px;color:rgba(255,255,255,.7);max-width:50ch;line-height:1.6}
  .diff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
  .diff-card{
    background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.01) 100%);
    border:1px solid rgba(255,255,255,.1);
    border-radius:var(--rad);padding:32px 28px 28px;
    display:flex;flex-direction:column;gap:18px;
    position:relative;overflow:hidden;
    transition:.25s ease;
  }
  .diff-card:hover{border-color:rgba(91,226,255,.4);background:linear-gradient(180deg,rgba(59,123,255,.08) 0%,rgba(255,255,255,.01) 100%)}
  .diff-card::before{
    content:"";position:absolute;top:0;left:0;width:40px;height:1px;background:var(--cyan);
  }
  .diff-num{
    font-family:"IBM Plex Mono",monospace;font-size:13px;color:var(--cyan);
    font-weight:500;letter-spacing:.1em;
  }
  .diff-card h3{font-size:20px;letter-spacing:-.01em;color:#fff}
  .diff-card p{font-size:14px;color:rgba(255,255,255,.66);line-height:1.6}
  .diff-card .icon{
    width:36px;height:36px;color:var(--cyan);margin-top:auto;
  }
  @media (max-width:1100px){.diff-grid{grid-template-columns:repeat(2,1fr)}}
  @media (max-width:700px){.diff-grid{grid-template-columns:1fr} .diff-head{grid-template-columns:1fr;gap:30px}}