/* WEB-08 · movil */

/* Tabla «IA suelta / Con Onexya» en móvil: tarjetas apiladas (el contenido no cambia) */
@media (max-width:640px){
  .vs{border:0;background:transparent;border-radius:0;display:grid;gap:12px;overflow:visible}
  .vs-row.vs-head{display:none}
  .vs-row{display:block;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}
  .vs-row:first-child{border-top:1px solid var(--border)}
  .vs-row>div{padding:0 18px;font-size:15px;line-height:1.5}
  .vs-row .vs-k{display:block;padding:16px 18px 4px;font-size:16px!important;font-weight:700;color:var(--text);letter-spacing:-.01em}
  .vs-row .vs-ai{padding:6px 18px 14px;color:var(--text-3);position:relative;padding-left:40px}
  .vs-row .vs-on{padding:14px 18px 16px 40px;position:relative;font-weight:500}
  .vs-row .vs-ai::before,.vs-row .vs-on::before{content:attr(data-l);display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:3px}
  .vs-row .vs-on::before{color:var(--accent-text)}
  .vs-row .vs-ai::after,.vs-row .vs-on::after{position:absolute;left:18px;top:8px;width:16px;text-align:center;font-weight:700;line-height:1}
  .vs-row .vs-ai::after{content:"\2715";font-size:12px;top:9px;opacity:.55}
  .vs-row .vs-on::after{content:"\2713";font-size:14px;top:16px;color:var(--accent-text)}
}

/* WEB-09 · pie de 3 columnas, zonas táctiles de 44 px, equipo y llamada final compactos */
footer.ft .ft-top{grid-template-columns:1.6fr repeat(3,1fr)}
@media (max-width:980px){footer.ft .ft-top{grid-template-columns:repeat(3,1fr)}footer.ft .ft-brand{grid-column:1/-1}}
@media (max-width:640px){
  footer.ft .ft-top{grid-template-columns:1fr 1fr;gap:20px 16px}
  footer.ft .ft-col:last-of-type{grid-column:1/-1}
  footer.ft .ft-col h2{margin-bottom:4px}
  footer.ft .ft-col a,footer.ft .ft-lang a{display:inline-flex;align-items:center;min-height:44px;padding-top:0;padding-bottom:0}
  footer.ft .ft-lang a{padding-left:16px;padding-right:16px}
  footer.ft .ft-lang{padding:2px}
  footer.ft .ft-bottom{gap:8px 16px}
  footer.ft .social{gap:4px}
  footer.ft .social a{width:44px;height:44px}
  .team{gap:24px 12px}
  .person img{width:88px;height:88px;margin-bottom:10px}
  #equipo .claim{margin-top:48px!important}
}
@media (max-width:640px){footer.ft .ft-brand .nav-logo{display:inline-flex;align-items:center;min-height:44px}}