.clases-main{padding-top:4rem}.clases-hero{padding:5rem 0 3rem;text-align:center}.clases-hero-inner{display:flex;flex-direction:column;align-items:center;gap:1rem}.prog-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;border-radius:100px;background:var(--surface);border:1px solid var(--border);font-size:.8rem;font-weight:500;color:var(--text-secondary)}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--primary-purple);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.clases-title{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;line-height:1.15;color:var(--text-primary)}.title-gradient{background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.clases-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:520px;line-height:1.65}.clases-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:100px;background:var(--primary-purple);color:#fff;font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .2s,gap .2s}.clases-cta:hover{opacity:.85;gap:.75rem}.clases-grid-section{padding:0 0 6rem}.filter-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;padding:.4rem 1rem;border-radius:100px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.filter-chip:hover{border-color:var(--primary-purple);color:var(--text-primary)}.filter-chip.active{background:var(--primary-purple);border-color:var(--primary-purple);color:#fff}.clases-count{font-size:.82rem;color:var(--text-secondary);margin-bottom:1.5rem}.clases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.clase-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}.clase-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0000002e;border-color:var(--primary-purple)}.clase-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0f172a}.clase-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.clase-card:hover .clase-thumb img{transform:scale(1.03)}.clase-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.clase-card:hover .clase-play{opacity:1}.clase-badge{position:absolute;top:.6rem;left:.6rem;font-size:.68rem;font-weight:700;letter-spacing:.05em;padding:.22rem .6rem;border-radius:100px}.badge-charla{background:#b198e933;border:1px solid rgba(177,152,233,.4);color:#b198e9}.badge-workshop{background:#6be8b626;border:1px solid rgba(107,232,182,.3);color:#6be8b6}.badge-webinar{background:#60a5fa26;border:1px solid rgba(96,165,250,.3);color:#60a5fa}.clase-info{padding:1rem 1.1rem 1.1rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.clase-title{font-size:.93rem;font-weight:700;color:var(--text-primary);line-height:1.4}.clase-meta{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--text-secondary);flex-wrap:wrap}.clase-speaker{font-weight:600;color:var(--text-primary)}.clase-sep{color:var(--border)}.clase-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:.5rem}.clase-cats{display:flex;gap:.3rem;flex-wrap:wrap}.cat-pill{font-size:.65rem;font-weight:600;padding:.18rem .5rem;border-radius:100px;background:#b198e91a;border:1px solid rgba(177,152,233,.2);color:var(--primary-purple)}.clase-date{font-size:.72rem;color:var(--text-secondary);white-space:nowrap}@media (max-width: 640px){.clases-hero{padding:3.5rem 0 2rem}.clases-grid{grid-template-columns:1fr}.filter-bar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none}}