html,body{height:100%;margin:0;padding:0}.navbar{height:50px;background-color:#4074c1;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.pageOption{color:#fff;font-family:Roboto}h1{color:#fff;font-family:sans-serif}.menu_container{margin-right:50px;cursor:pointer;position:relative}.options_menu{width:200px;padding:10px 0;background-color:#6392d8;position:absolute;right:0;top:110px;border-radius:7px;display:none;box-shadow:0 4px 8px #0000001a}.menu_active{display:block}.options_list{list-style-type:none;margin:0;padding:0;text-align:center}.options_list li{margin:10px 0}.options_list li a{text-decoration:none;color:#fff;font-size:18px;font-family:Roboto;transition:color .3s}.options_list li a:hover{color:#dfe9e9}.options_list li a:active{color:#becaca}.logo img{width:50px}.cardContainer{background-color:#6392d8;height:fit-content;padding-bottom:30px;width:300px;margin-bottom:100px;display:flex;flex-direction:column;align-items:center;font-family:Roboto;color:#fff;border-radius:10px;-webkit-box-shadow:0px 2px 13px 1px rgb(90,91,99);-moz-box-shadow:0px 2px 13px 1px rgb(90,91,99);box-shadow:0 2px 13px 1px #5a5b63}.etqNumber{width:fit-content}.imgContainer img{width:200px;height:200px;border:3px solid #476a9e;cursor:pointer}.infoContainer{display:flex;flex-direction:column;width:100%;margin-left:30px;margin-top:15px;gap:5px}.comandBtn{width:150px;margin-left:60px;margin-top:20px;border:none;font-family:roboto;color:#fff;background-color:#476a9e;height:40px;border-radius:5px}.comandBtn:hover{background-color:#2d4a75;cursor:pointer}.comandBtn:active{background-color:#12233d}.containerDoCardCentral{display:flex;justify-content:center}.darkModeBtn{border-radius:5px;background-color:#4074c1;border:none;color:#fff;cursor:pointer;position:absolute;top:10px;right:100px}.darkModeBtn:hover{background-color:#103452}.submit-btn-container{margin-top:20px}.inputs_container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;background-color:#f9f9f9;margin-bottom:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a}.inputs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;width:100%;max-width:900px;justify-items:center;color:#fff}.inputs button{width:100%;margin-top:26px;height:30px}.input-group{width:100%}.input-group label{font-size:14px;margin-bottom:5px;display:block;color:#333}.inputs input,.selectContainer select{width:100%;padding:8px;border-radius:8px;border:1px solid #ccc;font-size:16px;color:#333}.inputs input,.input-group select{width:100%;padding:10px;border-radius:8px;border:1px solid #ccc;font-size:16px;color:#333;box-sizing:border-box}.filtrarBtn{width:300px;max-width:700px;height:30px;border-radius:10px;border:none;background-color:#4074c1;color:#fff;font-size:18px;font-family:Roboto;cursor:pointer;justify-self:center}.filtrarBtn:hover{background-color:#486594}.input-group-center{grid-column:span 3;display:flex;justify-content:center}.cardsContainer{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px;margin:0 auto}@media (max-width: 768px){.cardsContainer{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.cardsContainer{grid-template-columns:1fr}}.cardComponent{background-color:#fff;padding:15px;border-radius:10px;box-shadow:0 4px 8px #0000001a}.borderLine{width:90%;height:2px;background-color:#ccc;margin:20px 0}label{font-family:roboto}.underBar[data-v-53523779]{width:fit-content;margin-left:40px;font-family:Roboto;color:#8c8484;display:flex;gap:15px}.registerText[data-v-53523779]{font-size:40px;margin-top:30px;display:flex;font-family:Roboto;color:#8c8484;border-right:solid #8C8484 3px;padding-right:20px}.container[data-v-53523779]{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;align-items:center;max-width:500px;margin:0 auto}.inputsConteiner[data-v-53523779]{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;margin-top:15px}.row1[data-v-53523779]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.inputsConteiner input[data-v-53523779]{text-align:center;height:30px;width:100%;border:1px solid #d3d3d3;border-radius:5px}.inputsConteiner select[data-v-53523779]{border-radius:5px;text-align:center;height:34px;width:100%;max-width:500px;border:1px solid #d3d3d3}.inputsConteiner input[data-v-53523779]:focus{box-shadow:0 0 5px #01ffffb2;outline:none}.fileInput[data-v-53523779]{border:solid 1px #8C8484;display:none}.submit-btn[data-v-53523779]{background-color:#486594;border:none;height:30px;border-radius:5px;width:200px;font-size:medium;font-family:Roboto;color:#fff;cursor:pointer}.submit-btn[data-v-53523779]:hover{background-color:#39547e}.selectContainer[data-v-53523779]{display:flex;flex-direction:column}label[data-v-53523779]{font-family:Roboto;font-size:14px;margin-bottom:5px;display:block}.inputsContainer[data-v-de7bcfed]{display:grid;grid-template-columns:1fr 1fr;justify-items:center;align-items:center;width:500px}.registerText[data-v-de7bcfed]{font-size:40px;margin-top:30px;display:flex;font-family:Roboto;color:#8c8484;border-right:solid #8C8484 3px;padding-right:20px}.underBar[data-v-de7bcfed]{width:fit-content;margin-left:40px;font-family:Roboto;color:#8c8484;display:flex;gap:15px}.inputStack[data-v-de7bcfed]{display:flex;flex-direction:column;max-width:350px;justify-content:center;align-items:center}.inputLabelText[data-v-de7bcfed]{font-size:24px}