.clases-page.svelte-14fe89z{flex-direction:column;align-items:center;margin-top:32px;display:flex}.cards-container.svelte-14fe89z{flex-direction:column;align-items:center;gap:12px;max-width:600px;display:flex}.art-card.svelte-14fe89z{aspect-ratio:4;background:linear-gradient(135deg,#1a1f2e 0%,#0d1117 100%);border:1px solid #7ee7ff33;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:500px;padding:16px;text-decoration:none;transition:all .3s;display:flex;position:relative}.art-card.svelte-14fe89z:before{content:"";opacity:0;z-index:1;background:#7ee7ff26;border-radius:12px;transition:all .3s;position:absolute;inset:0}.art-card.svelte-14fe89z:after{content:"";background-image:var(--bg-img);opacity:0;z-index:0;pointer-events:none;background-position:50%;background-size:cover;transition:opacity .3s;position:absolute;inset:0}.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{object-fit:contain;opacity:0;z-index:3;border-radius:8px;width:60px;height:60px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;transform:scale(.5)rotate(-10deg)}.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{opacity:.1;z-index:2;align-items:center;gap:6px;transition:opacity .3s;display:flex;position:absolute}.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{filter:blur(1px);border-radius:50%;width:6px;height:6px;transition:transform .3s;transform:scale(0)}.art-card.svelte-14fe89z:hover .dot:where(.svelte-14fe89z){animation:2s ease-in-out infinite svelte-14fe89z-float;transform:scale(1)}.art-card.svelte-14fe89z:hover .d1:where(.svelte-14fe89z){background:#60a5fae6;transition-delay:0s}.art-card.svelte-14fe89z:hover .d2:where(.svelte-14fe89z){filter:blur(2px);background:#3b82f6cc;transition-delay:.1s;animation-delay:.3s}.art-card.svelte-14fe89z:hover .d3:where(.svelte-14fe89z){filter:blur(3px);background:#2563ebb3;transition-delay:.14s;animation-delay:.3s}@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:.4s forwards svelte-14fe89z-slideLeft}.art-card.svelte-14fe89z:nth-child(2n):hover .dots:where(.svelte-14fe89z){animation:.4s forwards svelte-14fe89z-slideRight}@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);color:var(--white);text-transform:uppercase;letter-spacing:.05em;text-align:center;font-size:1.2rem;font-weight:600}@media (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}}