/* UX Web — Servicios principal (específico) */

.hero{padding:130px 5% 80px;max-width:1280px;margin:0 auto;text-align:center}
.stats-row{gap:40px;margin-top:10px}

/* SERVICES GRID */
.services-section{padding:60px 5% 100px;background:rgba(0,105,108,.04);border-top:1px solid rgba(0,105,108,.1)}
.services-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.service-card{border-radius:20px;padding:32px 28px;display:flex;flex-direction:column;gap:16px;border:1px solid var(--cb);background:var(--card);backdrop-filter:blur(24px);transition:all .25s ease;animation:fadeInUp .5s ease both}
.service-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.07)}
.card-top{display:flex;justify-content:space-between;align-items:flex-start}
.card-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px}
.card-tag{font-size:10px;font-weight:700;letter-spacing:.08em;border-radius:100px;padding:4px 10px}
.card-title{font-size:18px;font-weight:800;color:var(--txt);line-height:1.2}
.card-desc{font-size:13px;color:var(--mut);line-height:1.75;flex:1}
.card-features{list-style:none;display:flex;flex-direction:column;gap:8px}
.card-features li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--txt)}
.feat-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}
.card-cta{display:inline-flex;align-items:center;gap:8px;background:transparent;border-radius:100px;padding:10px 18px;text-decoration:none;font-size:13px;font-weight:600;font-family:'Sora',sans-serif;transition:all .2s;margin-top:4px;width:fit-content}

/* FAQ */
.faq-section{padding:80px 5%;border-top:1px solid rgba(0,105,108,.1)}
.faq-inner{max-width:800px;margin:0 auto}
.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-item{border-radius:16px;overflow:hidden;border:1px solid var(--cb);background:var(--card);backdrop-filter:blur(24px);transition:border-color .2s}
.faq-item.open{border-color:rgba(0,105,108,.35)}
.faq-btn{width:100%;padding:20px 24px;background:none;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:'Sora',sans-serif;font-size:15px;font-weight:600;color:var(--txt);text-align:left;gap:16px;transition:color .2s}
.faq-item.open .faq-btn{color:var(--g)}
.faq-icon{font-size:18px;color:var(--g);flex-shrink:0;transition:transform .25s ease;display:inline-block}
.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-body{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-item.open .faq-body{max-height:300px}
.faq-body p{padding:0 24px 20px;font-size:14px;color:var(--mut);line-height:1.75}

@media(max-width:768px){.stats-row{gap:24px}.services-grid{grid-template-columns:1fr}}