@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");@font-face{font-family:Pokemon;src:url(/PocketMonk-15ze.ttf) format("truetype")}@font-face{font-family:Title;src:url(/SouthParkSmilieVersion-YVVO.ttf) format("truetype")}:root{--base-white:#f5f5f5;--base-black:#333;--primary-color-theme-1:#ac90e9;--primary-active-color-theme-1:#f158f7;--primary-selected-color-1:#f759a2;--primary-color-btn-theme-1:#f75f59;--soft-box-shadow:0 0 5px #00000055;--med-box-shadow:0 0 10px #00000055;--hard-box-shadow:0 0 15px #00000055;--pokemon-font:"Pokemon","Poppins",sans-serif;--title-font:"Title","Poppins",sans-serif;--primary-font:"Poppins",sans-serif}.navBtn{position:fixed;top:10px;left:10px;display:flex;justify-content:center;align-items:center;padding:15px;background-color:var(--base-white);color:#fff;border:none;border-radius:20px;cursor:pointer;transition:all .25s;will-change:background-color,box-shadow;box-shadow:var(--soft-box-shadow);z-index:2;border:2px solid var(--base-white)}.navBtn svg{fill:var(--base-black);width:30px;height:30px;transition:fill .25s,transform .45s;will-change:fill}.navBtn:hover{background-color:var(--primary-active-color-theme-1);box-shadow:var(--hard-box-shadow);transform:translateY(-2px)}.navBtn:hover svg{fill:var(--base-white)}.navBtn svg.active{transform:rotate(-180deg)}.nav-content{position:fixed;background-color:var(--base-white);box-shadow:var(--soft-box-shadow);border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;top:80px;left:-10px;overflow:hidden;transition:all .25s;pointer-events:none;will-change:background-color,box-shadow,top;opacity:0;z-index:1}.nav-content h1::selection,a::selection{background-color:transparent}.nav-content h1{cursor:default;color:var(--base-black);font-size:22px;padding:20px 20px 10px;color:var(--primary-color-theme-1)}.nav-content a,.nav-content h1{font-family:var(--primary-font)}.nav-content a{color:var(--base-black);text-decoration:none;padding:20px 30px;width:100%;text-align:center;transition:all .25s;will-change:background-color,color;font-weight:700}.nav-content a:hover{background-color:var(--primary-active-color-theme-1);color:var(--base-white)}.nav-content.active{left:10px;opacity:1;pointer-events:all}.nav-content a.active{background-color:var(--primary-selected-color-1);color:var(--base-white)}.loadingContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;top:0;left:0;z-index:100}.loadingContainer .loadingTitle{font-size:20px;font-family:var(--primary-font);color:var(--base-black);margin:10px 0 0}.loadingContainer .loadingImg{width:100px}.pokemonContainer{z-index:1000;opacity:.9;position:fixed;top:10px;right:10px;flex-direction:column;background-color:var(--base-white);box-shadow:var(--med-box-shadow);cursor:pointer;border-radius:20px;padding:20px;transition:background-color .25s,box-shadow .25s,transform .25s;will-change:background-color,box-shadow,transform}.pokemonContainer,.pokemonContainer .imgContainer{display:flex;justify-content:center;align-items:center}.pokemonContainer .imgContainer{width:120px;height:120px;margin-bottom:10px}.pokemonContainer .pokemonImg{object-fit:cover;width:130px;height:130px;border-radius:50%}.pokemonContainer .pokemonImg::selection{background-color:transparent}.pokemonContainer .pokemonName{font-size:30px;font-family:var(--pokemon-font);color:var(--base-black)}.pokemonContainer .pokemonName::selection{background-color:transparent}.pokemonContainer:hover{box-shadow:var(--hard-box-shadow);transform:translateY(-3px)}.reload{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;border-radius:20px;height:100%;opacity:0;cursor:pointer;transition:opacity .25s}.reload:hover{opacity:.9}.reload .relContainer{display:flex;width:100%;height:100%;-webkit-backdrop-filter:blur(1000px);backdrop-filter:blur(1000px);background-color:var(--primary-active-color-theme-1);color:var(--base-white);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;font-family:var(--primary-font);border:2px solid var(--base-white)}.reload .relContainer p::selection{background-color:transparent}.reload .relContainer svg{width:30px;height:30px;fill:var(--base-white)}*{margin:0;padding:0;box-sizing:border-box}.container{background-color:var(--primary-color-theme-1)}.title{font-family:var(--primary-font);color:var(--base-white);font-weight:bolder;text-align:center;margin-bottom:40px}.title::selection{background-color:var(--primary-selected-color-1);color:var(--base-white)}.title span{background-color:var(--base-black);padding:0 10px;border-radius:10px;margin-left:-5px;color:var(--primary-selected-color-1);font-weight:bolder}.title span::selection{background-color:transparent}.container .inputContainer{margin-top:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.container .inputContainer p{font-size:30px;font-weight:bolder;margin-bottom:20px;color:var(--base-white);font-family:var(--primary-font)}.container .inputContainer p::selection{background-color:var(--primary-selected-color-1);color:var(--base-white)}.container .inputContainer p span::selection{background-color:transparent}.container .inputContainer p br::selection{background-color:transparent}.container .inputContainer p span{font-weight:bolder;margin-bottom:10px;color:var(--primary-selected-color-1);background-color:var(--base-black);padding:0 10px;margin-left:-3px}.container .inputContainer p span,.container .inputContainer textarea{box-shadow:var(--soft-box-shadow);border-radius:10px;font-family:var(--primary-font)}.container .inputContainer textarea{padding:10px;width:500px;height:150px;background-color:#f5f5f577;resize:none;margin-bottom:15px;font-size:1.2rem;outline:none;border:5px solid var(--primary-color-btn-theme-1);will-change:background-color,box-shadow,transform;transition:all .25s}.container .inputContainer textarea:focus{border:5px solid var(--primary-active-color-theme-1);box-shadow:var(--hard-box-shadow);background-color:var(--base-white);transform:scale(1.05)}.container .inputContainer button{padding:10px 20px;background-color:var(--primary-color-btn-theme-1);color:var(--base-white);border:none;display:flex;justify-content:center;align-items:center;border-radius:10px;font-size:1.2rem;font-family:var(--primary-font);box-shadow:var(--soft-box-shadow);cursor:pointer;will-change:background-color,box-shadow,transform;transition:all .25s}.container .inputContainer button svg{fill:var(--base-white);width:30px;height:30px;transition:fill .25s;will-change:fill}.container .inputContainer button:hover{background-color:var(--primary-active-color-theme-1);box-shadow:var(--hard-box-shadow);transform:scale(1.05)}.container.moveUp{justify-content:start}.results{margin-top:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.results h1{font-size:30px;font-weight:bolder;box-shadow:var(--med-box-shadow);margin-bottom:20px;color:var(--base-white);background-color:var(--base-black);padding:5px 15px;border-radius:20px;font-family:var(--primary-font)}.results h1::selection{background-color:var(--primary-selected-color-1);color:var(--base-white)}.results .tabla{display:grid;width:600px;box-shadow:var(--med-box-shadow);border-radius:10px;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;overflow:hidden}.results .tabla .firstRow{font-size:15px;font-weight:bolder;color:var(--base-white);background-color:var(--base-black);padding:10px 20px;text-align:center;font-family:var(--primary-font)}.results .tabla .firstRow::selection{background-color:var(--primary-selected-color-1);color:var(--base-white)}.results .tabla .middle{font-size:15px;font-weight:700;color:var(--base-black);background-color:var(--base-white);padding:10px 20px;text-align:center;font-family:var(--primary-font)}.results .tabla .middle::selection{background-color:var(--primary-selected-color-1);color:var(--base-white)}.results .tabla .lastRow{font-size:15px;font-weight:700;color:var(--base-white);background-color:var(--primary-selected-color-1);padding:10px 20px;text-align:center;font-family:var(--primary-font)}.results .tabla .lastRow::selection{background-color:var(--base-white);color:var(--base-black)}.datosEstadisticos{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-gap:20px;gap:20px}.datosEstadisticos,.datosEstadisticos p{align-items:center;justify-content:center}.datosEstadisticos p{font-size:20px;display:flex;flex-direction:column;background-color:var(--base-black);box-shadow:var(--med-box-shadow);padding:20px;border-radius:20px;font-weight:bolder;margin-bottom:20px;color:var(--base-white);font-family:var(--primary-font)}.datosEstadisticos p::selection{background-color:var(--primary-selected-color-1);color:var(--base-white)}.datosEstadisticos p span{font-weight:bolder;margin-bottom:10px;color:var(--primary-selected-color-1);background-color:var(--base-black);padding:0 10px;border-radius:10px;margin-left:-3px;font-family:var(--primary-font)}.datosEstadisticos p span::selection{background-color:var(--primary-selected-color-1);color:var(--base-white)}.container{position:relative;min-height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.container .title{font-size:30px;color:var(--base-white);position:relative}.container .title,.container .title select{font-weight:bolder;margin-bottom:20px;font-family:var(--primary-font)}.container .title select{font-size:25px;color:var(--primary-selected-color-1);background-color:var(--base-black);box-shadow:var(--med-box-shadow);border-radius:10px;padding:5px 10px;border:none;outline:none;margin-left:10px}.container .title select option{background-color:var(--base-black);color:var(--base-white);font-family:var(--primary-font);font-weight:bolder}.container .converter{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--base-white);padding:20px 30px;border-radius:20px;box-shadow:var(--hard-box-shadow)}.container .converter h2{font-size:30px;font-weight:bolder;margin-bottom:30px;color:var(--primary-selected-color-1);box-shadow:var(--med-box-shadow);background-color:var(--base-black);border-radius:20px;padding:10px 20px;font-family:var(--primary-font);position:relative}.container .converter .unitContainer{display:flex;flex-direction:row;justify-content:center;align-items:center}.container .converter .unitContainer .equalSign{display:flex;background-color:var(--base-black);border-radius:20px;padding:10px;justify-content:center;align-items:center;margin:0 20px;box-shadow:var(--med-box-shadow)}.container .converter .unitContainer .equalSign svg{width:70px;height:70px}.container .converter .unitContainer .equalSign svg path{fill:var(--base-white)}.container .converter .unitContainer .from,.to{display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:var(--soft-box-shadow);border-radius:10px}.container .converter .unitContainer .from input,.to input{font-size:20px;font-weight:bolder;color:var(--base-white);width:100%;border:none;border-bottom:2px solid var(--base-white);outline:none;background-color:var(--base-black);font-family:var(--primary-font);padding:5px 10px;border-radius:10px 10px 0 0;box-shadow:var(--med-box-shadow);transition:border-bottom-color .25s;will-change:bporder-bottom-color}.container .converter .unitContainer .from input:focus,.to input:focus{border-bottom-color:var(--primary-selected-color-1)}.container .converter .unitContainer .from input::-webkit-inner-spin-button,.to input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.container .converter .unitContainer .from select,.to select{font-size:20px;font-weight:bolder;color:var(--base-white);width:100%;border:none;outline:none;background-color:var(--base-black);font-family:var(--primary-font);border-radius:0 0 10px 10px;padding:5px 10px}.floatCalc{position:fixed;bottom:10px;left:10px;z-index:2000}.floatCalc .hide{opacity:0;position:absolute;pointer-events:none;left:-60px;bottom:40px;transform:scale(.9);transition:all .25s}.floatCalc .hide.active{opacity:1;pointer-events:all;left:-15px}.floatCalc .calcBtn{display:flex;width:60px;height:60px;justify-content:center;align-items:center;background-color:var(--base-white);border-radius:20px;cursor:pointer;transition:all .25s,transform .3s;will-change:background-color,box-shadow,transform;box-shadow:var(--soft-box-shadow);z-index:2;border:2px solid var(--base-white)}.floatCalc .calcBtn svg.active{transform:rotate(180deg)}.floatCalc .calcBtn svg{fill:var(--base-black);width:30px;height:30px;transition:fill .25s,transform .45s;will-change:fill}.floatCalc .calcBtn:hover{background-color:var(--primary-active-color-theme-1);box-shadow:var(--hard-box-shadow);transform:translateY(-3px)}.floatCalc .calcBtn:hover svg{fill:var(--base-white)}.calculadora{opacity:.9;background-color:#c7b5f1;padding:30px;border-radius:40px;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);z-index:2000}.calculadora,.keys{box-shadow:var(--soft-box-shadow)}.keys{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;margin:0 auto;background-color:#fff5;padding:20px;border-radius:20px}.calculadora .display{width:100%;position:relative;height:100px;margin-bottom:20px}.calculadora .display input{border-radius:20px;border:none;background-color:#fffb;font-size:20px;text-align:right;padding:10px 20px;font-family:var(--primary-font);font-weight:700;color:var(--base-black);word-wrap:break-word}.calculadora .display .after,.calculadora .display input{position:relative;cursor:pointer;height:100%;width:100%;box-shadow:var(--soft-box-shadow)}.calculadora .display .after{display:flex;justify-content:center;align-items:center;background-color:#fff4;border-radius:20px;transition:all .25s}.calculadora .display .after:hover{background-color:var(--base-black)}.calculadora .display .after:after{content:"Copiar";position:absolute;font-size:20px;width:100%;font-weight:700;height:100%;opacity:0;font-family:var(--primary-font);display:flex;justify-content:center;align-items:center;transition:opacity .25s;will-change:opacity;color:var(--base-white);border-radius:20px;background-color:#000a;z-index:2000}.calculadora .display .after:hover:after{opacity:1}.calculadora .keys button{display:flex;justify-content:center;align-items:center;width:100%;border:none;border-radius:15px;background-color:var(--base-white);-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);font-size:28px;cursor:pointer;box-shadow:var(--soft-box-shadow);transition:all .25s;font-family:var(--primary-font);font-weight:700;padding:10px 20px}.calculadora .keys button svg{width:30px;height:30px;color:var(--base-white);fill:var(--base-white)}.calculadora .keys button:nth-child(17),.calculadora .keys button:nth-child(18){grid-column:span 2;color:var(--base-white);background-color:var(--primary-color-btn-theme-1)}.calculadora .keys button:hover{background-color:var(--primary-selected-color-1);color:#fff;box-shadow:var(--hard-box-shadow);transform:scale(1.06)}.landContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;margin:0 auto;padding:0 20px}.landContainer .landTitle{font-size:50px;margin:60px 0 30px;font-weight:bolder;color:var(--base-white);font-family:var(--primary-font)}.landContainer .landContent{position:relative;background-color:#fff7;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);width:60%;border-radius:30px 30px 0 0;height:100%;box-shadow:var(--hard-box-shadow)}.landContainer .landContent,.landContainer .landContent .content{display:flex;overflow-y:auto;flex-direction:column;align-items:center}.landContainer .landContent .content{width:100%;padding:50px}.landContainer .landContent .content::-webkit-scrollbar{width:10px}.landContainer .landContent .content::-webkit-scrollbar-track{background-color:var(--primary-selected-color-1)}.landContainer .landContent .content::-webkit-scrollbar-thumb{background-color:var(--base-white)}.landContainer .landContent .explain{font-size:20px;position:relative;display:flex;justify-content:center;font-weight:bolder;align-items:center;margin-top:15px;background-color:var(--base-white);height:150px;width:100%;text-align:center;padding:70px 20px 10px;box-shadow:var(--med-box-shadow);border-radius:20px;color:var(--base-black);font-family:var(--primary-font);border:6px solid var(--primary-selected-color-1)}.landContainer .landContent .explain:nth-child(2){margin-top:70px}.landContainer .landContent .explain:first-child:after{content:"¿Qué es?";border-radius:20px;transform:rotate(10deg);top:-20px;right:-20px}.landContainer .landContent .explain:first-child:after,.landContainer .landContent .explain:nth-child(2):after{font-size:30px;font-weight:bolder;background-color:var(--base-black);box-shadow:var(--med-box-shadow);color:var(--primary-selected-color-1);padding:10px 20px;position:absolute;border:6px solid var(--primary-selected-color-1)}.landContainer .landContent .explain:nth-child(2):after{content:"¿Cómo se usa?";border-radius:20px;transform:rotate(-10deg);top:-25px;left:-20px}.landContainer .landContent .serviceCards{display:flex;justify-content:space-around;width:100%;margin-top:60px}.landContainer .landContent .serviceCards .card{display:flex;text-decoration:none;color:var(--base-black);font-family:var(--primary-font);font-weight:bolder;font-size:20px;flex-direction:column;justify-content:center;align-items:center;background-color:var(--base-white);padding:20px;border-radius:20px;box-shadow:var(--med-box-shadow);width:30%;border:6px solid var(--primary-selected-color-1);transition:all .25s}.landContainer .landContent .serviceCards .card:hover{transform:scale(1.1);color:var(--base-white);background-color:var(--primary-selected-color-1);box-shadow:var(--hard-box-shadow);border:6px solid var(--base-white)}.landContainer .landContent .serviceCards .card img{width:150px;border-radius:20px;border:6px solid var(--primary-selected-color-1);margin-top:10px;transition:all .25s}.landContainer .landContent .serviceCards .card:hover img{border:6px solid var(--base-white)}@media only screen and (max-width:1550px){.landContainer .landContent .explain:first-child,.landContainer .landContent .explain:nth-child(2){padding-top:80px}}