.btn-cut-corner{background:#ff5722;text-align:center;font-size:1rem;color:#fff;font-weight:500;letter-spacing:.3px;position:relative;height:2rem;line-height:2rem}.btn-cut-corner:before{content:"";width:100%;height:0;position:absolute;top:0;left:0;border-bottom:4px solid #ff5722;border-left:4px solid #fff;border-right:4px solid #fff}.btn-cut-corner:after{content:"";width:100%;height:0;position:absolute;bottom:0;left:0;border-top:4px solid #ff5722;border-left:4px solid #fff;border-right:4px solid #fff}.btn-cut-corner:hover{cursor:pointer}.alt-primary-color{background:#14103d}.alt-secondary-color{background:#15a5d1}.alt-secondary-color:hover{background:#008abe}html{height:100%}html body{height:100%;overflow:hidden}html body #contenedor-general{position:relative;height:calc(100% - 30px);overflow:auto;color:var(--on-surface);background-color:var(--surface)}html body #contenedor-general .container{padding-top:2rem}html body #contenedor-general .container .responsive-img{max-width:450px;max-height:300px}html body #contenedor-general .container input:focus{border-bottom:1px solid var(--primary);box-shadow:0 1px 0 0 var(--primary)}html body #contenedor-general .container .input-field:focus{border-bottom:1px solid var(--primary);box-shadow:0 1px 0 0 var(--primary)}html body #contenedor-general .container .input-field i{position:absolute;right:15px;top:10px;color:rgba(0,0,0,.6)}html body #contenedor-general .info-nueva-clave{margin:15px 0;background:var(--surface-dim)}html body #contenedor-general .info-nueva-clave p{color:var(--on-surface);margin:5px 0;font-size:12px}html body #contenedor-general footer{max-height:150px;bottom:0;position:fixed;width:100%;z-index:-1}html body #contenedor-general footer img{max-height:150px;margin:0 auto;display:block}nav.top-nav{color:var(--on-secondary);background-color:var(--secondary)}nav i,nav i.material-symbols-outlined{display:block;font-size:18px;height:30px;line-height:30px}.btn{color:var(--on-primary);background-color:var(--primary)}.btn:hover{color:var(--on-primary);background-color:var(--primary)}@media only screen and (max-width: 600px){body #contenedor-general .container .responsive-img{max-width:90%}body #contenedor-general footer{max-height:100px;position:fixed}body #contenedor-general footer img{max-height:100px;max-width:90%}}