@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box}:root{--bg-main:#f0f4f8;--bg-card:#fff;--text-main:#212529;--text-muted:#6c757d;--primary:#0056b3;--success:#198754;--danger:#dc3545;--warning:#ffc107;--border-color:#dee2e6;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;padding:0}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3{color:var(--primary);font-weight:600}input,select,textarea{font-family:var(--font-sans);border:1px solid var(--border-color);border-radius:4px;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0056b31a}.login-container{width:100%;min-height:100vh;font-family:var(--font-sans);display:flex}.login-left{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.login-left:before{content:"";background:radial-gradient(circle,#38bdf826 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-10%;left:-10%}.login-right{background-color:#f8fafc;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:16px;width:100%;max-width:450px;padding:40px;box-shadow:0 25px 50px -12px #0000001a}.role-selector{gap:10px;margin-bottom:30px;display:flex}.role-card{text-align:center;cursor:pointer;color:#64748b;background:#f1f5f9;border:2px solid #0000;border-radius:12px;flex:1;padding:15px 10px;transition:all .2s}.role-card:hover{background:#e2e8f0}.role-card.active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6;font-weight:600;box-shadow:0 4px 6px -1px #3b82f61a}.input-group{text-align:left;margin-bottom:20px}.input-group label{color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.premium-input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:14px;font-size:16px;transition:all .3s}.premium-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f626}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(90deg,#2563eb,#1d4ed8);border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:transform .1s,box-shadow .2s;box-shadow:0 4px 6px -1px #2563eb33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #2563eb4d}.tls-badge{color:#166534;background:#dcfce7;border-radius:20px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.health-tech-bg{width:100%;min-height:100vh;font-family:var(--font-sans);background-color:#020617;background-image:radial-gradient(circle at 15%,#2563eb26,#0000 25%),radial-gradient(circle at 85% 30%,#14b8a626,#0000 25%),linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:100% 100%,100% 100%,30px 30px,30px 30px;padding:40px 20px;animation:15s ease-in-out infinite alternate breathe}@keyframes breathe{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:5% 10%,-5% -10%,0 0,0 0}}.glass-panel{-webkit-backdrop-filter:blur(16px);color:#f8fafc;background:#0f172a99;border:1px solid #ffffff1a;border-radius:16px;padding:35px;box-shadow:0 25px 50px -12px #00000080}.btn-competencia{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 100%);border:none;border-radius:8px;padding:16px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #2563eb66}.btn-competencia:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2563eb99}.loading-container{justify-content:center;align-items:center;gap:12px;display:flex}.spinning-pill{background:linear-gradient(90deg,#fff 50%,#ef4444 50%);border:2px solid #fff;border-radius:15px;width:32px;height:14px;animation:1.2s cubic-bezier(.4,0,.2,1) infinite spin-pill;box-shadow:0 0 8px #0003}@keyframes spin-pill{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.medico-bg-container{background-blend-mode:overlay;background-color:#0006;background-image:url(../assets/nombre-de-tu-imagen.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:flex-start;width:100%;min-height:100vh;padding:40px 20px;display:flex}.panel-glow{-webkit-backdrop-filter:blur(16px);color:#0f172a;background:#ffffffd9;border:1px solid #00000014;border-radius:16px;transition:all .3s;box-shadow:0 10px 30px -10px #0000001a}.glow-blue{border-color:#2563eb80;box-shadow:0 0 15px #2563eb26,inset 0 0 5px #2563eb0d}.glow-green{border-color:#10b98180;box-shadow:0 0 15px #10b98126,inset 0 0 5px #10b9810d}.glow-orange{border-color:#f9731680;box-shadow:0 0 15px #f9731626,inset 0 0 5px #f973160d}.glow-teal{border-color:#0d948880;box-shadow:0 0 15px #0d948833,inset 0 0 5px #0d94881a}.glow-red{border-color:#dc262680;box-shadow:0 0 15px #dc262633,inset 0 0 5px #dc26261a}.dark-input{color:#0f172a;background:#ffffffe6;border:1px solid #00000026;border-radius:8px;width:100%;padding:12px 14px;font-size:15px;transition:all .3s}.dark-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.icon-svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:24px;height:24px}.paciente-bg-container{background-blend-mode:overlay;box-sizing:border-box;background-color:#ffffff4d;background-image:url(/fondo-paciente.png);background-position:50%;background-size:cover;background-attachment:fixed;width:100vw;min-height:100vh;margin-left:-50vw;margin-right:-50vw;padding:40px;position:relative;left:50%;right:50%;overflow-x:hidden}.farmacia-bg-container{background-blend-mode:overlay;box-sizing:border-box;background-color:#ffffff26;background-image:url(/fondo-farmacia.png);background-position:50%;background-size:cover;background-attachment:fixed;width:100vw;min-height:100vh;margin-left:-50vw;margin-right:-50vw;padding:40px;position:relative;left:50%;right:50%;overflow-x:hidden}