.login-screen{min-height:100dvh;padding:28px 16px}.login-card.login-card-professional{width:min(100%,440px);padding:28px}.login-card .login-logo{max-height:70px;width:auto;object-fit:contain}.login-card .login-professional-focus{margin:16px 0;padding:12px}.login-card .login-professional-photo{width:56px;height:56px}.login-card h1{font-size:calc(26px * var(--st-text-scale, 1));margin:16px 0 8px}.login-card input{min-height:48px;font-size:calc(16px * var(--st-text-scale, 1))}.login-card .login-submit{min-height:48px}.login-card .login-submit[aria-busy=true]{cursor:progress}.login-card .login-submit[aria-busy=true]:before{content:"";display:inline-block;width:14px;height:14px;margin-right:10px;border:2px solid #ffffff60;border-top-color:#fff;border-radius:50%;animation:login-spin .8s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.login-card .login-submit[aria-busy=true]:before{animation:none}}@media(max-width:480px){.login-card.login-card-professional{padding:22px}}.login-screen{background:linear-gradient(#f5efe62b,#f5efe62b),url(./login-reception.webp) center center / cover no-repeat;min-height:100dvh;padding:40px 16px}.login-card.login-card-professional{width:min(100%,426px);box-sizing:border-box;padding:32px 30px;border:1px solid #ffffffa0;border-radius:18px;background:#fffffff5;box-shadow:0 14px 50px #4a3e2820;color:#2f2e2c}.login-card .login-logo{width:100px;max-height:80px;margin:0 auto 12px}.login-card .eyebrow{color:#9b8565;font-size:0;letter-spacing:.18em;text-align:center}.login-card .eyebrow:after{content:"STETIK CLINICAL";display:block;font-size:calc(18px * var(--st-text-scale, 1));font-weight:500}.login-card .login-professional-focus{display:none}.login-card h1{font-family:Georgia,Times New Roman,serif;font-weight:500;font-size:calc(32px * var(--st-text-scale, 1));letter-spacing:-.035em;margin:28px 0 8px}.login-card h1:before{content:"";display:block;width:30px;height:1px;background:#b3a080;margin:0 auto 18px}.login-card>p{color:#7e7e7e;font-size:calc(14px * var(--st-text-scale, 1));margin:0 0 26px}.login-card .login-professional-list{grid-template-columns:1.3fr 1fr;gap:8px;margin:0 0 18px}.login-card .login-professional-choice{padding:8px;min-height:50px;border:1px solid #e9e6e2;border-radius:11px;background:transparent;gap:9px}.login-card .login-professional-choice.active{border-color:#dfd8cb;background:#e7e2d9;box-shadow:none}.login-card .login-choice-photo{width:34px;height:34px}.login-card .login-professional-choice strong{font-size:calc(11px * var(--st-text-scale, 1))}.login-card .login-professional-choice small{font-size:calc(10px * var(--st-text-scale, 1));color:#6f6e6a}.login-card form{gap:16px;margin-top:0}.login-card .field{gap:6px}.login-card .field label{color:#787878;font-size:calc(14px * var(--st-text-scale, 1));font-weight:400}.login-card input{min-height:48px;border:1px solid #e5e3df;border-radius:10px;background:transparent;color:#454545;font-size:calc(14px * var(--st-text-scale, 1));padding:12px 14px}.login-card input:focus{outline:2px solid #ad9b7c;outline-offset:2px;box-shadow:none}.login-card .login-submit{min-height:44px;margin-top:8px;background:#ac9c80;border-color:#ac9c80;color:#fff;border-radius:10px;font-size:calc(14px * var(--st-text-scale, 1));font-weight:600}.login-card .login-submit:hover{background:#968466;border-color:#968466}.login-card .login-submit svg{display:none}.login-card .login-forgot{color:#957f5d;font-size:calc(13px * var(--st-text-scale, 1));font-weight:600;margin:2px auto 0}.login-card>.notice{display:none}.login-card .login-recovery-panel{margin-top:20px}.login-card:after{content:"BELLEZA  \b7   CIENCIA  \b7   BIENESTAR";display:block;text-align:center;color:#9e8766;letter-spacing:.18em;font-size:calc(10px * var(--st-text-scale, 1));margin:36px auto 0;padding-top:20px;border-top:1px solid #c2b39c}.login-card button:focus-visible{outline:2px solid #958060;outline-offset:3px}@media(max-width:480px){.login-screen{padding:20px 12px;background-position:64% center}.login-card.login-card-professional{padding:26px 22px}.login-card h1{font-size:calc(29px * var(--st-text-scale, 1))}.login-card .login-professional-list{grid-template-columns:1fr}.login-card .login-professional-choice strong{font-size:calc(13px * var(--st-text-scale, 1))}.login-card:after{margin-top:26px}}.login-card>.backend-status-card{display:none}body:has(.login-entry){margin:0;background:#f6f1ea}.login-entry{font-family:Arial,sans-serif;font-size:calc(16px * var(--st-text-scale, 1));line-height:1.4}.login-entry *{box-sizing:border-box}.login-entry [hidden]{display:none!important}.login-entry .login-screen{display:grid;place-items:center}.login-entry .login-logo{display:block}.login-entry h1,.login-entry .login-card>p{text-align:center}.login-entry form,.login-entry .field{display:grid}.login-entry input{width:100%;font:inherit;min-width:0}.login-entry button{font-family:inherit;cursor:pointer}.login-entry .btn{display:flex;align-items:center;justify-content:center;width:100%;border:1px solid transparent;padding:12px 16px}.login-entry .text-link{background:none;border:0;padding:6px}.login-entry button:disabled{opacity:.7;cursor:progress}.login-entry .error{color:#9c2929;background:#fff0f0;border:1px solid #efcccc;border-radius:10px;padding:12px;font-size:calc(14px * var(--st-text-scale, 1))}.entry-password{position:relative;display:flex;align-items:center}.entry-password input{padding-right:76px}.entry-password button{position:absolute;right:8px;border:0;background:none;color:#745e3c;padding:10px 6px;font-size:calc(12px * var(--st-text-scale, 1))}.login-card input{font-size:calc(16px * var(--st-text-scale, 1))}body:has(#app>.loading),body:has(.login-startup-error){margin:0;background:#f6f1ea}#app>.loading{text-align:center;padding:20vh 20px;font:calc(14px * var(--st-text-scale, 1))/1.5 Arial,sans-serif;color:#174f49}#app>.loading small{display:block;font-size:calc(12px * var(--st-text-scale, 1));letter-spacing:5px;margin-top:10px}#app>.loading p{margin-top:25px}.loading-logo{display:block;width:180px;height:auto;margin:0 auto 14px}.login-startup-error{display:grid;place-items:center;font:calc(16px * var(--st-text-scale, 1))/1.5 Arial,sans-serif}.login-startup-error button{width:100%;padding:12px;background:#ac9c80;border:0;border-radius:10px;color:#fff;cursor:pointer}
