/* servicios styles — extracted from tecnocys-v3.html */
/* See tecnocys-v3.html for full CSS reference */
/* Servicios — pilar tabs */
.pilar-tabs { display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:2rem; }
.ptab { background:var(--bg3); border:1px solid var(--bdr2); color:var(--mu); border-radius:var(--r); padding:.6rem 1.1rem; font-size:.8rem; cursor:pointer; display:flex; align-items:center; gap:.5rem; transition:all .2s; font-family:var(--fb); }
.ptab:hover,.ptab.active { background:rgba(0,200,255,.08); border-color:var(--bdr); color:var(--c); }
.ptab-icon { font-size:1rem; }
.ptab-label { font-weight:600; }
.pilar-panel { display:none; }
.pilar-panel.active { display:block; }
.pilar-header { margin-bottom:1.5rem; padding:1.2rem 1.5rem; background:var(--bg3); border-left:3px solid var(--c); border-radius:0 var(--r) var(--r) 0; }
.pilar-problema { font-family:var(--fh); font-size:1.1rem; font-weight:700; color:var(--txt); margin-bottom:.4rem; }
.pilar-intro { font-size:.85rem; color:var(--mu); line-height:1.7; }
.svc-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem; }
.sc { background:var(--bg3); border:1px solid var(--bdr2); border-radius:var(--r); padding:1.5rem; position:relative; overflow:hidden; transition:all .3s; display:flex; flex-direction:column; }
.sc::after { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,var(--c),var(--blue)); transform:scaleX(0); transform-origin:left; transition:transform .35s; }
.sc:hover { border-color:rgba(0,200,255,.18); transform:translateY(-4px); box-shadow:0 20px 50px rgba(0,0,0,.4); }
.sc:hover::after { transform:scaleX(1); }
.sc.sc-cta { background:rgba(0,200,255,.04); border-color:rgba(0,200,255,.15); align-items:center; text-align:center; justify-content:center; }
.sc-title { font-family:var(--fh); font-size:1.05rem; font-weight:700; margin-bottom:.5rem; }
.sc-desc { font-size:.83rem; color:var(--mu); line-height:1.75; flex:1; }
.sc-tags { display:flex; gap:.3rem; flex-wrap:wrap; margin-top:.75rem; }
.sc-link { display:inline-block; margin-top:.9rem; font-size:.78rem; color:var(--c); font-weight:600; transition:opacity .2s; }
.sc-link:hover { opacity:.7; }
@media(max-width:1100px) { .svc-grid{grid-template-columns:repeat(2,1fr)} .pilar-tabs{gap:.4rem} .ptab-label{display:none} }
@media(max-width:768px)  { .svc-grid{grid-template-columns:1fr} .ptab-label{display:block} }