/* diferencial styles — extracted from tecnocys-v3.html */
/* See tecnocys-v3.html for full CSS reference */
/* Diferencial section */
.diff-grid { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:start; }
.diff-h2 { text-align:left; margin-bottom:1.5rem; }
.diff-item { display:flex; gap:1.1rem; padding:1.3rem; background:var(--bg3); border:1px solid var(--bdr2); border-radius:var(--r); margin-bottom:.9rem; transition:border-color .25s; }
.diff-item:hover { border-color:rgba(0,200,255,.18); }
.diff-num { font-family:var(--fh); font-size:2rem; font-weight:900; color:transparent; -webkit-text-stroke:1px rgba(0,200,255,.25); line-height:1; flex-shrink:0; width:2.2rem; }
.diff-item h4 { font-family:var(--fh); font-size:1.05rem; font-weight:700; margin-bottom:.25rem; }
.diff-item p { font-size:.83rem; color:var(--mu); line-height:1.7; }
.sec-pan { background:var(--bg3); border:1px solid var(--bdr); border-radius:var(--r); overflow:hidden; }
.sp-head { background:var(--bg4); padding:.85rem 1.2rem; border-bottom:1px solid var(--bdr2); display:flex; align-items:center; justify-content:space-between; }
.sp-head span { font-family:var(--fm); font-size:.68rem; color:var(--mu); }
.sp-ok { font-family:var(--fm); font-size:.65rem; color:var(--green); background:rgba(0,229,106,.1); border:1px solid rgba(0,229,106,.25); border-radius:3px; padding:.14rem .5rem; }
.sp-body { padding:1.2rem; }
.sp-row { display:flex; justify-content:space-between; align-items:center; padding:.6rem 0; border-bottom:1px solid var(--bdr2); font-size:.82rem; }
.sp-row:last-child { border-bottom:none; }
.sp-k { color:var(--mu); font-size:.8rem; }
.sp-v { font-family:var(--fm); font-size:.7rem; border-radius:3px; padding:.18rem .45rem; }
.sp-v.g { color:var(--green); background:rgba(0,229,106,.08); }
.sp-v.b { color:var(--c); background:rgba(0,200,255,.08); }
.sp-note { margin-top:.9rem; padding:.7rem .9rem; background:rgba(0,200,255,.05); border:1px solid rgba(0,200,255,.12); border-radius:6px; font-family:var(--fm); font-size:.68rem; color:var(--mu); }
.provider-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.7rem; margin-top:1rem; }
.prov-card { background:var(--bg3); border:1px solid var(--bdr2); border-radius:8px; padding:.85rem .7rem; text-align:center; transition:all .25s; }
.prov-card:hover { border-color:rgba(0,200,255,.2); transform:translateY(-2px); }
.prov-icon { font-size:1.4rem; margin-bottom:.35rem; }
.prov-name { font-family:var(--fh); font-size:.85rem; font-weight:700; margin-bottom:.15rem; }
.prov-role { font-size:.62rem; color:var(--mu); font-family:var(--fm); }
@media(max-width:1100px) { .diff-grid { grid-template-columns:1fr; } }