.cs-main{width:100%;padding:110px 32px 40px;color:var(--g-text,#fff)}
.cs-migas{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.86rem;color:var(--g-muted2,#7d879a);margin-bottom:18px}
.cs-migas a{color:var(--g-muted,#aeb6c6);text-decoration:none}
.cs-migas a:hover{color:var(--g-cyan,#00C2FF)}
.cs-migas span{color:var(--g-text,#fff);font-weight:600}
.cs-migas .bi{font-size:.7rem}
.cs-head{margin-bottom:26px}
.cs-kicker{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--g-cyan,#00C2FF);margin-bottom:8px}
.cs-head h1{font-size:clamp(1.7rem,3.2vw,2.6rem);font-weight:800;line-height:1.15;margin:0 0 12px}
.cs-head p{color:var(--g-muted,#aeb6c6);font-size:1.02rem;line-height:1.6;margin:0}
.cs-head a,.cs-ayuda a:not(.ld-btn){color:var(--g-cyan,#00C2FF)}
.cs-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:800;color:var(--g-cyan,#00C2FF);letter-spacing:.5px;background:rgba(0,194,255,.1);border:1px solid rgba(0,194,255,.28);padding:3px 8px;border-radius:7px;font-size:.88rem;white-space:nowrap}
.cs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.cs-card{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:14px;background:var(--g-card,#121419);border:1px solid var(--g-border,#242832);color:var(--g-text,#fff);text-decoration:none;transition:.15s}
.cs-card:hover{border-color:rgba(0,194,255,.55);transform:translateY(-2px)}
.cs-card .cs-code{align-self:flex-start}
.cs-card b{font-size:.98rem;line-height:1.35}
.cs-card small{color:var(--g-muted2,#7d879a)}
.cs-card--en{opacity:.6}
.cs-clase{background:var(--g-card,#121419);border:1px solid var(--g-border,#242832);border-radius:14px;padding:16px 18px;margin-bottom:12px;scroll-margin-top:90px}
.cs-clase h2{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:1.08rem;font-weight:700;margin:0 0 10px}
.cs-items{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:6px 18px}
.cs-items li{display:flex;align-items:baseline;gap:10px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05);color:#e6e9f0;font-size:.93rem;scroll-margin-top:90px}
.cs-items li:target{background:rgba(0,194,255,.12);border-radius:8px;padding-left:6px}
.cs-mas{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:var(--g-cyan,#00C2FF);font-weight:600;text-decoration:none}
.cs-prods{margin-bottom:22px}
.cs-prods h2{font-size:1.1rem;font-weight:700;margin:0 0 12px;display:flex;gap:8px;align-items:center}
.cs-prods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.cs-prod{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:12px;background:var(--g-card,#121419);border:1px solid var(--g-border,#242832);color:var(--g-text,#fff);text-decoration:none}
.cs-prod:hover{border-color:rgba(0,194,255,.55)}
.cs-prod img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#fff}
.cs-prod b{font-size:.86rem;line-height:1.3}
.cs-prod small{color:var(--g-muted2,#7d879a);font-size:.76rem}
.cs-code-s{font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--g-cyan,#00C2FF)}
.cs-ayuda{margin-top:28px;padding:20px 22px;border-radius:16px;background:linear-gradient(135deg,rgba(0,194,255,.10),rgba(0,194,255,.03));border:1px solid rgba(0,194,255,.3)}
.cs-ayuda h2{font-size:1.15rem;font-weight:700;margin:0 0 10px}
.cs-ayuda ol{color:var(--g-muted,#aeb6c6);line-height:1.7;margin:0 0 10px;padding-left:20px}
.cs-ayuda p{color:var(--g-muted,#aeb6c6);margin:0 0 14px}
@media(max-width:640px){
  .cs-main{padding:96px 16px 32px}
  .cs-items{grid-template-columns:1fr}
  .cs-grid{grid-template-columns:1fr}
  .cs-prods-grid{grid-template-columns:repeat(2,1fr)}
}