.App{width:100%;padding:0 0 10vh;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;font-family:var(--font-main)}@media (max-width: 900px){.App{flex-direction:column}}.Title{width:90%;height:1.4em;max-width:var(--box-mw);margin:3rem auto;font-family:var(--font-main);font-size:clamp(1em,5vw,3em);text-align:center;font-weight:700;display:none;color:var(--color-text-blanco)}.Title:after{width:100%;height:1em;position:absolute;top:.7em;background-image:linear-gradient(0deg,var(--color-bg-negro) 60%,rgba(0,0,0,0) 100%)}@keyframes slideIn{0%{transform:translateY(10%);opacity:0}to{transform:translateY(0);opacity:1}}.Embajador{width:90%;max-width:var(--box-mw);margin:1rem auto;border:1px solid var(--color-bg-blanco-05);background-color:var(--color-bg-negro);border-radius:var(--box-border-radius);position:relative;overflow:hidden;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}@media (max-width: 900px){.Embajador{padding:2rem}}.Embajador-picture{position:absolute;width:100%;height:100%;filter:blur(2em);opacity:.4;top:0;left:0}.Embajador-info{max-width:1000px;position:relative;z-index:1;padding:5vh 0;text-align:center;color:var(--color-text-blanco)}.Embajador-title{font-size:clamp(1em,5vw,3em);font-weight:700;margin:0 0 1rem}@media (max-width: 900px){.Embajador-title{margin-bottom:2rem}}.Embajador-p{font-size:clamp(1em,5vw,1.1em);margin:0 0 1rem}@media (max-width: 900px){.Embajador-p{margin-bottom:2rem}}.Embajador-cupon{padding:.5em;border-radius:1rem;font-weight:600;transition:all .5s ease;cursor:copy}.Embajador-cupon:hover{background-color:var(--color-text-rojo)}.Embajador-a{width:fit-content;background-color:var(--color-bg-negro);margin:0 auto 1rem;padding:1em 2em;border-radius:var(--box-border-radius);border:1px solid var(--color-bg-blanco-05);transition:all .5s ease;font-weight:600}.Embajador-a:hover{background-color:#fff;border-color:var(--color-bg-negro);color:var(--color-bg-negro)}.Footer{width:100%;padding:3vh 0}.Footer-wrapper{width:90%;max-width:var(--box-mw);margin:auto;color:var(--color-text-blanco);display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:1em}.Footer-svg{width:4em;height:4em}.Header{width:90%;padding:2em 0;margin:2rem 0 0;border-radius:var(--box-border-radius);display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;gap:2em}.Header-btn{width:2rem;height:2rem;display:none;transition:all .5s ease}.Header-btn:hover{transform:scale(1.1)}.Header-btn:active{transform:scale(1)}.Header-btn .Downloads-svg--menu{width:2rem;height:2rem}.Header-none{display:none}.Header-cta{position:absolute;background-color:#fff;padding:.5em .7rem;font-weight:900;text-transform:uppercase;border-radius:.6em;z-index:1;top:-1em;left:-1em;transform:rotate(-25deg);animation:cta-fadein .3s ease-out 1 1s both}@media (max-width: 900px){.Header{position:relative;order:0}}.Header-wrapper{width:calc(100% - 4em);max-width:var(--box-mw);margin:0 auto;display:flex;flex-flow:row nowrap;justify-content:space-between;justify-content:center;align-items:center}.Header-a{max-width:6em}.Header-logo{width:100%;max-width:30em;display:flex;flex-flow:row;justify-content:center;align-items:center;gap:1rem;transition:all .5s ease;box-shadow:0 0 0 0 transparent;position:relative;font-size:50%}.Header-logo:hover{transform:scale(1.1)}.Header-logo:hover .Header-h1{box-shadow:1rem 1rem 1rem #000}.Header-logo:active{transform:scale(1)}.Header-logo:active .Header-h1{box-shadow:0 0 0 0 transparent}.Header-titulo{margin:0 0 2em;background-color:var(--color-text-rojo);display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:1em}.Header-h1{background-color:var(--color-text-rojo);padding:.5em .5em .6em;border-radius:.5em;display:inline-flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start;color:#fff;font-weight:900;font-size:clamp(1em,2.5vw,2em);text-transform:uppercase;transform:skew(-10deg);transition:all .5s ease}.Header-h1--pro{line-height:.8em;font-size:2.6em}.Header-h2{font-size:1.2em;font-weight:800;text-transform:uppercase;color:var(--color-text-blanco)}.Header-h2:before{content:"by ";display:inline;text-transform:lowercase;font-style:italic}.Header-nav{color:var(--color-text-blanco);font-size:1.1em}.Header-ul{display:flex;flex-flow:row nowrap;justify-content:end;gap:2rem}.Header-link{transition:all .5s ease}.Header-link.active{font-weight:700}.Header-link.active:after{transform:scaleX(1);background-color:var(--color-text-blanco)}.Header-link.active:active,.Header-link.active:hover{font-weight:700}.Header-link.active:active:after,.Header-link.active:hover:after{transform:scaleX(1)}.Header-link:hover{font-weight:600}.Header-link:hover:after{transform:scaleX(.7)}.Header-link:active{font-weight:700}.Header-link:active:after{transform:scaleX(1)}.Header-link:after{content:"";display:block;width:100%;height:.1em;background-color:gray;margin:.2rem 0 0;transition:all .5s ease;transform-origin:center;transform:scaleX(0)}@keyframes cta-fadein{0%{opacity:0;transform:rotate(-25deg) scale(2);box-shadow:1rem 1rem 1rem #000}50%{opacity:1}to{transform:rotate(-25deg) scale(1);box-shadow:0 0 #000}}.Contenido{width:90%;max-width:var(--box-mw);margin:2em 0;display:grid;grid-template-columns:.7fr 1.5fr;grid-template-columns:1fr 1.5fr;gap:1rem}@media (max-width: 900px){.Contenido{grid-template-columns:1fr}}.Contenido-col{height:calc(80vh - 4em);background-color:var(--bg-blanco);-webkit-backdrop-filter:blur(9rem);backdrop-filter:blur(9rem);overflow-x:hidden;border-radius:var(--box-border-radius);box-shadow:var(--bs-main);animation:slideIn 1s ease 1 both;display:flex;flex-flow:column}.Contenido-col::-webkit-scrollbar{width:.9375em}.Contenido-col::-webkit-scrollbar-track{background:var(--color-text-negro)}.Contenido-col::-webkit-scrollbar-thumb{background-color:var(--color-text-rojo);border-radius:var(--box-border-radius);transition:background-color .2s ease-in-out}.Contenido-col::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-azul)}.Contenido-col--btns{height:initial}@media (max-width: 900px){.Contenido-col--btns{display:none}}.Contenido-col--pre{background:var(--color-text-negro);padding:2em;border-radius:var(--box-border-radius);position:relative;cursor:pointer;overflow-x:hidden;animation-delay:.5s}.Contenido-col--pre:hover:before{-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);opacity:1}@media (max-width: 900px){.Contenido-col--pre{height:60dvh}}.Contenido-slide{width:100%;height:100%}@media (max-width: 900px){.Contenido-slide{width:300%;height:5rem;overflow-y:hidden}}.Contenido-ul{width:100%;height:100%;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;justify-content:space-between;align-items:flex-start;padding:2em;gap:.8em;font-size:.9em}@media (max-width: 1200px){.Contenido-ul{font-size:.8em;row-gap:0}}@media (max-width: 900px){.Contenido-ul{font-size:.8em;height:initial;width:100%;display:flex;white-space:nowrap}}.Contenido-li{width:100%}.Contenido-btn{width:100%;border-radius:var(--box-border-radius);display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:1em;font-weight:600;color:var(--color-text-negro);transition:all .5s ease;cursor:pointer}@media (min-width: 1400px){.Contenido-btn{justify-content:flex-start;align-items:center}}.Contenido-span{text-align:left;width:calc(100% - 5em)}.Contenido-checkbox{width:5em;min-height:2em;background-color:var(--color-text-gris);padding:.5em .5em .52em;border-radius:var(--box-border-radius);border:1px solid var(--color-text-gris);box-shadow:inset 0 0 .5em 0 var(--shadow-main);transition:all .5s ease;font-size:.7em;outline:none}.Contenido-checkbox:hover{background-color:#00000028}.Contenido-checkbox:after{content:"";width:1.8em;height:1.8em;background-color:var(--color-text-blanco);border-radius:50%;transition:all .5s ease;box-shadow:0 0 0 0 var(--shadow-main),inset 0 0 0 var(--color-bg-blanco)}.Contenido-checkbox.isChecked{background-color:var(--color-text-rojo);border:.0625rem solid var(--color-text-rojo)}.Contenido-checkbox.isChecked:after{transform:translate(120%);box-shadow:0 0 .5em 0 var(--shadow-main),inset 3px 3px .5em #fff}.Pre{font-size:1.4em}@media (max-width: 900px){.Pre{height:45vh}}.Code.Selector{color:#f80068}.Code.Llaves{color:#974492}.Code.Prop,.Code.Value{color:#57d3ea}.Code.Comment{color:var(--color-text-gris);display:block;margin:.5em 0 0}.Code.Comment-inline{display:inline}.Code.Br{display:block;height:.4em}.Code.Puntos,.Code.Prop-selector{color:#fff;margin:0}.Code.Tab-1{margin:0 0 0 1em}.Code.Tab-2{margin:0 0 0 2em}.Code.Tab-3{margin:0 0 0 3em}@media (max-width: 600px){.Code{font-size:.7em;white-space:nowrap}}.Copy{height:3em;background-color:var(--color-text-rojo);margin:1em;border-radius:var(--box-border-radius);color:var(--color-text-blanco);cursor:pointer;font-weight:600;font-size:1.2em;transition:all .3s ease}.Copy:hover{color:var(--color-text-blanco);background-color:var(--color-bg-negro)}.Copy:active{color:var(--color-text-negro);background-color:var(--color-text-verde)}@media (max-width: 900px){.Copy{padding:1rem;font-size:1em}}.Mobile{display:none}.Mobile-p{margin-bottom:1rem}@media (max-width: 600px){.Mobile{display:block;width:90%;background-color:var(--bg-blanco);padding:2rem;border-radius:var(--box-border-radius);order:0}}.Downloads{width:90%;max-width:var(--box-mw);margin:2em auto;display:grid;grid-template-columns:repeat(3,1fr)}@media (max-width: 900px){.Downloads{gap:2rem;grid-template-columns:repeat(1,1fr)}}@media (max-width: 600px){.Downloads{font-size:.8em}}.Downloads-li{position:relative}.Downloads-li:nth-of-type(1):after,.Downloads-li:nth-of-type(2):after{content:"";display:block;width:2px;height:100%;background-color:var(--color-text-blanco);position:absolute;right:0;top:0;border-radius:var(--box-border-radius)}@media (max-width: 900px){.Downloads-li:nth-of-type(1):after,.Downloads-li:nth-of-type(2):after{content:initial}}.Downloads-a{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:2em;font-size:1em}.Downloads-a:hover .Downloads-svg{transform:translate(0)}.Downloads-a:hover .Downloads-svg--yt{fill:var(--color-text-rojo)}.Downloads-a:hover .Downloads-svg--cat{fill:var(--color-text-cat)}.Downloads-a:hover .Downloads-svg--npm{filter:grayscale(0)}.Downloads-a:hover .Downloads-span{transform:translate(0) skew(0);opacity:1;transition-duration:.5s}.Downloads-a:hover .Downloads-span:nth-child(1){transition-delay:.1s}.Downloads-a:hover .Downloads-span:nth-child(2){transition-delay:.2s}.Downloads-a:hover .Downloads-span:nth-child(3){transition-delay:.3s}.Downloads-a:hover .Downloads-span:nth-child(4){transition-delay:.4s}.Downloads-svg{width:4em;height:4em;transition:all .5s ease;color:var(--color-text-blanco)}@media (max-width: 900px){.Downloads-svg{transform:translate(0)}}.Downloads-svg--npm{width:6em;filter:grayscale(1)}.Downloads-text{max-width:8em;display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start;font-weight:900;text-transform:uppercase;color:var(--color-text-blanco)}.Porque{width:100%;margin:2rem 0}.Porque-grid{width:90%;max-width:var(--box-mw);margin:0 auto;background-color:var(--bg-blanco);border-radius:var(--box-border-radius);overflow:hidden}@media (max-width: 600px){.Porque-grid{background-color:#fff}}.Info{padding:2em 2em 1em;border-top:var(--box-border);overflow:hidden;transition:all .3s ease-in-out;position:relative}.Info.isActive .Downloads-svg--arrow{transform:rotate(180deg) translateY(15px)}.Info-accordeon{width:100%;transition:all .5s ease-in-out;overflow:hidden;padding-bottom:1em;display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:2rem}@media (max-width: 600px){.Info-accordeon{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.Info:last-child{border-bottom:var(--box-border)}.Info-button{width:3rem;height:3rem;transition:all .5s ease-in-out;transform:scale(.6)}.Info-button:hover{transform:scale(.5)}.Info-button:active{transform:scale(.7)}.Info-header{color:var(--color-text-negro);display:grid;grid-template-columns:1fr 5rem}.Info-wrapper{width:100%}.Info .Downloads-svg--arrow{width:3rem;height:3rem;position:relative;top:-.5rem;right:-2em}.Info .Downloads-svg--arrow path{color:#000}.Info-h2{font-size:clamp(1em,5vw,1.8em);font-weight:700;margin-bottom:.6em}@media (max-width: 600px){.Info-h2{font-size:1.2em;display:flex;flex-flow:row wrap;justify-content:start;align-items:center}}.Info-p{width:100%;margin-bottom:1rem;font-size:clamp(1em,5vw,1.1em)}@media (max-width: 600px){.Info-p{font-size:1em}}.Info-p a{position:relative;font-weight:600}.Info-p a:hover:after{transform:scaleX(1)}.Info-p a:after{content:"";width:100%;height:2px;background-color:var(--color-text-rojo);position:absolute;bottom:-2px;left:0;transition:all .5s ease;transform:scaleX(0);transform-origin:left}.Info-img{border-radius:var(--box-border-radius);border:1px solid white;max-height:350px}@media (max-width: 600px){.Info-img{height:initial}}.Animation{width:100%;height:100%;position:fixed;top:0;left:0;z-index:-2;pointer-events:none;overflow:hidden}.Circle{--circle-box: 90vh;width:var(--circle-box);height:var(--circle-box);border-radius:50%;pointer-events:none;position:absolute;top:calc(50% - var(--circle-box) / 2);filter:blur(10rem);opacity:.2}.Circle--red{background-color:#57d3ea;left:0;left:calc(50% - var(--circle-box) / 2);animation:circle-red 10s ease infinite both}.Circle--green{right:0;animation:circle-green 10s ease infinite both}@keyframes circle-red{0%{transform:translate(0)}50%{transform:translate(20%)}to{transform:translate(0)}}@keyframes circle-green{0%{transform:translate(0)}50%{transform:translate(-20%)}to{transform:translate(0)}}.Tooltip{width:fit-content;padding:1rem;background-color:var(--color-bg-blanco);border-radius:var(--box-border-radius);box-shadow:var(--bs-main);display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;gap:1rem;position:fixed;top:2rem;left:calc(50% - 110px);z-index:2;transform:translateY(-200%);transition:all .3s ease-in}.Tooltip.isActive{transform:translateY(0)}.Tooltip-span{color:green}.Tooltip .Downloads-svg--copy{width:2rem;height:2rem;color:green;transform:translate(0)}.Comparacion{width:90%;max-width:var(--box-mw);margin:2em 0}.Comparacion-wrapper{display:grid;grid-template-columns:1fr 2fr;gap:2rem;transition:all .5s ease}.Comparacion-wrapper--min{grid-template-columns:2fr 1fr}@media (max-width: 900px){.Comparacion-wrapper{grid-template-columns:1fr}}.Comparacion-col{height:calc(80vh - 4em);background-color:var(--bg-blanco);-webkit-backdrop-filter:blur(9rem);backdrop-filter:blur(9rem);overflow-x:hidden;border-radius:var(--box-border-radius);box-shadow:var(--bs-main);animation:slideIn 1s ease 1 both;padding:2rem;display:flex;flex-flow:column}@media (max-width: 900px){.Comparacion-col--btns{height:initial}}.Comparacion-p{margin:0 0 1rem}.Comparacion-span{font-weight:600;display:block;margin:0 0 .5rem}.Comparacion-snap{scroll-snap-type:x mandatory;overflow-x:auto}@media (max-width: 600px){.Comparacion-snap{width:100%;position:relative;overflow-y:hidden}}.Comparacion-ul{display:grid;gap:1rem}@media (max-width: 600px){.Comparacion-ul{width:700%;grid-template-columns:repeat(7,1fr);animation:showButtons 1s ease-in-out 1 both}}.Comparacion-button{padding:1em;border:1px solid var(--color-bg-blanco);border-radius:var(--box-border-radius);background-color:var(--color-bg-blanco);transition:all .5s ease;scroll-snap-align:center}@media (max-width: 600px){.Comparacion-button{height:6rem}}.Comparacion-button:hover{border-color:var(--color-bg-gris);font-weight:600}.Comparacion-button:hover .Comparacion-arrow--before{transform:translate(1rem)}.Comparacion-button:hover .Comparacion-arrow--after{transform:translate(-1rem)}.Comparacion-button:hover .Comparacion-text{transform:scale(.9)}.Comparacion-button:hover.isActive .Comparacion-arrow--before{transform:translate(-1rem)}.Comparacion-button:hover.isActive .Comparacion-arrow--after{transform:translate(1rem)}.Comparacion-button:hover.isActive .Comparacion-text{transform:scale(1.1)}.Comparacion-button:active{border-color:var(--color-bg-gris);font-weight:700}.Comparacion-button.isActive{border-color:var(--color-text-rojo);background-color:var(--color-text-rojo);color:var(--color-bg-blanco);font-weight:700}.Comparacion-button--toggle{margin:0 0 1rem;border-color:var(--color-text-azul);display:flex;justify-content:center;align-items:center}.Comparacion-button--toggle.isActive{border-color:var(--color-text-azul);background-color:var(--color-text-azul);color:var(--color-bg-blanco)}@media (max-width: 900px){.Comparacion-button--toggle{display:none}}@media (max-width: 900px){.Comparacion-button{width:100%}}.Comparacion-arrow{display:block;transition:all .5s ease}.Comparacion-text{margin:0 1rem;display:block;transition:all .5s ease}.Codigo{background-color:#fff;animation-delay:.5s}.Codigo iframe{width:100%;height:100%}@keyframes showButtons{0%{transform:translate(0)}40%{transform:translate(-200px);animation-timing-function:cubic-bezier(.8,0,1,1)}60%{transform:translate(20px);animation-timing-function:cubic-bezier(0,0,.2,1)}80%{transform:translate(-10px)}to{transform:translate(0)}}:root{--color-bg-blanco: #fff;--color-bg-blanco-05: rgba(255,255,255,.5);--color-bg-negro: #282828;--color-bg-gris: #dcdcdc;--color-text-blanco: #fff;--color-text-rojo: red;--color-text-azul: #57d3ea;--color-text-verde: #57ea9e;--color-text-gris: grey;--color-text-negro: #282828;--color-text-cat: #6e5494;--shadow-main: rgba(0,0,0,.3);--bg-blanco: rgba(255,255,255,.95);--bs-main: 0 0 3em 0 var(--shadow-main);--font-main: "Montserrat" , Helvetica, Arial, sans-serif;--font-secondary: "Playfair Display" , Verdana , sans-serif;--box-border-width: 1px;--box-border-radius: 2rem;--box-border: var(--box-border-width) solid black;--box-mw: 1700px;--media-large: 1400px;--media-medium: 900px;--media-movil: 600px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}*,*:before,*:after{margin:0;padding:0;border:0;box-sizing:border-box;vertical-align:baseline}*:before,*:after{display:block}img,picture,video,iframe,figure{max-width:100%;width:100%;display:block;object-fit:cover;object-position:center center}a{display:block;text-decoration:none;color:inherit;font-size:inherit}p a{display:inline}li{list-style-type:none}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6,p,span,a,strong,blockquote,i,b,u,em,mark,pre,code{font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit;text-decoration:none;color:inherit;background-color:transparent}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}::selection{background-color:red;color:#fff}pre{white-space:break-spaces}form,input,textarea,select,button,label{font-family:inherit;font-size:inherit;line-height:inherit;-webkit-hyphens:auto;hyphens:auto;background-color:transparent;color:inherit;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none}button{cursor:pointer}table,tr,td{border-collapse:collapse;border-spacing:0}svg{width:100%;display:block;fill:currentColor}body{min-height:100vh;font-size:100%;font-family:var(--font-main);background-color:var(--color-bg-negro);-webkit-hyphens:auto;hyphens:auto;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}