ion-icon{color:#fff!important}.statusBarItem{--background:transparent!important;text-align:right;padding:0;margin:0;line-height:14px;font-size:14px;color:#a4a4a4}.selectCardItem,.selectCardItem .cardHeader{padding:0!important;margin:0!important;width:100%;max-width:100%;min-width:100%;border:0}.selectCardItem .cardContent{padding:0;margin:0;border:0}.selectCardItem .cardVariant{--background:#161616}.selectCardItem .cardVariant:hover{--background:#040404}.loader_mini_mini{margin:0;position:relative;display:inline-block;margin-right:2px;margin-bottom:-1px}.procesando_audio{display:block}.no_procesando{display:none}#record{background:red;cursor:pointer;font-size:38px;line-height:80px;width:80px;height:80px;border-radius:50px;border-width:2px;border-style:solid;border-color:#fff;position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:2;padding:0!important}#continue ion-icon,#record ion-icon,#resetButton ion-icon,#stop ion-icon{display:block!important;margin:auto!important;position:absolute;top:0;left:0;bottom:0;right:0}#stop{right:10%}#resetButton,#stop{background:#444;cursor:pointer;font-size:32px;line-height:60px;width:60px;height:60px;border-radius:50px;border-width:2px;border-style:solid;border-color:#fff;position:fixed;bottom:30px;z-index:2;padding:0!important}#resetButton{left:10%}#continueButton,#programar{background:#444;cursor:pointer;font-size:32px;line-height:60px;width:60px;height:60px;border-radius:50px;border-width:2px;border-style:solid;border-color:#fff;position:fixed;bottom:30px;right:10%;z-index:2;padding:0!important}#continueButton span,#programar span,#record span,#resetButton span,#stop span{display:none;font-size:12px;position:absolute;top:-26px;left:50%;width:150%;height:12px;line-height:12px;transform:translateX(-50%);color:#fff}#continueButton:focus span,#continueButton:hover span,#programar:focus span,#programar:hover span,#record:focus span,#record:hover span,#resetButton:focus span,#resetButton:hover span,#stop:focus span,#stop:hover span{display:block}.recording .recording_animation,.stop .recording_animation{content:"";display:inline-block;left:50%;border-radius:50%;position:fixed;bottom:70px;z-index:4;width:200px;height:200px;margin:-100px}.recording .recording_animation:before{content:"";display:inline-block;left:50%;width:0;height:0;margin:0;border-radius:50%;background:hsla(0,0%,100%,.2);animation:recording_before 1.5s ease-in-out infinite;position:fixed;bottom:70px;z-index:2}.stop #soundClips{display:block}#soundClips,.procesando_audio #soundClips{display:none}.col_g{text-align:center}.col_g.col_g1,.col_g.col_g2,.col_g.col_g3{background:transparent}.logoutButtonCabina{bottom:0;left:0;right:0;margin:auto;text-align:center;border:none;border-radius:4px;cursor:pointer;font-size:16px;color:#fff}.new_main{width:96%;max-width:900px;margin:auto;position:relative}.nuevaVersion{width:60%;margin:auto;text-align:center;padding-top:25px;float:left}#instrucciones{width:40%;margin:auto;float:left;text-align:justify;font-size:12px;padding:15px 10px 10px 10px}#instrucciones h3,#instrucciones p{margin-top:0}#instrucciones p span{border-radius:3px;border-style:solid;border-width:0;border-color:#777;padding:1px 2px;background:#181818;font-weight:500;display:inline-block}#instrucciones p span ion-icon{margin-bottom:-2px}.soundwave{width:100%;display:none!important}.recording .soundwave{display:block!important}.recording #record,.stop #record{opacity:.3}.exito{display:none!important;position:fixed;z-index:20;border:0 solid #111;text-align:center;max-width:400px;max-height:400px;transform:translate(-50%,-50%);left:50%;top:25vh;height:90%;width:90%}.si_inst .exito{top:45vh}.exito p{margin:auto;display:block;top:45%;position:absolute;left:0;transform:translate(-50%,-50%);font-size:26px;width:100%;font-weight:700;animation:slideInText .8s ease 1.3s both;text-align:center;padding:0 12%;text-shadow:0 0 15px #000}.programmed .exito{display:block!important}.lista_canales{padding:10px}@media only screen and (min-width:767px){.top_button{display:none}#continueButton,#programar,#record,#resetButton,#stop{position:inherit;display:block;margin:auto;transform:translate(0)}.recording .recording_animation,.stop .recording_animation{left:50%;position:absolute;bottom:50%;z-index:2;width:125px;height:120px;margin:-60px}.recording .recording_animation:before{left:50%;animation:recording_before 1.5s ease-in-out infinite;position:absolute;bottom:50%}.col_g.col_g2{position:relative}.top_button2{position:absolute;right:0;top:0;padding:5px 7px;border-radius:4px;margin-top:5px}.top_button2 ion-icon{margin-right:3px;margin-bottom:-2px}.no_inst #instrucciones{display:none}.si_inst #instrucciones{display:block}.no_inst .nuevaVersion{position:relative;left:50%;transform:translateX(-50%)}.lista_canales{margin-bottom:50px}}@media only screen and (max-width:767px){.exito{top:45vh}.top_button2{display:none}.new_main{width:600px;max-width:94%}.new_main .nuevaVersion{display:none;width:100%;margin:auto}.new_main #instrucciones{display:block;width:100%;margin:auto;text-align:justify}.new_main_grabar .nuevaVersion{display:block}.new_main_grabar #instrucciones{display:none}.ir_a_grabar,.ver_instrucciones{color:#fff!important;background:#444!important}.new_main_instrucciones .ir_a_grabar{display:block!important}.new_main_instrucciones .ver_instrucciones{display:none!important}.new_main_grabar .ver_instrucciones{display:block!important}.new_main_grabar .ir_a_grabar{display:none!important}.top_button{position:absolute;right:0;top:0;padding:5px 7px;border-radius:4px;margin:15px 10px 0 0}.new_main{position:relative}.lista_canales{margin-bottom:200px}}@keyframes recording_before{80%{width:300px;height:300px;margin:-150px;opacity:0}to{opacity:0}}.fireworks-wrapper{width:15rem;height:15rem;z-index:5;top:50%;position:absolute;left:50%;transform:translate(-50%,-50%)}.paused svg path{animation:none!important;stroke-dashoffset:0!important}.firework{width:1rem;position:absolute}.firework.yellow svg path{stroke:#ffc125}.firework.yellow:first-child{transform:rotate(-45deg) translateY(-4rem)}.firework.yellow:nth-child(2){transform:rotate(-95deg) translateX(-4rem) translateY(-4rem)}.firework.yellow:nth-child(2) svg path{animation-delay:.6s}.firework.cyan{transform:rotate(-100deg) translateX(-8rem) translateY(-5rem)}.firework.cyan svg path{stroke:#6cf0f2;animation-delay:.7s}.firework.left{left:0}.firework.right{right:0}.firework.right.white{transform:rotate(45deg) translateY(-2rem) translateX(-5.5rem)}.firework.right.white svg path{stroke:#fff}.firework.right.cyan{transform:rotate(45deg) translateY(-4rem)}.firework.right.yellow{transform:rotate(115deg) translateY(-5rem) translateX(7rem)}.firework.figure{opacity:0;animation:hex .5s cubic-bezier(.165,.84,.44,1) 1.5s forwards}.firework.figure svg{animation:none}.firework.figure.hex{animation-name:hex}.firework.figure.square{animation-name:square;bottom:0}.firework.figure.triangle{animation-delay:1.6s;animation-name:triangle}.firework.figure.plus{animation-delay:1.6s;animation-name:plus}.firework.wave svg{animation:translateWaveWrapper 1.7s ease .9s forwards}.firework.wave svg path{stroke-dasharray:170;stroke-dashoffset:170;animation:dashOffset 1.7s ease .5s forwards}.firework.wave.large svg path{animation:dashOffsetLarge 1.7s ease .5s forwards;stroke-dasharray:335;stroke-dashoffset:335}.firework.line{width:9rem;overflow:hidden;opacity:0;clip-path:polygon(0 0,0 0,0 100%,0 100%);animation:dottedLineClip 1s ease 1.3s forwards}.firework.line svg{transform-origin:400% 400%;animation:dottedLineOutro 2s ease 1.6s forwards}.firework.line.top{top:-8rem;right:-5rem}.firework.line.left{top:0;bottom:0;left:-10rem;transform:rotateY(180deg) rotate(35deg)}.firework.line.bottom{top:130%;left:0;right:0;margin:auto;transform:rotateY(180deg) rotateX(180deg) rotate(-35deg)}@keyframes hex{0%{opacity:1;transform:translateX(8rem) translateY(0) scale(2) rotate(45deg)}99%{transform:translateX(0) translateY(-10rem) scale(.8);opacity:1}to{opacity:0}}@keyframes square{0%{opacity:1;transform:translateX(-1rem) translateY(1rem) scale(2) rotate(45deg)}99%{transform:translateX(-5rem) translateY(4rem) scale(.8);opacity:1}to{opacity:0}}@keyframes triangle{0%{opacity:1;transform:translateX(2rem) translateY(0) scale(2) rotate(45deg)}99%{transform:translateX(8rem) translateY(-4rem) scale(.8);opacity:1}to{opacity:0}}@keyframes plus{0%{opacity:1;transform:translateX(2rem) translateY(8rem) scale(2) rotate(45deg)}99%{transform:translateX(8rem) translateY(4rem) scale(.8);opacity:1}to{opacity:0}}.close-btn-wrapper{top:auto;bottom:1rem;z-index:9;width:2rem;height:2rem;animation:closeTranslate .5s linear 4s forwards}@keyframes clipReveal{0%{clip-path:circle(4vh at 50% 50%)}to{clip-path:circle(100% at 50% 50%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpLogo{0%{transform:translateY(0)}to{transform:translateY(-13.5rem)}}@keyframes waveReveal{to{stroke-dashoffset:0}}@keyframes sbExpandY{to{height:100%}}@keyframes sbExpandX{to{width:100%}}@keyframes sbOpacity{to{opacity:1}}@keyframes slideInText{0%{transform:translateY(50%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes dottedLineOutro{to{transform:rotate(45deg)}}@keyframes dottedLineClip{1%{opacity:1}to{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes translateWaveWrapper{0%{transform:translateY(0)}to{transform:translateY(-4rem)}}@keyframes dashOffset{50%{stroke-dashoffset:170}to{stroke-dashoffset:-170}}@keyframes dashOffsetLarge{50%{stroke-dashoffset:335}to{stroke-dashoffset:-335}}