/* Kuma 2026 · bloque kuma/cursos-categorias (inc/cursos-categorias.php).
   Pestañas, un botón por área formativa y carrusel con las tarjetas del listado (fx-lista.css). */
.kuma-cc{background:#fff;border-bottom:1px solid #e7f1f8;padding:96px 24px;font-family:"Source Sans 3",system-ui,sans-serif;color:#0b1c28}
.kuma-cc__caja{max-width:1248px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:32px}
.kuma-cc__cabeza{max-width:828px;text-align:center;display:flex;flex-direction:column;gap:8px}
.kuma-cc__rotulo{margin:0;font-size:13px;line-height:15.6px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#2b6c97}
.kuma-cc__titulo{margin:0;font-size:39px;line-height:1.2;font-weight:700;color:#0b1c28}
.kuma-cc__texto{margin:0;font-size:20px;line-height:24px;color:#494b50}

.kuma-cc__pestanas{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.kuma-cc__pestana{appearance:none;cursor:pointer;font:inherit;font-size:16px;line-height:19.2px;padding:12px 24px;border-radius:4px;border:1px solid #0b1c28;background:#fff;color:#0b1c28;transition:background-color .15s,color .15s}
.kuma-cc__pestana:hover{background:#e7f1f8}
.kuma-cc__pestana[aria-selected="true"]{background:#0b1c28;color:#fff}

.kuma-cc__panel{width:100%;display:flex;flex-direction:column;align-items:center;gap:32px}
.kuma-cc__areas{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:1036px}
.kuma-cc__areas[hidden]{display:none}
.kuma-cc__area{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border:1px solid #c5d9e6;border-radius:999px;background:#fff;color:#0b1c28;font-size:15px;line-height:18px;text-decoration:none;white-space:nowrap;transition:border-color .15s,background-color .15s}
.kuma-cc__area:hover{border-color:#3797ca;background:#f3f8fc}
.kuma-cc__area[aria-current="true"]{border-color:#2b6c97;background:#e7f1f8;font-weight:700}
.kuma-cc__area--mas{border-color:#0b1c28;background:#0b1c28;color:#fff;gap:6px}
.kuma-cc__area--mas:hover{background:#1a3346;border-color:#1a3346;color:#fff}

.kuma-cc__carrusel{position:relative;width:100%;max-width:1248px}
.kuma-cc__pista{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:12px 8px 20px;scroll-padding:0 8px;scrollbar-width:none;transition:opacity .2s}
.kuma-cc__pista::-webkit-scrollbar{display:none}
.kuma-cc__pista[aria-busy="true"]{opacity:.45;pointer-events:none}
.kuma-cc__pista:focus-visible{outline:2px solid #3797ca;outline-offset:2px}
.kuma-cc .kuma-cc__pista .fx-lista-tarjeta{flex:0 0 calc((100% - 48px) / 3);max-width:none;width:auto;scroll-snap-align:start;background:#fff}
.kuma-cc .kuma-cc__pista .fx-lista-tarjeta>div{width:100%}
.kuma-cc__vacio{margin:24px auto;text-align:center;font-size:16px;color:#494b50}
.kuma-cc__vacio a{color:#2b6c97}

.kuma-cc__flecha{position:absolute;top:calc(50% - 22px);z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid #c5d9e6;background:#fff;color:#0b1c28;font-size:20px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(11,28,40,.15);display:flex;align-items:center;justify-content:center}
.kuma-cc__flecha:hover{border-color:#3797ca}
.kuma-cc__flecha[hidden]{display:none}
.kuma-cc__flecha--ant{left:-64px}
.kuma-cc__flecha--sig{right:-64px}

.kuma-cc__pie{margin:0}
.kuma-cc__todos{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:240px;padding:16px 32px;border:1px solid #3797ca;border-radius:4px;background:#0b1c28;color:#fff;font-size:16px;line-height:19.2px;text-decoration:none}
.kuma-cc__todos:hover{background:#1a3346;color:#fff}

@media (max-width:1400px){
  .kuma-cc__flecha--ant{left:-12px}
  .kuma-cc__flecha--sig{right:-12px}
}
@media (max-width:1100px){
  .kuma-cc .kuma-cc__pista .fx-lista-tarjeta{flex-basis:calc((100% - 24px) / 2)}
}
@media (max-width:640px){
  .kuma-cc{padding:64px 0}
  .kuma-cc__cabeza,.kuma-cc__pestanas{padding:0 16px}
  .kuma-cc__titulo{font-size:31px}
  .kuma-cc__texto{font-size:17px;line-height:22px}
  .kuma-cc__pestana{flex:1 1 0;padding:12px 12px}
  .kuma-cc__areas{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;width:100%;padding:0 16px 4px;scrollbar-width:none}
  .kuma-cc__areas::-webkit-scrollbar{display:none}
  .kuma-cc__pista{padding:12px 16px 20px;scroll-padding:0 16px}
  .kuma-cc .kuma-cc__pista .fx-lista-tarjeta{flex-basis:84%}
  .kuma-cc__flecha{display:none}
  .kuma-cc__pie{padding:0 16px}
}
@media (prefers-reduced-motion:reduce){
  .kuma-cc__pista{scroll-behavior:auto}
}