.tanto-sis{position:relative;padding:clamp(16px, 3vw, 40px) 0 clamp(24px, 4vw, 48px)}.tanto-sis__escena{position:relative;width:min(96vw, 1280px);aspect-ratio:1 / .50;margin:0 auto;perspective:1150px;perspective-origin:50% 44%}.tanto-sis__espacio{position:absolute;left:0;top:50%;width:100%;aspect-ratio:1;transform:translateY(-50%);transform-style:preserve-3d}.tanto-sis__sol{--sol:clamp(38px, 6.2%, 64px);position:absolute;left:50%;top:50%;width:var(--sol);height:var(--sol);margin:calc(var(--sol) / -2) 0 0 calc(var(--sol) / -2);transform-style:preserve-3d;pointer-events:none}.tanto-sis__sol-luz{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgb(255 244 230 / .22) 0%,rgb(255 238 214 / .12) 12%,rgb(233 219 200 / .05) 28%,#fff0 52%);animation:sis-latido 7s ease-in-out infinite alternate}.tanto-sis__polvo{position:absolute;left:50%;top:50%;width:118%;height:34%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgb(96 132 190 / .17) 0%,rgb(70 100 150 / .10) 44%,rgb(50 74 116 / .04) 72%,#fff0 100%)}@keyframes sis-latido{from{opacity:.82;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}.tanto-sis__sol-marca{position:relative;display:block;width:100%;height:auto}.tanto-sis__espacio,.tanto-sis__anillo,.tanto-sis__giro,.tanto-sis__brazo,.tanto-sis__contra,.tanto-sis__recto{pointer-events:none}.tanto-sis__anillo{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--tilt))}.tanto-sis__anillo--0{--r:10%;--dur:74s;--tilt:70deg;--ct:.342;--d:clamp(20px, 3.1vw, 30px)}.tanto-sis__anillo--1{--r:15.5%;--dur:102s;--tilt:71.5deg;--ct:.317;--d:clamp(23px, 3.7vw, 36px)}.tanto-sis__anillo--2{--r:22%;--dur:138s;--tilt:73deg;--ct:.292;--d:clamp(24px, 3.9vw, 38px)}.tanto-sis__anillo--3{--r:30.5%;--dur:182s;--tilt:74.5deg;--ct:.267;--d:clamp(46px, 8.2vw, 82px)}.tanto-sis__anillo--4{--r:39%;--dur:232s;--tilt:76deg;--ct:.242;--d:clamp(38px, 6.6vw, 66px)}.tanto-sis__anillo--5{--r:47.5%;--dur:292s;--tilt:77.5deg;--ct:.216;--d:clamp(28px, 4.8vw, 48px)}.tanto-sis__linea{position:absolute;top:calc(50% - var(--r));left:calc(50% - var(--r));width:calc(var(--r) * 2);height:calc(var(--r) * 2);border:1px solid rgb(226 232 244 / .18);border-radius:50%;pointer-events:none}.tanto-sis__giro{position:absolute;inset:0;margin:0;padding:0;list-style:none;transform-style:preserve-3d;animation:sis-vuelta var(--dur) linear infinite}.tanto-sis__brazo{position:absolute;inset:0;transform-style:preserve-3d;transform:rotate(var(--a))}.tanto-sis__contra{position:absolute;left:50%;top:calc(50% - var(--r));width:0;height:0;transform-style:preserve-3d;animation:sis-vuelta var(--dur) linear infinite reverse}.tanto-sis__recto{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d;transform:rotate(calc(-1 * var(--a))) rotateX(calc(-1 * var(--tilt)))}.tanto-sis__carriles{pointer-events:none}.tanto-sis__anillo--1 .tanto-sis__giro,.tanto-sis__anillo--4 .tanto-sis__giro{animation-direction:reverse}.tanto-sis__anillo--1 .tanto-sis__contra,.tanto-sis__anillo--4 .tanto-sis__contra{animation-direction:normal}@keyframes sis-vuelta{to{transform:rotate(360deg)}}.tanto-sis__planeta{--p:calc(var(--d) * var(--k, 1));--noche:#423931;position:absolute;width:var(--p);height:var(--p);left:calc(var(--p) / -2);top:calc(var(--p) / -2);padding:0;border:0;background:none;cursor:pointer;pointer-events:auto;border-radius:50%;transition:box-shadow .4s ease}.tanto-sis__planeta::before{content:"";position:absolute;left:50%;top:50%;width:max(100%, 48px);height:max(100%, 48px);transform:translate(-50%,-50%);border-radius:50%;pointer-events:auto}.tanto-sis__planeta:focus-visible{outline:none}.tanto-sis__esfera{--mat:radial-gradient(circle at 50% 50%,
      var(--c1, #c9bcab) 0%,
      var(--c2, #6b6157) 82%,
      color-mix(in srgb, var(--c2, #6b6157) 82%, #241a12) 100%);position:absolute;inset:0;border-radius:50%;overflow:hidden;isolation:isolate;transition:inset .35s cubic-bezier(.25,1,.5,1),box-shadow .4s ease;background-image:var(--mat)}.tanto-sis__textura{position:absolute;z-index:0;inset:-6%;width:112%;height:112%;max-width:none;border-radius:50%;object-fit:cover;pointer-events:none;user-select:none;transform:rotate(var(--vuelta-textura,0deg)) scale(var(--escala-textura,1));filter:saturate(.9) contrast(1.08) brightness(.92)}.tanto-sis__planeta--t0{--vuelta-textura:11deg;--escala-textura:1.04}.tanto-sis__planeta--t1{--vuelta-textura:67deg;--escala-textura:1.08}.tanto-sis__planeta--t2{--vuelta-textura:124deg;--escala-textura:1.03}.tanto-sis__planeta--t3{--vuelta-textura:193deg;--escala-textura:1.07}.tanto-sis__planeta--t4{--vuelta-textura:251deg;--escala-textura:1.02}.tanto-sis__planeta--t5{--vuelta-textura:317deg;--escala-textura:1.06}.tanto-sis__esfera::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle at var(--luz-x,38%) var(--luz-y,42%),rgb(255 250 238 / .3) 0%,rgb(255 246 226 / .14) 16%,#fff0 39%),radial-gradient(circle at 50% 50%,#fff0 47%,rgb(0 0 0 / .06) 65%,rgb(0 0 0 / .24) 84%,rgb(0 0 0 / .62) 100%)}.tanto-sis__planeta--t0 .tanto-sis__esfera{background-image:linear-gradient(177deg,transparent 0 5%,rgb(0 0 0 / .26) 7% 13%,transparent 15% 21%,rgb(255 248 234 / .22) 23% 28%,transparent 30% 37%,rgb(0 0 0 / .32) 40% 51%,transparent 54% 61%,rgb(255 248 234 / .18) 63% 69%,transparent 72% 79%,rgb(0 0 0 / .24) 82% 88%,transparent 91% 100%),radial-gradient(24% 8% at 63% 45%,rgb(0 0 0 / .38) 0%,#fff0 76%),radial-gradient(40% 6% at 32% 62%,rgb(255 248 234 / .22) 0%,#fff0 80%),var(--mat)}.tanto-sis__planeta--t1 .tanto-sis__esfera{background-image:radial-gradient(ellipse 9% 9% at 34% 30%,rgb(0 0 0 / .46) 0 52%,rgb(255 250 238 / .24) 62% 76%,transparent 82%),radial-gradient(ellipse 6% 6% at 67% 57%,rgb(0 0 0 / .42) 0 50%,rgb(255 250 238 / .20) 62% 78%,transparent 84%),radial-gradient(ellipse 4% 4% at 48% 74%,rgb(0 0 0 / .38) 0 54%,rgb(255 250 238 / .18) 64% 80%,transparent 86%),radial-gradient(ellipse 3% 3% at 24% 56%,rgb(0 0 0 / .34) 0 58%,transparent 78%),radial-gradient(ellipse 3% 3% at 78% 34%,rgb(0 0 0 / .30) 0 58%,transparent 78%),radial-gradient(52% 38% at 26% 64%,rgb(0 0 0 / .30) 0%,#fff0 74%),radial-gradient(44% 32% at 74% 24%,rgb(255 248 234 / .20) 0%,#fff0 76%),var(--mat)}.tanto-sis__planeta--t2 .tanto-sis__esfera{background-image:radial-gradient(62% 13% at 28% 24%,rgb(0 0 0 / .36) 0%,#fff0 76%),radial-gradient(14% 48% at 58% 36%,rgb(0 0 0 / .26) 0%,#fff0 78%),radial-gradient(50% 11% at 72% 46%,rgb(255 250 238 / .32) 0%,#fff0 78%),radial-gradient(68% 16% at 42% 69%,rgb(0 0 0 / .32) 0%,#fff0 74%),radial-gradient(22% 40% at 84% 72%,rgb(0 0 0 / .28) 0%,#fff0 78%),radial-gradient(28% 42% at 14% 54%,rgb(255 250 238 / .22) 0%,#fff0 80%),var(--mat)}.tanto-sis__planeta--t3 .tanto-sis__esfera{background-image:radial-gradient(ellipse 4% 4% at 27% 21%,rgb(0 0 0 / .42) 0 60%,transparent 82%),radial-gradient(ellipse 3% 3% at 61% 17%,rgb(255 250 238 / .36) 0 60%,transparent 82%),radial-gradient(ellipse 5% 5% at 45% 41%,rgb(0 0 0 / .36) 0 60%,transparent 82%),radial-gradient(ellipse 3% 3% at 75% 51%,rgb(0 0 0 / .40) 0 60%,transparent 82%),radial-gradient(ellipse 4% 4% at 21% 63%,rgb(255 250 238 / .30) 0 60%,transparent 82%),radial-gradient(ellipse 3% 3% at 57% 77%,rgb(0 0 0 / .36) 0 60%,transparent 82%),radial-gradient(ellipse 2% 2% at 83% 31%,rgb(0 0 0 / .32) 0 62%,transparent 84%),radial-gradient(ellipse 3% 3% at 35% 86%,rgb(255 250 238 / .26) 0 60%,transparent 82%),radial-gradient(46% 34% at 66% 68%,rgb(0 0 0 / .20) 0%,#fff0 78%),var(--mat)}.tanto-sis__planeta--t4 .tanto-sis__esfera{background-image:radial-gradient(56% 14% at 50% 1%,rgb(255 252 244 / .52) 0%,#fff0 82%),radial-gradient(48% 12% at 50% 99%,rgb(255 252 244 / .40) 0%,#fff0 82%),radial-gradient(30% 27% at 31% 45%,rgb(0 0 0 / .42) 0%,#fff0 74%),radial-gradient(21% 18% at 69% 63%,rgb(0 0 0 / .36) 0%,#fff0 76%),radial-gradient(15% 13% at 58% 32%,rgb(0 0 0 / .28) 0%,#fff0 78%),radial-gradient(34% 9% at 46% 22%,rgb(255 252 244 / .26) 0%,#fff0 80%),var(--mat)}.tanto-sis__planeta--t5 .tanto-sis__esfera{background-image:radial-gradient(19% 10% at 65% 57%,rgb(0 0 0 / .44) 0%,rgb(0 0 0 / .14) 64%,#fff0 80%),linear-gradient(176deg,transparent 0 4%,rgb(0 0 0 / .20) 5% 8%,transparent 9% 14%,rgb(255 248 234 / .16) 15% 18%,transparent 19% 26%,rgb(0 0 0 / .22) 28% 33%,transparent 34% 42%,rgb(0 0 0 / .16) 44% 47%,transparent 48% 56%,rgb(255 248 234 / .14) 58% 62%,transparent 63% 71%,rgb(0 0 0 / .20) 73% 78%,transparent 79% 86%,rgb(0 0 0 / .14) 88% 92%,transparent 93% 100%),var(--mat)}.tanto-sis__esfera{--nubes:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cfilter id='n' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.014 0.05' numOctaves='5' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--grano:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cfilter id='g' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}.tanto-sis__esfera::before{content:"";position:absolute;inset:0;pointer-events:none;transform:rotate(var(--vuelta-grano,0deg));background-image:var(--grano),var(--nubes);background-size:100% 100%;background-blend-mode:soft-light;z-index:1;mix-blend-mode:soft-light;opacity:var(--relieve,.16)}.tanto-sis__planeta--t0 .tanto-sis__esfera::before{--vuelta-grano:17deg;--relieve:.17}.tanto-sis__planeta--t1 .tanto-sis__esfera::before{--vuelta-grano:74deg;--relieve:.14}.tanto-sis__planeta--t2 .tanto-sis__esfera::before{--vuelta-grano:131deg;--relieve:.16}.tanto-sis__planeta--t3 .tanto-sis__esfera::before{--vuelta-grano:208deg;--relieve:.18}.tanto-sis__planeta--t4 .tanto-sis__esfera::before{--vuelta-grano:265deg;--relieve:.13}.tanto-sis__planeta--t5 .tanto-sis__esfera::before{--vuelta-grano:322deg;--relieve:.15}.tanto-sis__planeta::after{content:"";position:absolute;inset:-4.5%;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,transparent 0 91%,color-mix(in srgb,var(--c1,#c9bcab) 20%,transparent) 94%,color-mix(in srgb,var(--c1,#c9bcab) 7%,transparent) 97%,transparent 100%)}.tanto-sis__luz{position:absolute;inset:-2px;z-index:2;pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(var(--ang,90deg),#fff 0,color-mix(in srgb,#fff 94%,var(--noche)) calc(var(--corte, 50%) * .42),color-mix(in srgb,#fff 78%,var(--noche)) calc(var(--corte, 50%) * .68),color-mix(in srgb,#fff 50%,var(--noche)) calc(var(--corte, 50%) * .86),color-mix(in srgb,#fff 18%,var(--noche)) calc(var(--corte, 50%) * .96),var(--noche) var(--corte,50%),var(--noche) 100%)}.tanto-sis__planeta:hover,.tanto-sis__planeta:focus-visible{box-shadow:0 0 26px rgb(255 190 120 / .4)}.tanto-sis__planeta:hover .tanto-sis__esfera,.tanto-sis__planeta:focus-visible .tanto-sis__esfera{inset:-8%}.tanto-sis__planeta[aria-pressed="true"]{box-shadow:0 0 0 2px rgb(255 214 170 / .6),0 0 40px rgb(255 190 120 / .62)}.tanto-sis__rotulo{position:absolute;left:50%;top:calc(100% + 9px);transform:translateX(-50%);white-space:nowrap;font-family:"Instrument Sans",sans-serif;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 1px 6px rgb(0 0 0 / .9);opacity:0;transition:opacity .3s ease;pointer-events:none}.tanto-sis__planeta:hover .tanto-sis__rotulo,.tanto-sis__planeta:focus-visible .tanto-sis__rotulo{opacity:1}.tanto-sis.is-parado .tanto-sis__giro,.tanto-sis.is-parado .tanto-sis__contra{animation-play-state:paused}.tanto-sis__ficha{position:relative;min-height:128px;margin-top:clamp(14px, 2.5vw, 26px);padding:0 var(--col-pad,24px);display:grid;place-items:center}.tanto-sis__pista{margin:0;text-align:center;font-family:"Instrument Sans",sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgb(255 255 255 / .42);transition:color .3s ease}.tanto-sis__pista.is-material{color:rgb(255 255 255 / .9);font-size:13px;letter-spacing:.2em}.tanto-sis__cuerpo{display:flex;align-items:center;justify-content:center;gap:clamp(14px, 2.4vw, 26px);animation:sis-entra .45s cubic-bezier(.25,1,.5,1)}.tanto-sis__cuerpo[hidden]{display:none}@keyframes sis-entra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.tanto-sis__cuerpo-foto{width:clamp(74px, 9vw, 108px);height:auto;border-radius:50%;box-shadow:0 0 30px rgb(255 190 120 / .3)}.tanto-sis__cuerpo-txt{display:grid;gap:3px}.tanto-sis__cuerpo-nombre{font-family:"Bodoni Moda",Georgia,serif;font-size:clamp(19px, 2.2vw, 27px);color:#fff;line-height:1.15}.tanto-sis__cuerpo-precio{font-size:13px;color:rgb(255 255 255 / .6)}.tanto-sis__cuerpo-enlace{justify-self:start;margin-top:5px;font-family:"Instrument Sans",sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-decoration:none;border-bottom:1px solid rgb(255 255 255 / .45);padding-bottom:2px}.tanto-sis__cuerpo-enlace:hover{border-bottom-color:#fff}.tanto-sis__cuerpo-cerrar{align-self:center;margin-left:-6px;padding:6px 8px;border:0;background:none;cursor:pointer;font-family:"Instrument Sans",sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgb(255 255 255 / .45)}.tanto-sis__cuerpo-cerrar:hover{color:#fff}@media (max-width:760px){.tanto-sis__escena{width:82vw}.tanto-sis__sol{--sol:clamp(28px, 8.4%, 44px)}.tanto-sis__rotulo{font-size:10px;letter-spacing:.06em}.tanto-sis__planeta::before{width:max(100%, 36px);height:max(100%, 36px)}.tanto-sis__cuerpo{flex-wrap:wrap;text-align:center}.tanto-sis__cuerpo-txt{justify-items:center}.tanto-sis__cuerpo-enlace{justify-self:center}}@media (prefers-reduced-motion:reduce){.tanto-sis__giro,.tanto-sis__contra,.tanto-sis__sol-luz{animation:none}.tanto-sis__cuerpo{animation-duration:.01ms}}