/* Inicio — ajustes responsive (no hay diseño móvil; ≥1024px = prototipo tal cual). */

/* Las pestañas del catálogo con foco visible sobre fondo oscuro */
#cursos .tab:focus-visible{border-radius:999px}

@media (max-width:900px){
  .h-hero-art{max-width:520px!important}
  .h-team{border-radius:28px 28px 120px 28px!important}
  .h-sepe{border-radius:28px 28px 28px 120px!important;min-height:280px!important}
  .ftile{min-height:240px}
}
@media (max-width:600px){
  .h-hero-art{width:calc(100% - 24px)!important}
  .h-badge{right:-8px!important;bottom:6%!important;padding:10px 14px!important;font-size:13px!important}
  .h-cta{border-radius:32px!important}
  .h-mail{font-size:14px;padding:0 20px;max-width:100%;overflow-wrap:anywhere}
  .marq{gap:40px}
  .marq > span{gap:40px!important}
  .course{gap:12px}
  .cloud .w{padding:14px 0}
  /* Pestañas: sin partir la etiqueta; si pasan a varias filas, la píldora se ve rara → radio más contenido */
  #cursos .seg{border-radius:30px}
  #cursos .tab{flex:1 1 auto;white-space:nowrap;min-height:48px;padding:0 16px;font-size:15px}
}

/* Servicios en móvil y tablet (<900px): slider horizontal con snap (solo CSS). Cada card ocupa el 85 %
   del ancho para que asome la siguiente; el carril llega al borde de la pantalla y empieza alineado con
   el margen de la página. Las cards no llevan animación de entrada aquí (las que están fuera de pantalla
   en horizontal no «asomarían» hasta deslizarlas). */
@media (max-width:900px){
  .h-svc{
    --gut:clamp(20px,4vw,80px);
    display:flex!important;gap:14px!important;
    margin-inline:calc(-1 * var(--gut));padding:4px var(--gut) 12px;
    overflow-x:auto;overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);
    scrollbar-width:none;-webkit-overflow-scrolling:touch;
  }
  .h-svc::-webkit-scrollbar{display:none}
  .h-svc > .svc{flex:0 0 min(85%,420px);scroll-snap-align:start}
  .h-svc > .svc:hover{transform:none}
  .kz-in .h-svc > .in{opacity:1!important;transform:none!important;animation:none!important}
}