#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.container-form{max-width:600px;margin:0 auto;padding:20px}.loader-container{display:flex;justify-content:center;margin-bottom:10px}.small-container-form{max-width:600px;margin:0 auto;padding:20px}.alert-box{padding:15px;border-radius:5px;margin-bottom:20px}.alert-box.success{background-color:#dff0d8;color:#3c763d}.alert-box.warning{background-color:#fcf8e3;color:#8a6d3b}.alert-box.error{background-color:#f2dede;color:#a94442}.alert-box.info{background-color:#d9edf7;color:#31708f}.loader{border:8px solid #f3f3f3;border-radius:50%;border-top:8px solid #3498db;width:60px;height:60px;animation:spin 2s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background-color:#fbfdfe;min-height:100vh;max-height:100vh;display:flex;flex-direction:column;font-family:Lato,sans-serif}.wh-bg,input[type=email],input[type=tel],input[type=text]{background-color:#fff}.index-btn:hover{transform:scale(1.15)}.index-btn{margin:10px;transition:transform .2s;font-size:x-large;color:#000;background-color:transparent;border-color:transparent;height:20%}

/* ! INDEX BUTTON */.logo-index{text-align:center;width:200px;margin:0 auto}.logo-index,.logo-index>img{margin-bottom:2em}.logo-div{text-align:center}.logo-div>img{max-width:50svh;margin-bottom:2em}.logo-system{display:flex;align-items:center;margin:0 auto;justify-content:center}#logo-icon{max-width:2em;height:auto;padding:30px;margin:1em}@media (max-width:1024px){.logo-div>img{max-width:50svw}}.logo-secondary{text-align:center;max-width:40px}

/* ! LOGO STYLES */.container-exito{justify-content:center;align-items:center;margin-top:15vh;max-width:50%;border-radius:10px;padding:15px}.container-form,.small-container-form{display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:100vh}.small-container-form{text-align:center;padding:5em}.small-container-form-version2{text-align:center;background-color:#f5f5f5;padding:20px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.container-success{display:flex;flex-direction:column;justify-content:center;gap:3em;min-height:100vh}

/* ! SEGMENTED CONTROL */.otp-input{display:inline-block;margin-right:10px}.otp-input input{width:40px;height:40px;text-align:center;border:1px solid #ced4da;border-radius:5px;background:#d9d9d9}

/* ! UNIQUE CODE BOX */.kiosko-btn{background:linear-gradient(90deg,#005379,#002e49);color:#fff;border-radius:16px}.kiosko-btn:hover{color:#fff;background:linear-gradient(90deg,#002e49,#005379)}.btn-custom{background:linear-gradient(90deg,#005379,#002e49);color:#fff}.btn-custom:hover{background:linear-gradient(90deg,#002e49,#005379)}.success-btn{display:grid;width:100%;max-width:450px;margin:auto}

/* ! BUTTONS */.logo-onboarding{text-align:center;margin-top:5vh}.logo-onboarding>img{max-width:150px;margin-bottom:2em}@media (max-width:1000px){.column-blue,.column-white{width:100%}.column-white{height:25vh}.logo-onboarding{margin-top:2vh;height:60%}}.custom-modal-dialog{max-width:800px}.custom-modal-content{height:95%;overflow-y:auto}.custom-tooltip{--bs-tooltip-bg:var(--bs-primary)}

/* ! ONBOARDINGS */.app-links{display:flex;justify-content:center;gap:20px;margin:20px 0}.app-links a{display:inline-block;transition:transform .3s ease,box-shadow .3s ease}.app-links a:hover{transform:scale(1.1)}.checkbox-wrapper,.checkbox-wrapper v-checkbox{display:flex;align-items:center}.checkbox-wrapper a{margin-left:5px;color:#00adef;text-decoration:none}.checkbox-wrapper a:hover{text-decoration:underline}