html,body{width:100%;height:100vh;overflow:hidden;margin:0;padding:0;font-family:"Roboto Slab",sans-serif;font-size:16px;font-weight:200;background:#fefefe;color:#4d4d4d}body{position:relative}div{margin:0;padding:0;box-sizing:border-box}textarea,select,input[type=text],input[type=email],input[type=password],input[type=button],input[type=submit]{-webkit-appearance:none;border-radius:10px;padding:10px;font-family:"Roboto Slab",sans-serif;resize:none}input:focus,select:focus,textarea:focus,button:focus{outline:none}table tr td{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}table{width:96%;border-collapse:collapse;padding:0;margin:0 auto}table th{text-align:left}h1,h2{padding:0 0 20px 0;margin:0;font-weight:500}.app-container{width:100%;height:100%;max-width:420px;margin:0 auto;overflow:hidden;position:relative;background-color:#fefefe}#app__header{position:fixed;top:0;left:0;right:0;z-index:10;height:80px;background-color:#fefefe}#app__header img{display:block;height:50px;width:auto;margin:15px auto;display:auto}#app__menus{position:fixed;bottom:0;left:0;right:0;z-index:10;height:60px;display:flex;justify-content:space-evenly;align-items:center;background:#4d4d4d}#app__menus>div{display:grid;grid-template-columns:repeat(5, 40px);-moz-column-gap:20px;column-gap:20px}#app__menus>div>div{position:relative;height:40px;width:40px;display:flex;align-items:center;justify-content:center}#app__menus>div>div span{z-index:2;position:absolute;display:block;width:12px;height:12px;top:-5px;right:0;overflow:visible}#app__menus>div>div svg{width:100%;height:100%}#app__screens{width:100%;height:calc(100% - 140px);margin:80px auto 60px}#app__screens .container{width:300%;height:100%;display:flex;align-items:flex-start;justify-content:space-evenly}#app__screens .container>div{width:33.3333333333%;height:100%;overflow:hidden;padding:20px}#app__status{position:absolute;top:0;left:0;width:100%;z-index:9999999;height:5%;padding:8px 0 3px 0;display:block}#app__confirm{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:9999999;display:none;align-items:center;justify-content:center}#app__confirm>div{padding:20px;border-radius:25px;width:80%;height:40%}#app__confirm>div span{display:block;width:100%;margin-bottom:10px;height:60%}#app__confirm>div button{display:inline-block;width:45%;margin:20px 2%;padding:10px}#app__confirm>div button.centered{margin:20px auto;display:block}#app__confirm>div>div{display:flex;justify-content:space-around}#tarjeta_login,#tarjeta_card,#tarjeta_foto,#tarjeta_password{width:100%;height:100%;display:none;align-content:center}#tarjeta_card{grid-template-rows:2fr 6fr 2fr 6fr 1fr;row-gap:3px}.tarjeta-mensajes{display:grid;grid-template-rows:30px auto;row-gap:10px}#screen__mensajes{height:100%;display:grid;grid-template-rows:auto 100px;row-gap:5%}.tarjeta-ofertas{display:grid;grid-template-rows:30px auto;row-gap:10px}.tarjeta-ofertas>div{overflow-y:scroll}h2{color:#2a9c8e;text-align:center}#app__screens .container{transform:translateX(0);transition:transform 400ms ease-in-out}#app__status{text-align:center;font-weight:500;font-size:.8rem;text-transform:uppercase;color:#fefefe;opacity:0;transition:opacity 300ms ease-in-out}#app__status.fadein{opacity:1}#app__status.bad{background:#ff4e4e}#app__status.good{background:#1ac81d}#app__status.notify{background:#4d4d4d}#app__confirm{background:rgba(0,0,0,.4)}#app__confirm>div{border-radius:25px;background:#fefefe}#app__confirm>div span{font-size:1.2rem;text-align:center}#app__confirm button{border:none;background-color:#4d4d4d;color:#fefefe;border-radius:7px;padding:6px}#app__menus>div>div img{pointer-events:none;width:90%;margin:5px 5%;filter:invert(1)}#app__menus>div>div.activo img{filter:invert(51%) sepia(35%) saturate(668%) hue-rotate(123deg) brightness(93%) contrast(102%)}#tarjeta_login,#tarjeta_card,#tarjeta_foto,#tarjeta_password{width:100%;height:100%;display:none}.form_elem{padding:10px;width:70%;min-width:240px;margin:0 auto;font-size:1.2rem}.form_elem.fe_compact{padding:5px 20px}.form_elem label{display:block;margin-bottom:5px}.form_elem input{width:100%;box-sizing:border-box;border:1px solid #ddd}.form_elem button{display:block;margin:0 auto;width:80px;height:80px;border-radius:40px;border:none;background-color:#4d4d4d;overflow:hidden;cursor:pointer}.form_elem button img{width:80%;margin:10px auto}.form_elem .input_error{background:#ffecec;color:red}.small-link{display:block;text-align:center;font-size:.9rem;cursor:pointer}.showpassword_holder{width:50%;margin-left:50%;text-align:right;font-size:1rem;color:#2a9c8e;cursor:pointer}#tarjeta_card{text-align:center}#tarjeta_card h3{margin:0;padding:0;font-size:1.6rem}.photo-frame{width:70%;max-width:220px;aspect-ratio:1/1;margin:0 auto;border-radius:50%;border:5px solid #2a9c8e;background:#eee;overflow:hidden}.photo-frame>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.qr-frame{width:70%;max-width:180px;aspect-ratio:1/1;margin:0 auto}.qr-frame>img{width:100%}.user-saldo{width:60%;max-width:200px;margin:5px auto;padding:10px;background-color:#2a9c8e;color:#fefefe;font-weight:700;border-radius:20px}.user-saldo.saldo-negativo{background-color:#ff4e4e}#tarjeta_photo>div:nth-child(2){width:200px;margin:0 auto 30px}#tarjeta_photo input[type=button]{border:none;background-color:#4d4d4d;color:#fefefe;border-radius:7px;padding:6px;width:48%;font-size:1.2rem}#tarjeta_photo input[type=button].inactivo{opacity:.5}#screen__mensajes{overflow:hidden}#screen__mensajes>div:nth-child(1){overflow-y:scroll}#screen__mensajes>div:nth-child(3){background-color:#f1f1f1;border-radius:10px}#screen__mensajes .msg-out,#screen__mensajes .msg-in{margin-bottom:5px}#screen__mensajes .msg-out>div:first-child,#screen__mensajes .msg-in>div:first-child{font-size:.8rem;font-weight:200;color:#2a9c8e}#screen__mensajes .msg-out>div:last-child,#screen__mensajes .msg-in>div:last-child{font-size:1.1rem;font-weight:500}#screen__mensajes .msg-out>div{text-align:right}#screen__mensajes textarea{width:98%;margin:0 auto;height:80px;border:none;background:none}#offers_dynamic img{max-width:100%;width:auto;height:auto}#offers_dynamic h1,#offers_dynamic h2,#offers_dynamic h3{color:#2a9c8e;text-align:left}#offers_dynamic p{text-align:justify}/*# sourceMappingURL=style.css.map */