/* =====================================================
   INTEGRACIONES — grid de integraciones
   ===================================================== */
#int{padding:100px 0}
.intg{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.intc h2{font-size:clamp(26px,3.5vw,42px);font-weight:700;margin-bottom:16px}
.intc p{font-size:15px;color:var(--t2);line-height:1.8;margin-bottom:24px}
.ipills{display:flex;flex-wrap:wrap;gap:7px}
.ilg{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.il{background:var(--bgc);border:1px solid var(--b);border-radius:var(--r-md);padding:13px 11px;display:flex;align-items:center;gap:8px;transition:all var(--ts);cursor:pointer}
.il:hover{border-color:var(--ba);background:var(--bgch)}
.ilico{font-size:18px;flex-shrink:0}
.ilname{font-family:var(--font-ui);font-weight:600;font-size:11px;color:var(--t2)}
.il.ft{border-color:var(--ba);background:var(--ag)}
.il.ft .ilname{color:var(--ap)}