.clases-page.svelte-14fe89z{display:flex;flex-direction:column;align-items:center;margin-top:32px}.cards-container.svelte-14fe89z{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:600px}.art-card.svelte-14fe89z{width:100%;max-width:500px;text-decoration:none;display:flex;padding:16px;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1f2e,#0d1117);border:1px solid rgba(126,231,255,.2);border-radius:12px;aspect-ratio:4 / 1;position:relative;transition:all .3s ease}.art-card.svelte-14fe89z:before{content:"";position:absolute;inset:0;border-radius:12px;background:#7ee7ff26;opacity:0;transition:all .3s ease;z-index:1}.art-card.svelte-14fe89z:after{content:"";position:absolute;inset:0;background-image:var(--bg-img);background-size:cover;background-position:center;opacity:0;transition:opacity .3s ease;z-index:0;pointer-events:none}.art-card.svelte-14fe89z:hover{border-color:#7ee7ff80}.art-card.svelte-14fe89z:hover:after{opacity:.35;filter:blur(2px)}.art-card.svelte-14fe89z:hover:before{opacity:1}.art-card.svelte-14fe89z:nth-child(odd):hover:before{transform:translate(24px);box-shadow:-24px 0 24px #7ee7ff40}.art-card.svelte-14fe89z:nth-child(2n):hover:before{transform:translate(-24px);box-shadow:24px 0 24px #7ee7ff40}.art-icon.svelte-14fe89z{position:absolute;width:60px;height:60px;border-radius:8px;object-fit:contain;opacity:0;transform:scale(.5) rotate(-10deg);transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:3}.art-card.svelte-14fe89z:nth-child(odd) .art-icon:where(.svelte-14fe89z){left:12px}.art-card.svelte-14fe89z:nth-child(2n) .art-icon:where(.svelte-14fe89z){right:12px}.art-card.svelte-14fe89z:hover .art-icon:where(.svelte-14fe89z){opacity:.9;transform:scale(.85) rotate(0)}.dots.svelte-14fe89z{position:absolute;display:flex;gap:6px;align-items:center;opacity:.1;transition:opacity .3s ease;z-index:2}.art-card.svelte-14fe89z:nth-child(odd) .dots:where(.svelte-14fe89z){right:16px}.art-card.svelte-14fe89z:nth-child(2n) .dots:where(.svelte-14fe89z){left:16px}.art-card.svelte-14fe89z:hover .dots:where(.svelte-14fe89z){opacity:1}.dot.svelte-14fe89z{width:6px;height:6px;border-radius:50%;filter:blur(1px);transform:scale(0);transition:transform .3s ease}.art-card.svelte-14fe89z:hover .dot:where(.svelte-14fe89z){transform:scale(1);animation:svelte-14fe89z-float 2s ease-in-out infinite}.art-card.svelte-14fe89z:hover .d1:where(.svelte-14fe89z){transition-delay:0s;background:#60a5fae6}.art-card.svelte-14fe89z:hover .d2:where(.svelte-14fe89z){background:#3b82f6cc;filter:blur(2px);animation-delay:.3s;transition-delay:.1s}.art-card.svelte-14fe89z:hover .d3:where(.svelte-14fe89z){background:#2563ebb3;filter:blur(3px);animation-delay:.3s;transition-delay:.14s}@keyframes svelte-14fe89z-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.4)}}.art-card.svelte-14fe89z:nth-child(odd):hover .dots:where(.svelte-14fe89z){animation:svelte-14fe89z-slideLeft .4s ease forwards}.art-card.svelte-14fe89z:nth-child(2n):hover .dots:where(.svelte-14fe89z){animation:svelte-14fe89z-slideRight .4s ease forwards}@keyframes svelte-14fe89z-slideLeft{0%{transform:translate(0)}to{transform:translate(80px)}}@keyframes svelte-14fe89z-slideRight{0%{transform:translate(0)}to{transform:translate(-80px)}}.art-name.svelte-14fe89z{font-family:var(--dosis);font-size:1.2rem;font-weight:600;color:var(--white);text-transform:uppercase;letter-spacing:.05em;text-align:center}@media(min-width:600px){.clases-page.svelte-14fe89z{padding:40px 24px}.cards-container.svelte-14fe89z{gap:20px}.art-card.svelte-14fe89z{max-width:600px}.art-name.svelte-14fe89z{font-size:1.4rem}}