.compte-estadistiques,.compte-password,.perfil_cliente,.perfil_dades{display:inline-block;justify-content:space-between;position:relative;width:60%;padding:7px;margin-top:15px;margin-bottom:15px;margin-left:35px;max-width:400px;min-width:290px;height:90%;min-height:50%;vertical-align:top;border:1px solid red}.tab-content{display:none;height:auto;min-height:60dvh}.tab:last-of-type .tab-content,.tab:target .tab-content{display:block}.tab:target~.tab:last-of-type .tab-content{display:none}:root{--tabs-border-color:var(--color-referencia-cn);--tabs-border-size:1px;--tabs-text-color:white;--tabs-dark-color:white;--tabs-lite-color:white;--tabs-width:140px;--tabs-height:40px}body{line-height:1.2;width:100dvw}h2,p{margin:0}a{color:inherit;text-decoration:none}.tabs *{box-sizing:border-box}.tab-container{position:relative;padding-top:var(--tabs-height)}#tab1>a{--tabs-position:.5}#tab2>a{--tabs-position:1.5}#tab3>a{--tabs-position:2.5}#tab4>a{--tabs-position:3.5}#tab5>a{--tabs-position:4.5}.tab>a{text-align:center;position:absolute;width:calc(var(--tabs-width));height:calc(var(--tabs-height) + var(--tabs-border-size));top:0;left:calc(var(--tabs-width) * var(--tabs-position))}.tabs{padding:10px;color:var(--tabs-text-color)}.tab-content{background-color:var(--tabs-lite-color);padding:20px;border:var(--tabs-border-size) solid var(--tabs-border-color);border-radius:10px 10px 10px 10px;position:relative;z-index:100;min-width:calc(var(--tabs-width) * 7);height:50%}.tab>a{background-color:var(--tabs-dark-color);padding:10px;border:var(--tabs-border-size) solid var(--tabs-border-color);border-radius:10px 10px 0 0;border-bottom:0;color:#bbb;border:1px}.tab:last-of-type>a,.tab:target>a{background-color:var(--tabs-lite-color);color:var(--color-referencia-cn);font-weight:700;letter-spacing:2px;z-index:200;border-color:#000;border:var(--tabs-border-size) solid var(--tabs-border-color);border-bottom:none}.tab:target~.tab:last-of-type>a{background-color:var(--tabs-dark-color);z-index:0;color:#bbb;border:1px solid transparent;letter-spacing:normal;font-weight:400}.tab:target~.tab:last-of-type>a:hover,.tab>a:hover{text-decoration:underline;color:#000}.tab:last-of-type>a:hover,.tab:target>a:hover{text-decoration:none;color:var(--color-referencia-cn)}#boto_guardar_compte{width:250px;margin-right:0}.div_radio{margin-left:20px;width:200px}.div_radio label{display:inline-block;color:#00008b;width:91%;font-size:1em}.div_radio input[type=radio]{display:inline-block;width:8%;min-width:15px}.div_radio label:hover{color:#00f}.div_radio_credits{margin:auto;width:400px}.radio_opcio{border:1px solid green;margin-top:20px;border-radius:8px;height:40px}.div_radio_credits label{display:inline-block;color:#00008b;width:150px;height:30px;font-size:1em;margin-left:40px}.div_radio_credits input[type=radio]{display:none}.radio_opcio:hover{background-color:#b6f5b6;cursor:pointer;box-shadow:3px 3px 6px #000}.div_radio_credits span{display:inline-block;font-weight:700;font-size:1.4em;width:160px;height:30px;text-align:right;padding-right:20px;padding-top:8px;color:green}.radio-simple{color:green!important;font-size:1.4em!important;padding-left:30px!important}.scompra-credits{display:block;margin:15px auto;width:80%;min-height:70px;padding:12px;background-color:#ff0}.compra-credits b,.compra-credits p{color:#7e6ce4;font-size:1em;letter-spacing:1px;line-height:20px}.compra-credits b{font-weight:700;color:green!important;letter-spacing:2px}.compra-credits span{display:block;margin:10px auto;padding:10px;width:200px;line-height:35px;border:1px solid transparent;box-shadow:2px 2px 5px #000;border-radius:8px;background-color:#fff}.compra-credits span:hover{background-color:#c3ffc3;cursor:pointer}.seleccionar-periode{text-align:center}.obtenir-credits{display:block;margin:4% auto;width:90%;border:1px solid transparent;text-align:center;padding-top:0;margin-top:0}.obtenir-credits i{display:block;position:relative;color:#f8ee62;margin:3% auto;margin-bottom:25px}.obtenir-credits label{color:green;font-size:1.3em}.seleccionar-periode input,.seleccionar-periode select{display:inline-block;margin:10px auto;position:relative;width:auto;font-size:1.3em;text-align:center;border:1px solid var(--color-titols);background-color:#edf8dc}#proteccio-de-dades{display:block;width:45%;height:70%;min-width:390px;margin:auto;border:1px silod var(--color-referencia-cn);border-radius:2%;text-align:justify;overflow-y:auto}.modal-comprar{display:block;margin:auto;overflow-y:auto;overflow:auto;margin-top:5%;z-index:99999;box-sizing:border-box;padding:20px;width:400px;max-width:80%;overflow-x:hidden;background-color:#fff;border-radius:6px;border:2px solid var(--color-border-clar);box-shadow:rgba(0,0,0,.25) 0 54px 55px,rgba(0,0,0,.12) 0 -12px 30px,rgba(0,0,0,.12) 0 4px 6px,rgba(0,0,0,.17) 0 12px 13px,rgba(0,0,0,.09) 0 -3px 5px}.modal-comprar p{display:inline-block;width:110px;margin-left:20px;margin-top:10px;text-align:right;color:green;border:1px solid transparent}.modal-comprar label{color:var(--color-referencia-cn);font-size:1.1rem}@media screen and (max-width:480px){.modal-comprar{font-size:14px}.modal-comprar input{width:100%}}.modal-comprar span{display:inline-block;width:330px;margin-left:10px;margin-top:10px;text-align:left;color:#000;border:1px solid transparent}.contenidor_registre_confirmat{position:relative;width:55%;min-width:390px;bottom:0;left:0;right:0;margin:auto;margin-top:20px;height:auto;min-height:500px;border:1px solid transparent;border-radius:15px}.contenidor_registre_confirmat h3{text-align:center;padding-bottom:11px}.item--compte{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:auto}.div-accions{display:inline-flex;justify-content:center;width:98%;position:relative;border:1px solid transparent}.div-accions span{text-align:center}.input-readonly input:read-only{text-align:center;font-size:1.1em;border:1px solid var(--color-border-clar);background-color:var(--color-bg-menus);color:var(--color-titols)}.taula-factures{margin-top:25px;border:1px solid #ddd;border-radius:6px;padding:10px;max-height:calc(18 * 2.4em);overflow-y:auto;background:#fff}.taula-factures::-webkit-scrollbar{width:8px}.taula-factures::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.taula-factures::-webkit-scrollbar-thumb:hover{background:#999}.taula-factures table{width:100%;border-collapse:collapse}.taula-factures thead th{position:sticky;top:0;background:var(--color-border-clar);z-index:2}.taula-factures td,.taula-factures th{padding:6px 10px;border-bottom:1px solid #ddd}.taula-factures th{background:var(--color-border-clar);text-align:left;font-size:10px}.fila-factura{cursor:pointer;transition:background .2s}.fila-factura:hover{background:#d3f5e0!important;color:green}.login-loader{margin-top:15px;text-align:center}.spinner{width:26px;height:26px;border:3px solid #cde3d9;border-top-color:#1a936f;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.modal-canvi{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.45)}.modal-contingut{background:#fff;margin:10% auto;padding:25px 25px 20px;border-radius:8px;width:340px;box-shadow:0 0 15px rgba(0,0,0,.35);position:relative;animation:fadeIn .2s ease}@keyframes fadeIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-contingut h3{text-align:center;margin-bottom:18px}.modal-contingut label{display:block;font-size:13px;margin-top:10px}.modal-contingut input[type=password]{width:100%;padding:6px;margin-top:4px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px}.modal-contingut button{width:100%;margin-top:18px;background:var(--color-botons-fons,#007bff);color:#fff;border:none;padding:8px;border-radius:4px;cursor:pointer}.modal-contingut button:hover{background:#0056b3}.tancar{position:absolute;right:10px;top:8px;font-size:22px;cursor:pointer}.missatge-canvi{margin-top:12px;font-size:13px;text-align:center}.missatge-canvi p{margin:0}#modal-canvi-clau .wrapper-password{position:relative;width:100%;margin-top:4px}#modal-canvi-clau .wrapper-password input.mostrar-password{width:90%;height:32px;border:1px solid var(--color-border-clar);border-radius:5px;background-color:#f7faff;box-sizing:border-box;padding-right:36px;padding-left:20px;text-align:left;transition:border-color .2s ease}#modal-canvi-clau .wrapper-password input.mostrar-password:focus{outline:0;border-color:#5bb9d6}#modal-canvi-clau .wrapper-password .toggle-eye{position:absolute;right:34px;top:30%;transform:translateY(-50%);font-size:20px;color:#666;cursor:pointer;user-select:none;transition:color .2s ease;border:1px solid transparent}#modal-canvi-clau .wrapper-password .toggle-eye:hover{color:#111}