@property --m3-a{syntax:"<angle>";inherits:true;initial-value:0deg}@property --m3-b{syntax:"<angle>";inherits:true;initial-value:0deg}@property --m3-A{syntax:"<angle>";inherits:true;initial-value:0deg}@property --m3-B{syntax:"<angle>";inherits:true;initial-value:0deg}@property --m3-tx{syntax:"<angle>";inherits:true;initial-value:0deg}@property --m3-ty{syntax:"<angle>";inherits:true;initial-value:0deg}.m3-escena{display:grid;place-items:center;perspective:1300px;pointer-events:none}.m3{isolation:isolate;--m3-tx:0deg;--m3-ty:0deg;--m3-metal:1;--m3-w:min(54vw,230px);--m3-prof:calc(var(--m3-w) * 0.001);width:var(--m3-w)}.m3,.m3 .m3-giro{position:relative}.m3 .m3-giro{--m3-a:24deg;--m3-b:0deg;--m3-A:calc(var(--m3-a) + var(--m3-tx));--m3-B:calc(var(--m3-b) + var(--m3-ty));width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--m3-B)) rotateY(var(--m3-A));--m3-d:calc(0.5 * sin(var(--m3-A)) + 0.2 * cos(var(--m3-A)) * sin(var(--m3-B)) + 0.84 * cos(var(--m3-A)) * cos(var(--m3-B)));--m3-luzF:calc(0.2 + 1.05 * max(0, var(--m3-d)));--m3-luzT:calc(0.2 + 1.05 * max(0, -1 * var(--m3-d)));--m3-luzC:calc(0.1 + 0.6 * max(var(--m3-d), -1 * var(--m3-d)))}.m3 .m3-cara{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(.5px)}.m3 .m3-cara img{display:block;width:100%;height:100%;filter:grayscale(var(--m3-metal)) contrast(1.25) brightness(var(--m3-luzF))}.m3 .m3-cara.m3-atras{transform:translateZ(calc(var(--m3-prof) * -19)) rotateY(180deg);opacity:clamp(0,calc(-12 * cos(var(--m3-A))),1)}.m3 .m3-cara.m3-atras img{filter:grayscale(var(--m3-metal)) contrast(1.25) brightness(var(--m3-luzT))}.m3 .m3-cara:after,.m3 .m3-cara:before{content:"";position:absolute;inset:0;-webkit-mask:var(--m3-marca) center /100% 100% no-repeat;mask:var(--m3-marca) center /100% 100% no-repeat}.m3 .m3-cara:before{background:linear-gradient(90deg,rgba(1,3,12,.92),rgba(1,3,12,.7) 30%,rgba(1,3,12,.2) 58%,transparent 78%)}.m3 .m3-cara.m3-atras:before{background:linear-gradient(270deg,rgba(1,3,12,.92),rgba(1,3,12,.7) 30%,rgba(1,3,12,.2) 58%,transparent 78%)}.m3:before{inset:-30% -45% -30% -10%;background:radial-gradient(ellipse 31% 42% at 66% 46%,rgba(61,214,245,.55),rgba(120,120,255,.3) 42%,rgba(155,123,255,.12) 68%,transparent 100%)}.m3:after,.m3:before{content:"";position:absolute;z-index:-1;pointer-events:none;opacity:0;filter:blur(16px);mix-blend-mode:screen}.m3:after{inset:-30% -10% -30% -45%;background:radial-gradient(ellipse 31% 42% at 34% 46%,rgba(155,123,255,.5),rgba(120,120,255,.28) 42%,rgba(69,201,255,.12) 68%,transparent 100%)}.m3 .m3-cara img.m3-tinte{position:absolute;inset:-12%;box-sizing:content-box;padding:12%;filter:saturate(1.2) brightness(calc(.5 + .75 * var(--m3-luzF))) drop-shadow(0 0 9px rgba(61,214,245,.85)) drop-shadow(0 0 24px rgba(155,123,255,.6));-webkit-mask:linear-gradient(105deg,transparent 38%,#000 50%,transparent 62%) 140% 0 /280% 100% no-repeat;mask:linear-gradient(105deg,transparent 38%,#000 50%,transparent 62%) 140% 0 /280% 100% no-repeat}.m3 .m3-cara.m3-atras img.m3-tinte{filter:saturate(1.2) brightness(calc(.5 + .75 * var(--m3-luzT))) drop-shadow(0 0 9px rgba(61,214,245,.85)) drop-shadow(0 0 24px rgba(155,123,255,.6))}.m3 .m3-cara:after{mix-blend-mode:screen;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);background-size:280% 100%;background-position:140% 0;background-repeat:no-repeat}.m3 .m3-capa{position:absolute;inset:0;transform:translateZ(calc(var(--m3-i) * var(--m3-prof) * -1));-webkit-mask:var(--m3-marca) center /100% 100% no-repeat;mask:var(--m3-marca) center /100% 100% no-repeat;background:linear-gradient(120deg,#9aa3b8,#e6ebf5);opacity:max(0,calc(.16 - .55 * max(cos(var(--m3-A)), -1 * cos(var(--m3-A)))));filter:brightness(calc(var(--m3-k) * var(--m3-luzC) * 1.4))}.m3:before{opacity:.4}@media (prefers-reduced-motion:no-preference){.m3:before{opacity:0;animation:m3-halo 10s linear infinite}.m3 .m3-cara img.m3-tinte{animation:m3-barrido 10s linear infinite}}@media (max-width:959px) and (prefers-reduced-motion:no-preference){.m3:after{animation:m3-halo-izq 10s linear infinite}.m3 .m3-cara img.m3-tinte{animation-name:m3-barrido-ida-vuelta}}@media (max-width:959px) and (prefers-reduced-motion:reduce){.m3:after{opacity:.4}}@media (min-width:960px) and (prefers-reduced-motion:no-preference){.m3 .m3-giro{animation:m3-giroY 14s linear infinite,m3-flota 5s ease-in-out infinite alternate;will-change:transform}.m3 .m3-cara:after{animation:m3-brillo 9s linear infinite}.m3 .m3-cara img.m3-tinte,.m3:before{animation-duration:14s;animation-delay:-1.5s}.m3:before{animation-name:m3-halo-doble}.m3 .m3-cara img.m3-tinte{animation-name:m3-barrido-doble}.m3 .m3-cara.m3-atras img.m3-tinte{animation-name:m3-barrido-doble-atras}}@keyframes m3-halo{0%{opacity:0;translate:14% 0}7%{opacity:1}24%{opacity:0;translate:-8% 0}to{opacity:0;translate:-8% 0}}@keyframes m3-barrido{0%{mask-position:140% 0;-webkit-mask-position:140% 0}24%{mask-position:-40% 0;-webkit-mask-position:-40% 0}to{mask-position:-40% 0;-webkit-mask-position:-40% 0}}@keyframes m3-halo-izq{0%,50%{opacity:0;translate:-14% 0}57%{opacity:1}74%{opacity:0;translate:8% 0}to{opacity:0;translate:8% 0}}@keyframes m3-barrido-ida-vuelta{0%{mask-position:140% 0;-webkit-mask-position:140% 0}24%,50%{mask-position:-40% 0;-webkit-mask-position:-40% 0}74%,to{mask-position:140% 0;-webkit-mask-position:140% 0}}@keyframes m3-halo-doble{0%{opacity:0;translate:14% 0}7%{opacity:1}24%{opacity:0;translate:-8% 0}50%{opacity:0;translate:14% 0}57%{opacity:1}74%{opacity:0;translate:-8% 0}to{opacity:0;translate:-8% 0}}@keyframes m3-barrido-doble{0%{mask-position:140% 0;-webkit-mask-position:140% 0}24%,49.9%{mask-position:-40% 0;-webkit-mask-position:-40% 0}50%{mask-position:140% 0;-webkit-mask-position:140% 0}74%,to{mask-position:-40% 0;-webkit-mask-position:-40% 0}}@keyframes m3-barrido-doble-atras{0%,49.9%{mask-position:-40% 0;-webkit-mask-position:-40% 0}50%{mask-position:-40% 0;-webkit-mask-position:-40% 0}74%,to{mask-position:140% 0;-webkit-mask-position:140% 0}}@keyframes m3-giroY{0%{--m3-a:0deg}to{--m3-a:360deg}}@keyframes m3-flota{0%{translate:0 -8px}to{translate:0 10px}}@keyframes m3-brillo{0%{background-position:140% 0}to{background-position:-40% 0}}.m3.m3-morado:before{background:radial-gradient(ellipse 31% 42% at 66% 46%,rgba(196,160,255,.7),rgba(150,110,255,.38) 42%,rgba(120,80,230,.15) 68%,transparent 100%)}.m3.m3-morado:after{background:radial-gradient(ellipse 31% 42% at 34% 46%,rgba(196,160,255,.65),rgba(150,110,255,.34) 42%,rgba(120,80,230,.15) 68%,transparent 100%)}.m3.m3-morado .m3-cara img.m3-tinte{filter:saturate(1.2) brightness(calc(.5 + .75 * var(--m3-luzF))) drop-shadow(0 0 9px rgba(196,160,255,.9)) drop-shadow(0 0 24px rgba(150,100,255,.65))}.m3.m3-morado .m3-cara.m3-atras img.m3-tinte{filter:saturate(1.2) brightness(calc(.5 + .75 * var(--m3-luzT))) drop-shadow(0 0 9px rgba(196,160,255,.9)) drop-shadow(0 0 24px rgba(150,100,255,.65))}.m3-regreso{position:fixed;inset:0;z-index:100;display:grid;place-items:center;align-content:center;gap:22px;text-align:center;background:linear-gradient(160deg,#020617,#04103a 48%,#020a26);color:#f0f4ff;animation:m3-regreso 2.6s ease-in-out both}.m3-regreso p{font-size:1.5rem;font-weight:800;letter-spacing:-.01em;max-width:18rem;padding-inline:16px}@keyframes m3-regreso{0%{opacity:0}12%{opacity:1}82%{opacity:1}to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:no-preference){.m3-regreso .m3-giro{animation:m3-giroY 2.4s ease-in-out 1 both}.m3-regreso .m3:before{animation:m3-halo-doble 2.4s linear 1 both}.m3-regreso .m3 .m3-cara img.m3-tinte{animation:m3-barrido-doble 2.4s linear 1 both}.m3-regreso .m3 .m3-cara.m3-atras img.m3-tinte{animation-name:m3-barrido-doble-atras}}@media (max-width:959px){.m3-regreso .m3-capa:not(:nth-child(4n)){display:none}}