@property --giro{syntax:"<angle>"; inherits:false; initial-value:210deg}@property --luz{syntax:"<number>"; inherits:false; initial-value:0}:root{--resorte:linear(0, .037, .128, .249, .382, .51, .634, .742, .834, .907, .962, 1.003, 1.031, 1.047, 1.056, 1.057, 1.055, 1.049, 1.042, 1.035, 1.027, 1.02, 1.014, 1.009, 1.005, 1.002, 1, .998, .997, .997, .997, .997, .997, .998, .998, .998, .999, .999, 1, 1);--resorte-dur:.62s;--tornasol:conic-gradient(from var(--giro), var(--lav), var(--peach), var(--mint), var(--sky), var(--acento-medio), var(--lav))}@supports not (transition-timing-function:linear(0,1)){:root{--resorte:cubic-bezier(.34, 1.4, .64, 1)}}.btn.btn-tornasol,.btn.btn-tornasol--hover{position:relative;isolation:isolate}.btn.btn-tornasol,.btn.btn-tornasol--hover{background-image:linear-gradient(100deg,transparent 40%,rgba(255,255,255,calc(.16 * var(--luz))) 50%,transparent 60%),radial-gradient(44% 95% at 16% 128%,rgba(207,194,242,calc(.5 * var(--luz))),transparent 72%),radial-gradient(40% 90% at 52% 134%,rgba(182,228,200,calc(.4 * var(--luz))),transparent 72%),radial-gradient(44% 95% at 86% 128%,rgba(251,210,174,calc(.46 * var(--luz))),transparent 72%);background-size:260% 100%,100% 100%,100% 100%,100% 100%;background-position:100% 0,0 0,0 0,0 0;background-repeat:no-repeat;transition:transform var(--resorte-dur) var(--resorte),background-color .16s ease,box-shadow .3s var(--salida),--luz .35s var(--salida),background-position 0s}.btn.btn-tornasol:hover,.btn.btn-tornasol:focus-visible,.btn.btn-tornasol--hover:hover,.btn.btn-tornasol--hover:focus-visible{--luz:1;background-position:0 0,0 0,0 0,0 0;transition:transform var(--resorte-dur) var(--resorte),background-color .16s ease,box-shadow .3s var(--salida),--luz .35s var(--salida),background-position .9s var(--salida)}.btn-tinta.btn-tornasol{box-shadow:0 12px 26px -12px #26232f8c,0 0 22px -6px #7b6bbf8c}.btn-blanco.btn-tornasol,.btn-claro.btn-tornasol{box-shadow:0 10px 24px -12px #26232f59,0 0 22px -6px #cfc2f2e6}@supports (mask-composite:exclude) or (-webkit-mask-composite:xor){.btn-tornasol:after,.btn-tornasol--hover:after,.tornasol-destello:after{content:"";position:absolute;inset:-2px;padding:2px;border-radius:inherit;pointer-events:none;background:var(--tornasol);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.btn-tornasol:after{animation:fx-anillo-respira 6s ease-in-out infinite}.btn-tornasol:hover:after,.btn-tornasol:focus-visible:after{animation:fx-giro 3s linear infinite}.btn-tornasol--hover:after{opacity:0;transition:opacity .3s var(--salida);animation:fx-giro 3s linear infinite paused}.btn-tornasol--hover:hover:after,.btn-tornasol--hover:focus-visible:after{opacity:1;animation-play-state:running}.tornasol-destello:not(.btn-tornasol):after{animation:fx-destello-anillo .7s var(--salida) both}}.tornasol-destello{animation:fx-destello-halo .7s var(--salida)}@keyframes fx-giro{to{--giro:570deg}}@keyframes fx-anillo-respira{0%,to{opacity:1}50%{opacity:.72}}@keyframes fx-destello-anillo{0%{opacity:0;--giro:210deg}25%{opacity:1}70%{opacity:1}to{opacity:0;--giro:570deg}}@keyframes fx-destello-halo{0%{box-shadow:0 0 #cfc2f200}35%{box-shadow:0 0 0 4px #cfc2f28c,0 0 22px 2px #b6e4c880}to{box-shadow:0 0 0 10px #cfc2f200,0 0 22px 2px #b6e4c800}}.fx-fuera:after,.fx-oculta .btn-tornasol:after,.en-pausa .btn-tornasol:after,.en-pausa .btn-tornasol--hover:after{animation-play-state:paused!important}.orbe{--orbe:18px;position:relative;isolation:isolate;display:inline-block;flex:none;vertical-align:middle;width:var(--orbe);height:var(--orbe)}.orbe--chico{--orbe:14px}.orbe--grande{--orbe:40px}.orbe:before{content:"";position:absolute;inset:0;z-index:1;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff 0 9%,var(--acento-medio) 40%,var(--acento) 74%,var(--mio-a) 100%);box-shadow:0 0 0 1px #ffffff8c;animation:fx-orbe-respira 1.6s ease-in-out infinite}.orbe:after{content:"";position:absolute;inset:-45%;z-index:0;border-radius:50%;background:radial-gradient(closest-side,#cfc2f2d9,#cfc2f259 55%,#cfc2f200);animation:fx-orbe-halo 1.6s ease-in-out infinite}.orbe i{position:absolute;left:50%;top:50%;width:calc(var(--orbe) * .24);height:calc(var(--orbe) * .24);margin:calc(var(--orbe) * -.12);z-index:2;animation:fx-orbe-x 1.3s ease-in-out infinite alternate,fx-orbe-z 2.6s linear infinite}.orbe i:before{content:"";display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--lav) 60%,var(--acento-medio));animation:fx-orbe-y 1.3s ease-in-out -.65s infinite alternate}.orbe i+i{rotate:-38deg;animation-duration:1.7s,3.4s}.orbe i+i:before{background:radial-gradient(circle at 35% 30%,#fff,var(--peach) 60%,var(--acento-medio));animation-duration:1.7s;animation-delay:-.85s}@keyframes fx-orbe-respira{50%{transform:scale(1.07)}}@keyframes fx-orbe-halo{0%,to{transform:scale(.86);opacity:.65}50%{transform:scale(1.08);opacity:1}}@keyframes fx-orbe-x{0%{transform:translate(calc(var(--orbe) * -.75))}to{transform:translate(calc(var(--orbe) * .75))}}@keyframes fx-orbe-y{0%{transform:translateY(calc(var(--orbe) * -.22))}to{transform:translateY(calc(var(--orbe) * .22))}}@keyframes fx-orbe-z{0%{z-index:2;scale:1}25%{scale:1.18}49.9%{z-index:2;scale:1}50%{z-index:0;scale:1}75%{scale:.7}to{z-index:0;scale:1}}.orbes{display:inline-flex;align-items:center;gap:4px;height:14px;vertical-align:middle}.orbes i{width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 8%,var(--acento-medio) 45%,var(--acento));animation:fx-orbes 1.1s var(--resorte) infinite}.orbes i:nth-child(2){animation-delay:.14s}.orbes i:nth-child(3){animation-delay:.28s}@keyframes fx-orbes{0%,55%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-5px) scale(1.12)}}.fx-oculta .orbe:before,.fx-oculta .orbe:after,.fx-oculta .orbe i,.fx-oculta .orbe i:before,.fx-oculta .orbes i,.en-pausa .orbe:before,.en-pausa .orbe:after,.en-pausa .orbe i,.en-pausa .orbe i:before,.en-pausa .orbes i,.orbe.fx-fuera:before,.orbe.fx-fuera:after,.orbe.fx-fuera i,.orbe.fx-fuera i:before{animation-play-state:paused!important}.fx-carga{display:inline-grid;place-items:center}.btn.fx-carga{display:inline-grid}.fx-carga>.fx-carga-listo,.fx-carga>.fx-carga-trabajo{grid-area:1 / 1;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:opacity .18s ease,transform .3s var(--salida)}.fx-carga>.fx-carga-trabajo{opacity:0;visibility:hidden;transform:translateY(4px)}.fx-carga.fx-cargando>.fx-carga-listo{opacity:0;visibility:hidden;transform:translateY(-4px)}.fx-carga.fx-cargando>.fx-carga-trabajo{opacity:1;visibility:visible;transform:none}.fx-carga.fx-cargando{cursor:progress}.fx-resorte{transition:transform var(--resorte-dur) var(--resorte),background-color .16s ease,box-shadow .3s var(--salida)}@media (hover:hover) and (pointer:fine){.fx-resorte:hover,.btn-tornasol:hover{transform:translateY(-2px)}}.fx-resorte:active,.btn-tornasol:active,.btn-tornasol--hover:active{transform:translateY(0) scale(.965);transition:transform 90ms ease-out,background-color .16s ease,box-shadow .3s var(--salida)}[data-iman]{translate:var(--iman-x, 0) var(--iman-y, 0)}.fx-pop{animation:fx-pop var(--resorte-dur) var(--resorte) both}@keyframes fx-pop{0%{transform:scale(.6);opacity:.2}to{transform:scale(1);opacity:1}}.fx-confeti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:30;display:block}.fx-confeti--pantalla{position:fixed;z-index:90}@media (prefers-reduced-motion:reduce){.btn-tornasol:after,.btn-tornasol--hover:after,.tornasol-destello:after,.tornasol-destello,.fx-pop{animation:none!important}.btn-tornasol--hover:hover:after,.btn-tornasol--hover:focus-visible:after{opacity:1}.btn.btn-tornasol,.btn.btn-tornasol--hover,.btn.btn-tornasol:hover,.btn.btn-tornasol:focus-visible,.btn.btn-tornasol--hover:hover,.btn.btn-tornasol--hover:focus-visible{background-position:-200% 0,0 0,0 0,0 0}.fx-resorte:hover,.btn-tornasol:hover,.fx-resorte:active,.btn-tornasol:active,.btn-tornasol--hover:active{transform:none}[data-iman]{translate:none}.orbe:before,.orbe:after,.orbe i,.orbe i:before,.orbes i{animation:none!important}.orbe i{transform:translate(calc(var(--orbe) * .62),calc(var(--orbe) * -.5));z-index:2}.orbe i+i{rotate:none;transform:translate(calc(var(--orbe) * -.66),calc(var(--orbe) * .42));scale:.8}.fx-carga>.fx-carga-listo,.fx-carga>.fx-carga-trabajo{transform:none!important}.fx-confeti{display:none}}
