/* services.css — estilos para la sección "services" */
  /* ---------- SERVICIOS ---------- */
  .services{background:#fff;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
  .services-head{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;margin-bottom:64px}
  .services-head p{font-size:17px;line-height:1.6;color:var(--ink-2);max-width:50ch}
  .svc-group{margin-top:80px}
  .svc-group:first-of-type{margin-top:0}
  .svc-group-head{display:flex;align-items:center;gap:18px;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--line-soft)}
  .svc-group-num{
    font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.14em;
    background:var(--navy-1);color:#fff;padding:6px 10px;border-radius:4px;
  }
  .svc-group-title{font-size:28px;font-weight:600;letter-spacing:-.02em}
  .svc-group-meta{margin-left:auto;font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase}
  .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:var(--rad);overflow:hidden}
  .svc-card{
    background:#fff;padding:32px 28px;display:flex;flex-direction:column;gap:18px;
    min-height:280px;position:relative;transition:.25s ease;cursor:default;
  }
  .svc-card:hover{background:#FBFCFE}
  .svc-card:hover .svc-icon{color:var(--blue)}
  .svc-icon{
    width:44px;height:44px;display:flex;align-items:center;justify-content:center;
    color:var(--navy-1);transition:color .25s;
  }
  .svc-icon svg{width:100%;height:100%}
  .svc-card h3{font-size:18px;letter-spacing:-.01em}
  .svc-card p{font-size:14px;color:var(--ink-2);line-height:1.6;flex:1}
  .svc-tags{display:flex;flex-wrap:wrap;gap:6px;padding-top:14px;border-top:1px dashed var(--line-soft)}
  .svc-tag{
    font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.06em;
    color:var(--ink-3);padding:3px 8px;background:var(--paper);border-radius:4px;
  }
  .svc-card-id{
    position:absolute;top:18px;right:20px;
    font-family:"IBM Plex Mono",monospace;font-size:10px;color:var(--ink-3);letter-spacing:.1em;
  }
  @media (max-width:1100px){.svc-grid{grid-template-columns:repeat(2,1fr)}}
  @media (max-width:700px){.svc-grid{grid-template-columns:1fr} .services-head{grid-template-columns:1fr;gap:30px}}