/* Como usar (ajuda integrada) — Vida Servidor. Prefixo .cu- p/ nao colidir. */
.cu-wrap{max-width:1000px;margin:0 auto;}
.cu-head h2{font-family:'Sora','Segoe UI',sans-serif;font-weight:800;color:var(--vp-teal-900,#0A3D3A);font-size:24px;margin:0;}
.cu-head .cu-lead{color:var(--vp-muted,#5b716d);font-size:15px;margin:8px 0 0;max-width:760px;}

.cu-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 0;}
.cu-tab{cursor:pointer;background:#fff;border:1px solid var(--vp-line,#e2ece9);border-radius:12px 12px 0 0;
  padding:12px 16px;display:flex;gap:10px;align-items:center;transition:.15s;border-bottom:3px solid transparent;}
.cu-tab:hover{transform:translateY(-1px);}
.cu-tab .cu-ic{font-size:18px;}
.cu-tab .cu-t{font-family:'Sora','Segoe UI',sans-serif;font-weight:700;font-size:14px;color:#0c1f1d;}
.cu-tab.cu-active{border-bottom-color:var(--vp-amber,#F5A524);}
.cu-tab.cu-active .cu-t{color:var(--vp-teal,#0F766E);}

.cu-panel{background:#fff;border:1px solid var(--vp-line,#e2ece9);border-radius:0 14px 14px 14px;
  padding:26px clamp(18px,3vw,34px);box-shadow:0 10px 30px -14px rgba(10,61,58,.22);}

.cu-sec{font-family:'Sora','Segoe UI',sans-serif;font-weight:700;font-size:12px;letter-spacing:1.3px;
  text-transform:uppercase;color:#C97F12;margin:26px 0 4px;display:flex;align-items:center;gap:8px;}
.cu-sec:first-child{margin-top:6px;}
.cu-sec::before{content:"";width:22px;height:3px;background:var(--vp-amber,#F5A524);border-radius:2px;}

.cu-panel ol.cu-steps{list-style:none;counter-reset:s;padding:0;margin:14px 0 0;}
.cu-panel ol.cu-steps>li{counter-increment:s;position:relative;padding:14px 16px 14px 54px;margin-bottom:10px;
  background:var(--vp-paper,#f5faf8);border:1px solid var(--vp-line,#e2ece9);border-radius:12px;font-size:14.5px;}
.cu-panel ol.cu-steps>li::before{content:counter(s);position:absolute;left:12px;top:12px;width:28px;height:28px;
  border-radius:9px;background:linear-gradient(145deg,#0F766E,#13938A);color:#fff;font-family:'Sora','Segoe UI',sans-serif;
  font-weight:700;display:grid;place-items:center;font-size:14px;}
.cu-panel ol.cu-steps b{font-family:'Sora','Segoe UI',sans-serif;color:#0A3D3A;}
.cu-panel ol.cu-steps ul{margin:6px 0 0;padding-left:18px;}

.cu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px;}
.cu-card{background:var(--vp-paper,#f5faf8);border:1px solid var(--vp-line,#e2ece9);border-radius:12px;padding:14px 16px;}
.cu-card h4{font-family:'Sora','Segoe UI',sans-serif;font-size:14px;color:#0F766E;margin:0 0 4px;}
.cu-card p{font-size:13.5px;color:var(--vp-muted,#5b716d);margin:0;}

.cu-note{display:flex;gap:10px;padding:13px 15px;border-radius:11px;margin:14px 0;font-size:14px;}
.cu-note .cu-em{font-size:17px;}
.cu-note.cu-tip{background:#e9f7f3;border:1px solid #bfe6db;color:#0c5a50;}
.cu-note.cu-warn{background:#fff4e1;border:1px solid #f3d79a;color:#8a5a08;}
.cu-note.cu-info{background:#eef3fb;border:1px solid #cdddf3;color:#274b73;}

.cu-panel code,.cu-path{font-family:ui-monospace,Menlo,monospace;background:#eef4f2;border:1px solid var(--vp-line,#e2ece9);
  border-radius:6px;padding:1px 6px;font-size:12.5px;color:#0A3D3A;}
.cu-path{color:#0F766E;font-weight:600;}
.cu-panel table{width:100%;border-collapse:collapse;margin-top:12px;font-size:13.5px;}
.cu-panel th,.cu-panel td{text-align:left;padding:9px 11px;border-bottom:1px solid var(--vp-line,#e2ece9);}
.cu-panel th{font-family:'Sora','Segoe UI',sans-serif;font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--vp-muted,#5b716d);}
.cu-panel td b{color:#0A3D3A;}

/* Biblioteca de videos (tarefa #32131) — bloco acima das abas, alimentado pelo catalogo do Super.
   Mesma paleta das abas: fundo branco, linha discreta, ambar so no acento. */
.cu-videos-box{background:#fff;border:1px solid var(--vp-line,#e2ece9);border-radius:14px;
  padding:20px clamp(16px,3vw,28px);margin-top:18px;box-shadow:0 10px 30px -18px rgba(10,61,58,.2);}
.cu-videos-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.cu-videos-box .cu-sec.cu-sec-solo{margin:0;}
.cu-videos-lead{color:var(--vp-muted,#5b716d);font-size:13.5px;margin:6px 0 0;}
.cu-videos-tag{font-family:'Sora','Segoe UI',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.4px;
  text-transform:uppercase;color:#0c5a50;background:#e9f7f3;border:1px solid #bfe6db;border-radius:999px;padding:4px 11px;}

.cu-videos-espera{display:flex;align-items:center;gap:10px;color:var(--vp-muted,#5b716d);font-size:14px;padding:14px 2px 4px;}

.cu-videos-grupo{font-family:'Sora','Segoe UI',sans-serif;font-weight:700;font-size:13px;color:#0A3D3A;
  margin:18px 0 8px;padding-left:2px;}

.cu-videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;}
.cu-video{display:flex;gap:12px;align-items:flex-start;text-align:left;width:100%;cursor:pointer;
  background:var(--vp-paper,#f5faf8);border:1px solid var(--vp-line,#e2ece9);border-radius:12px;
  padding:13px 15px;transition:.15s;font:inherit;color:inherit;}
.cu-video:hover{transform:translateY(-1px);border-color:#bfe6db;box-shadow:0 8px 18px -12px rgba(10,61,58,.35);}
/* Foco visivel de proposito: o item e alcancado por Tab, e teclado sem anel de foco e teclado sem navegacao. */
.cu-video:focus-visible{outline:3px solid var(--vp-amber,#F5A524);outline-offset:2px;}
.cu-video-play{flex:0 0 30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:12px;
  background:linear-gradient(145deg,#0F766E,#13938A);color:#fff;}
.cu-video-txt{display:flex;flex-direction:column;gap:3px;min-width:0;}
.cu-video-tit{font-family:'Sora','Segoe UI',sans-serif;font-weight:700;font-size:14px;color:#0A3D3A;}
.cu-video-desc{font-size:12.8px;color:var(--vp-muted,#5b716d);}

@media (max-width:520px){
  .cu-videos{grid-template-columns:1fr;}
  .cu-videos-box{padding:16px 14px;}
}