@charset "UTF-8";.login .card .left{flex:1;background:linear-gradient(#2c2c2c99,#68b1e880),url(https://images.pexels.com/photos/5355863/pexels-photo-5355863.jpeg);background-position:center;background-size:cover;padding:2rem 4rem;display:flex;align-items:center;justify-content:center;position:relative}*{margin:0;padding:0;box-sizing:border-box}.layout{display:flex;width:100%;height:calc(100dvh - var(--navBar-height));overflow:hidden}.layout .sideBarContainer{width:15%;background-color:#333;color:#fff;box-sizing:border-box;overflow-y:auto;flex-shrink:0}@media (max-width: 480px){.layout .sideBarContainer{width:23%;transition:width .3s ease-in-out}}.layout .sideBarHidden{width:0!important;overflow:hidden;transition:width .3s ease-in-out}.layout .sideBarCollapsed{width:8%!important;max-width:8%;transition:width .3s ease-in-out}.layout #outletContainer{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;height:100%}@media (max-width: 480px){.layout #outletContainer{flex:1}}.app-container{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.login{min-height:100vh;width:100%;background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;position:relative;overflow:hidden}.login .card{display:flex;width:100%;max-width:1100px;min-height:600px;background:#fffffffa;border-radius:24px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;position:relative;z-index:1}.login .card .left{flex:1;background:linear-gradient(#2c2c2c99,#68b1e880),url(https://images.pexels.com/photos/5355863/pexels-photo-5355863.jpeg);background-position:center;background-size:cover;padding:2rem 4rem;display:flex;align-items:center;justify-content:center;position:relative}.login .card .left .branding-content{color:#fff;max-width:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:center;gap:1.8rem}.login .card .left .branding-content .logo-container{width:300px;height:220px;border-radius:20px;display:flex;align-items:center;justify-content:center}.login .card .left .branding-content .logo-container img{width:100%;height:100%}.login .card .left .branding-content h1{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:.5rem;letter-spacing:-.5px}.login .card .left .branding-content h1 .highlight{font-size:2.5rem;display:block;margin-top:.5rem}.login .card .left .branding-content .divider{width:60px;height:4px;background:#ffffff9e;border-radius:2px;margin-top:-1.5rem;margin-bottom:.5rem}.login .card .left .branding-content h2{font-size:1.25rem;font-weight:500;margin-bottom:1rem}.login .card .left .branding-content p{color:#fff;text-align:center;font-size:1rem;line-height:1.6}.login .card .right{flex:1;padding:4rem;display:flex;align-items:center;justify-content:center;background:#fff}.login .card .right .form-container{width:100%;max-width:400px}.login .card .right .form-container .welcome-header{margin-bottom:2.5rem;text-align:center}.login .card .right .form-container .welcome-header h1{font-size:2rem;font-weight:700;color:#2c2c2c;margin-bottom:.5rem;letter-spacing:-.5px}.login .card .right .form-container .welcome-header p{font-size:.95rem;color:#4a4a4a;font-weight:400}.login .card .right .form-container form{display:flex;flex-direction:column;gap:1.5rem}.login .card .right .form-container form .input-group{display:flex;flex-direction:column;gap:.5rem}.login .card .right .form-container form .input-group label{font-size:.875rem;font-weight:600;color:#2c2c2c;margin-bottom:.25rem}.login .card .right .form-container form .input-group .input-wrapper{position:relative;display:flex;align-items:center;background:#f5f6fa;border-radius:12px;border:2px solid #f5f6fa;transition:all .3s ease}.login .card .right .form-container form .input-group .input-wrapper.focused{background:#fff;border:2px solid #3b82f6;box-shadow:0 0 0 4px #3b82f61a}.login .card .right .form-container form .input-group .input-wrapper .input-icon{position:absolute;left:1rem;color:var(--color-contactMeBtn-MainSlider);pointer-events:none}.login .card .right .form-container form .input-group .input-wrapper input{width:100%;padding:1rem 1rem 1rem 3rem;border:none;background:transparent;font-size:1rem;color:#2c2c2c;outline:none}.login .card .right .form-container form .input-group .input-wrapper input::placeholder{color:#9ca3af}.login .card .right .form-container form button{margin-top:.5rem;padding:1rem 2rem;background:#3b82f6;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.login .card .right .form-container form button:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.login .card .right .form-container form button.loading{opacity:.7;cursor:not-allowed}.login .card .right .form-container form button .loading-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin .8s linear infinite}.login .card .right .form-container form .forgot-password{text-align:center;font-size:.875rem;color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s ease}.login .card .right .form-container form .forgot-password:hover{color:#2563eb;text-decoration:underline}.login .footer{margin-top:.5rem}.login .footer p{margin:0;font-size:.875rem;color:#ffffffbf;font-weight:400;letter-spacing:.3px;display:flex;flex-direction:column;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.login .footer p .made-by{display:inline-flex;align-items:center;gap:.35rem;color:#ffffffd9;font-weight:500}.login .footer p .made-by .heart-icon{color:#ff6b6b;font-size:1rem;animation:heartbeat 1.5s ease-in-out infinite;display:inline-flex;align-items:center}.login .footer p .made-by .code-icon{color:#ffffffe6;font-size:.95rem;display:inline-flex;align-items:center}.login .footer p a{color:#fff;text-decoration:none;font-weight:600;position:relative;display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;background:#ffffff1a;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.login .footer p a .dev-icon{font-size:1rem;transition:transform .3s ease}.login .footer p a:active{transform:translateY(0)}.login .footer p a:hover{transform:translateY(-3px);box-shadow:0 6px 20px #3b82f6}@media (max-width: 768px){.login .footer{bottom:1rem;padding:0 1rem}.login .footer p{font-size:.8rem}.login .footer p a{padding:.2rem .6rem;font-size:.8rem}.login .footer p a .dev-icon,.login .footer p .made-by .heart-icon,.login .footer p .made-by .code-icon{font-size:.9rem}}@media (max-width: 480px){.login .footer{bottom:.75rem}.login .footer p{font-size:.75rem;gap:.3rem}.login .footer p a{padding:.15rem .5rem}}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(.9)}20%,40%,60%,80%{transform:scale(1.1)}50%,70%{transform:scale(1.15)}}@media (max-width: 968px){.login .card{flex-direction:column;max-width:500px}.login .card .left{padding:2.5rem}.login .card .left .branding-content h1{font-size:1.5rem}.login .card .left .branding-content h1 .highlight{font-size:2rem}.login .card .right{padding:2.5rem}.login .card .right .form-container .welcome-header h1{font-size:1.75rem}}@media (max-width: 480px){.login{padding:1rem}.login .card .left,.login .card .right{padding:2rem}.login .card .left .branding-content h1{font-size:1.25rem}.login .card .left .branding-content h1 .highlight{font-size:1.75rem}.login .card .left .branding-content .logo-container{width:60px;height:60px}.login .card .left .branding-content .logo-container svg{width:32px;height:32px}}.swal2-welcome-popup{border-radius:20px!important;box-shadow:0 25px 50px -12px #00000040!important}.swal2-welcome-title{font-size:1.75rem!important;font-weight:700!important;color:#235789!important;margin-bottom:.5rem!important}.swal2-welcome-content{font-size:1.1rem!important;color:#4a4a4a!important;margin-top:1rem!important}.swal2-timer-progress-bar{background:#3b82f6!important;height:4px!important}.swal2-toast{padding:1rem 1.5rem!important}.swal2-toast .swal2-title{font-size:1.1rem!important;margin:0!important}.swal2-toast .swal2-content{font-size:.95rem!important;margin:.5rem 0 0!important}.swal2-logOut-title{font-family:Arial,sans-serif;color:#235789;font-size:20px;font-weight:700}@media (max-width: 480px){.swal2-logOut-title{font-size:22px}}.swal2-cute-popup{border-radius:20px;box-shadow:0 10px 25px #0000001a}.swal2-cute-title{font-family:Comic Sans MS,Arial,sans-serif;color:#663398;font-size:18px}.swal2-cute-content{font-family:Comic Sans MS,Arial,sans-serif;color:#663398}.swal2-cute-confirm-btn{border-radius:15px;background-color:#235789;color:#fff;padding:10px 20px;font-size:16px;font-weight:700}.swal2-cute-cancel-btn{border-radius:15px;background-color:#c85969;color:#fff;padding:10px 20px;font-size:16px;font-weight:700}.logout-alert-popup{padding-top:1rem;border-radius:16px!important;box-shadow:0 20px 60px #0003!important;overflow:hidden!important}.logout-alert-header{padding:2rem 2rem 1rem!important;background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;border-bottom:2px solid #bfdbfe!important}.logout-alert-icon{margin:0 auto 1rem!important;border:none!important}.logout-alert-icon.swal2-warning{background:linear-gradient(135deg,#fef3c7,#fde68a)!important;color:#d97706!important;border:3px solid #fbbf24!important;box-shadow:0 8px 24px #fbbf244d!important;width:80px!important;height:80px!important}.logout-alert-icon.swal2-warning .swal2-icon-content{font-size:56px!important;font-weight:700!important}.logout-alert-title{font-size:24px!important;font-weight:700!important;color:var(--color-titles-headers)!important;margin:0!important;padding:0!important}.logout-alert-content{padding:1.5rem 2rem!important}.logout-alert-content .logout-alert-message{font-size:16px!important;color:var(--color-text-dark)!important;line-height:1.6!important;margin:0!important}.logout-alert-actions{padding:1.5rem 2rem 0rem!important;gap:12px!important;margin:0!important;background:#fafbfc!important;border-top:1px solid #e5e7eb!important}.logout-alert-confirm,.logout-alert-cancel{border:none!important;border-radius:10px!important;padding:14px 28px!important;font-size:15px!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 4px 12px #0000001a!important;min-width:140px!important;position:relative!important;overflow:hidden!important}.logout-alert-confirm:before,.logout-alert-cancel:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.logout-alert-confirm:hover:before,.logout-alert-cancel:hover:before{width:300px;height:300px}.logout-alert-confirm{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important}.logout-alert-confirm:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #ef444466!important}.logout-alert-confirm:active{transform:translateY(0)!important}.logout-alert-confirm:focus{outline:none!important;box-shadow:0 0 0 3px #ef44444d!important}.logout-alert-cancel{background:var(--color-white)!important;color:var(--color-text-black)!important;border:2px solid #e5e7eb!important}.logout-alert-cancel:hover{background:#f9fafb!important;border-color:#d1d5db!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px #0000001a!important}.logout-alert-cancel:active{transform:translateY(0)!important}.logout-alert-cancel:focus{outline:none!important;box-shadow:0 0 0 3px #d1d5db4d!important}.swal2-backdrop-show{background:#0009!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}@keyframes slideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.95)}}@media (max-width: 768px){.logout-alert-popup{width:calc(100% - 40px)!important;max-width:380px!important}.logout-alert-header{padding:1.5rem 1.5rem 1rem!important}.logout-alert-icon.swal2-warning{width:70px!important;height:70px!important}.logout-alert-icon.swal2-warning .swal2-icon-content{font-size:48px!important}.logout-alert-title{font-size:20px!important}.logout-alert-content{padding:1.25rem 1.5rem!important}.logout-alert-content .logout-alert-message{font-size:14px!important}.logout-alert-actions{padding:1.25rem 1.5rem 1.5rem!important;flex-direction:column!important}.logout-alert-actions .logout-alert-confirm,.logout-alert-actions .logout-alert-cancel{width:100%!important;min-width:unset!important}}.swal2-progress-bar{background-color:#663398}.featured{display:flex;flex-wrap:wrap;gap:2rem;padding:2rem;background-color:#f8faff;height:100%}@media (max-width: 480px){.featured{padding:.5rem}}.featured .featuredItem{flex:1 1 calc(25% - 2rem);background-color:#fff;box-shadow:0 4px 10px #0000001a;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;transition:transform .3s ease,box-shadow .3s ease}.featured .featuredItem:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026;cursor:pointer}@media (max-width: 480px){.featured .featuredItem{padding:1rem;width:min-content}}.featured .featuredItem .featuredTitle{display:flex;gap:.5rem;align-items:center;font-size:1.2rem;font-weight:600;color:#0056b3;margin-bottom:1rem;border-left:4px solid #0066cc;padding-left:.5rem}@media (max-width: 480px){.featured .featuredItem .featuredTitle{text-wrap:balance}}.featured .featuredItem .featuredContainer{display:flex;flex-direction:column;gap:.5rem}.featured .featuredItem .featuredContainer span{font-size:.9rem;color:#606060;display:flex;align-items:center}.featured .featuredItem .featuredContainer span svg{font-size:1.2rem;margin-right:.5rem;color:#06c}.featured .featuredItem .featuredContainer .featuredAppointments,.featured .featuredItem .featuredContainer .featuredProcedures,.featured .featuredItem .featuredContainer .featuredNewPatients{color:#00a86b;font-weight:600}.featured .featuredItem .featuredContainer .featuredAppointmentsDone,.featured .featuredItem .featuredContainer .featuredPatientsDone{font-weight:500}.home{height:100%;overflow-y:scroll}body{font-family:Poppins,sans-serif}.not-found-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;text-align:center;background:linear-gradient(135deg,#1e40af,#3b82f6,#67b0e8);background-size:400% 400%;animation:gradientShift 15s ease infinite;color:var(--color-white);position:relative;overflow:hidden}.not-found-container:before,.not-found-container:after{content:"";position:absolute;border-radius:50%;background:#ffffff1a;animation:float 20s ease-in-out infinite}.not-found-container:before{width:400px;height:400px;top:-200px;right:-200px;animation-delay:0s}.not-found-container:after{width:300px;height:300px;bottom:-150px;left:-150px;animation-delay:5s}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.not-found-container .not-found-content{position:relative;z-index:10;max-width:600px;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.not-found-container .tooth-icon{width:120px;height:120px;margin:0 auto 2rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.3);animation:bounce 2s ease-in-out infinite}.not-found-container .tooth-icon svg{width:60px;height:60px;fill:var(--color-white);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.not-found-container .error-code{font-size:clamp(5rem,15vw,10rem);font-weight:900;margin:0 0 1rem;line-height:1;background:linear-gradient(135deg,#fff,#dbeafe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 10px 30px rgba(0,0,0,.3);letter-spacing:-.02em;animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 20px rgba(255,255,255,.5))}50%{filter:drop-shadow(0 0 40px rgba(255,255,255,.8))}}.not-found-container .error-title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;margin:0 0 1rem;color:var(--color-white);text-shadow:0 4px 8px rgba(0,0,0,.2)}.not-found-container .error-description{font-size:clamp(1rem,2.5vw,1.25rem);margin:0 0 3rem;color:#ffffffe6;line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto}.not-found-container .error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.not-found-container .back-home-btn{display:inline-flex;align-items:center;gap:10px;font-size:1.125rem;font-weight:600;padding:16px 32px;color:#1e40af;background:var(--color-white);border:none;border-radius:12px;text-decoration:none;box-shadow:0 8px 24px #0003;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.not-found-container .back-home-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#1e40af1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.not-found-container .back-home-btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000004d}.not-found-container .back-home-btn:hover:before{width:300px;height:300px}.not-found-container .back-home-btn:active{transform:translateY(-1px)}.not-found-container .back-home-btn svg{width:20px;height:20px;transition:transform .3s ease}.not-found-container .back-home-btn:hover svg{transform:translate(-4px)}.not-found-container .support-btn{display:inline-flex;align-items:center;gap:10px;font-size:1.125rem;font-weight:600;padding:16px 32px;color:var(--color-white);background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;text-decoration:none;transition:all .3s ease}.not-found-container .support-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-3px)}.not-found-container .support-btn svg{width:20px;height:20px}@media (max-width: 768px){.not-found-container{padding:1.5rem}.not-found-container .tooth-icon{width:100px;height:100px;margin-bottom:1.5rem}.not-found-container .tooth-icon svg{width:50px;height:50px}.not-found-container .error-actions{flex-direction:column;width:100%}.not-found-container .error-actions .back-home-btn,.not-found-container .error-actions .support-btn{width:100%;justify-content:center}}.navBar{position:sticky;top:0;max-width:100vw;display:flex;justify-content:space-between;align-items:center;padding:0 10px;background:var(--color-background-body);color:#fff;z-index:100}.navBar .left{display:flex;align-items:center;gap:1.5rem}@media (max-width: 480px){.navBar .left{gap:1.2rem}}.navBar .left .logoContainer{width:100px;height:90px;padding-top:.5rem}.navBar .left .logoContainer img{width:100%;height:100%}@media (max-width: 480px){.navBar .left .logoContainer{width:75px;height:80px}}.navBar .left .icons{display:flex;align-items:center;gap:10px}@media (max-width: 480px){.navBar .left .icons{gap:1rem;display:none}}@media (max-width: 480px){.navBar .left .icons .iconHome{display:none}}.navBar .center{display:flex;align-items:center;gap:2rem;padding:3px}@media (max-width: 480px){.navBar .center{gap:12px}}.navBar .center .icon{display:flex;flex-direction:column;align-items:center}.navBar .center .icon a{text-decoration:none}.navBar .center .icon small{color:#fff}.navBar .right{display:flex;align-items:center;gap:20px}.navBar .right .icon{display:flex;flex-direction:column;align-items:center}.navBar .right .icon small{color:#fff}@media (max-width: 480px){.navBar .right .notifIcon{display:none}}.navBar .right .user{display:flex;flex-direction:column;align-items:center;cursor:pointer;color:#fff;transition:all .3s ease}.navBar .right .user img{border-radius:50px;height:50px;width:50px}.navBar .right .user span{font-weight:600;letter-spacing:1px}.navBar .right .user:hover{border-radius:10px;padding:.2rem .5rem;transform:translateY(-.5px);box-shadow:0 6px 6px var(--color-titles-subHeaders);background:var(--color-background-body)}.navBar .right .user-dropdown{position:absolute;top:100%;right:5px;min-width:240px;background:var(--color-white);border-radius:12px;box-shadow:0 10px 30px #00000026;animation:slideDown .3s ease-out}.navBar .right .user-dropdown__header{display:flex;align-items:center;gap:12px;padding:1rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-bottom:1px solid #e5e7eb}.navBar .right .user-dropdown__header .user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-titles-subHeaders),var(--color-titles-headers));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;text-transform:uppercase;box-shadow:0 4px 12px #3b82f64d}.navBar .right .user-dropdown__header .user-info{flex:1;min-width:0}.navBar .right .user-dropdown__header .user-info .user-name{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--color-text-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navBar .right .user-dropdown__header .user-info .user-role{display:inline-block;padding:2px 8px;background:var(--color-titles-subHeaders);color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;border-radius:4px;letter-spacing:.5px}.navBar .right .user-dropdown__divider{height:1px;background:linear-gradient(to right,transparent,#bcbdbe,transparent);margin:0 0 .5rem}.navBar .right .user-dropdown__menu{padding:.5rem}.navBar .right .user-dropdown .menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border:none;border-radius:8px;background:transparent;color:var(--color-text-black);font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.navBar .right .user-dropdown .menu-item:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#3b82f61a;transform:translate(-50%,-50%);transition:width .4s,height .4s}.navBar .right .user-dropdown .menu-item .menu-icon{font-size:20px;color:var(--color-text-dark);transition:all .2s ease;position:relative;z-index:1}.navBar .right .user-dropdown .menu-item span{position:relative;z-index:1}.navBar .right .user-dropdown .menu-item:hover{background:#f3f4f6;color:var(--color-titles-headers)}.navBar .right .user-dropdown .menu-item:hover:before{width:300px;height:300px}.navBar .right .user-dropdown .menu-item:hover .menu-icon{color:var(--color-titles-headers);transform:translate(2px)}.navBar .right .user-dropdown .menu-item:active{transform:scale(.98)}.navBar .right .user-dropdown .menu-item--danger{margin:.5rem;color:#dc2626;font-weight:600}.navBar .right .user-dropdown .menu-item--danger .menu-icon{color:#dc2626}.navBar .right .user-dropdown .menu-item--danger:hover{background:#fef2f2;color:#b91c1c}.navBar .right .user-dropdown .menu-item--danger:hover:before{background:#dc26261a}.navBar .right .user-dropdown .menu-item--danger:hover .menu-icon{color:#b91c1c}@media (max-width: 768px){.navBar .right .user-dropdown{min-width:260px;right:-10px}.navBar .right .user-dropdown:before{right:30px}}.navBar .right .user-dropdown .button-container{padding:0 .5rem .5rem}.navBar .right .user-dropdown .logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border:none;border-radius:8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ef44444d}.navBar .right .user-dropdown .logout-btn svg{font-size:20px}.navBar .right .user-dropdown .logout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466;background:linear-gradient(135deg,#dc2626,#b91c1c)}.navBar .right .user-dropdown .logout-btn:active{transform:translateY(0)}.navBar .right .user-dropdown:before{content:"";position:absolute;top:-8px;right:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--color-white);filter:drop-shadow(0 -2px 2px rgba(0,0,0,.05))}.sideBar{background:var(--color-background-body);height:100%;color:#fff;width:100%;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;padding-bottom:110px}.sideBar::-webkit-scrollbar{width:6px}.sideBar::-webkit-scrollbar-track{background:transparent}.sideBar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.sideBar::-webkit-scrollbar-thumb:hover{background:#fff6}.sideBar .menuItemTitle{display:flex;gap:12px;align-items:center;text-align:center;font-weight:500;font-size:15px;letter-spacing:.3px;position:relative;z-index:1}@media (max-width: 480px){.sideBar .menuItemTitle{flex-direction:column;gap:4px;font-size:12px}}.sideBar .menuItemTitle svg{font-size:22px;transition:transform .3s ease}@media (max-width: 480px){.sideBar .menuItemTitle svg{font-size:20px}}.sideBar .menuItemTitle span{text-wrap:pretty;line-height:1.3}@media (max-width: 480px){.sideBar .menuItemTitle span{text-align:center}}.sideBar .menuItemTitleCollapsed{flex-direction:column;gap:6px;font-size:14px;justify-content:center;text-align:center;justify-self:center}.sideBar .menuItemTitleCollapsed svg{font-size:24px}.sideBar .menuItemTitleCollapsed span{font-size:11px;font-weight:500;line-height:1.2}.sideBar .menuList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.sideBar .menuList li{position:relative;background:#ffffff1f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:10px;border:1px solid rgba(255,255,255,.18);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}@media (max-width: 480px){.sideBar .menuList li{border-radius:8px}}.sideBar .menuList li:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.sideBar .menuList li:hover:before{left:100%}.sideBar .menuList li:hover{background:#ffffff40;transform:translate(6px);box-shadow:0 6px 20px #00000040;border-color:#ffffff4d}.sideBar .menuList li:hover a{color:#fff}.sideBar .menuList li:hover a svg{transform:scale(1.1)}.sideBar .menuList li:active{transform:translate(4px) scale(.98)}.sideBar .menuList li a{text-decoration:none;color:#fffffff2;font-size:14px;font-weight:500;display:flex;gap:10px;align-items:center;padding:12px 14px;width:100%;transition:all .2s ease;position:relative;z-index:1}@media (max-width: 480px){.sideBar .menuList li a{flex-direction:column;gap:6px;padding:10px 8px;font-size:12px;text-align:center}}.sideBar .menuList li a svg{font-size:18px;transition:transform .3s ease;flex-shrink:0}@media (max-width: 480px){.sideBar .menuList li a svg{font-size:20px}}.sideBar .menuList li a span{line-height:1.3}@media (max-width: 480px){.sideBar .menuList li a span.edit-patient,.sideBar .menuList li a span.mh-patient{text-wrap:wrap;max-width:80px}}.sideBar.collapsed{padding:0}.sideBar.collapsed .menuItemTitle{flex-direction:column;gap:6px;text-align:center;font-size:12px}.sideBar.collapsed .menuItemTitle svg{font-size:22px}.sideBar.collapsed .menuItemTitle span{font-size:11.5px;line-height:1.2;text-align:center;text-wrap:balance}.sideBar.collapsed .menuList{gap:6px}.sideBar.collapsed .menuList li{padding:0}.sideBar.collapsed .menuList li a{flex-direction:column;gap:6px;padding:10px 6px;font-size:11px;text-align:center}.sideBar.collapsed .menuList li a svg{font-size:20px}.sideBar.collapsed .menuList li a span{font-size:11.5px;line-height:1.2;max-width:70px;text-wrap:balance}.sideBar.collapsed .menuList li a span.edit-patient,.sideBar.collapsed .menuList li a span.mh-patient{max-width:60px}.sideBar .MuiAccordion-root:last-child{margin-bottom:0}.user-card{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:.5rem;align-items:center;padding:.5rem;margin:0 .3rem .3rem}@media (max-width: 480px){.user-card{padding:.1rem;margin:0 .1rem .1rem;border-radius:7px}}.user-card__image{flex-shrink:0;width:50px;height:50px;border-radius:50%;overflow:hidden}@media (max-width: 480px){.user-card__image{width:20px;height:20px}}.user-card__image img{width:100%;height:100%;object-fit:cover}.user-card__info{display:flex;flex-direction:column;flex-grow:1;gap:.25rem}@media (max-width: 480px){.user-card__info{max-width:100%}}.user-card__info .nameContainer{text-align:center;font-size:.9rem;display:flex;flex-direction:column;align-self:center}@media (max-width: 480px){.user-card__info .nameContainer{max-width:100%}}.user-card__info .nameContainer .user-card__name{display:flex;color:#fff;font-weight:700;margin-bottom:.25rem;width:100%;font-size:.9rem}@media (max-width: 480px){.user-card__info .nameContainer .user-card__name{font-size:.7rem}}.user-card__info .nameContainer .name{font-size:.9rem;text-align:left}@media (max-width: 480px){.user-card__info .nameContainer .name{font-size:.7rem;width:min-content;text-wrap:balance}}.user-card__info .documentContainer{font-size:.9rem;display:flex;flex-direction:column;align-items:flex-start}@media (max-width: 480px){.user-card__info .documentContainer{font-size:.7rem;flex-wrap:balance}}.user-card__info .documentContainer .user-card__id{color:#fff;font-weight:700;margin-bottom:.25rem}.user-card__info .documentContainer .id_number{font-size:.8rem}@media (max-width: 480px){.user-card__info .documentContainer .id_number{font-size:.65rem}}.user-card__info .ageContainer{font-size:1rem;display:flex;align-items:flex-start;gap:.3rem}@media (max-width: 480px){.user-card__info .ageContainer{font-size:.7rem}}.user-card__info .ageContainer .user-card__age{color:#fff;font-weight:700;margin-bottom:.25rem;align-self:center}.user-card__info .genderContainer{font-size:1rem;align-items:flex-start}@media (max-width: 480px){.user-card__info .genderContainer{font-size:.7rem}}.user-card__info .genderContainer .user-card__gender{color:#fff;font-weight:700;margin-bottom:.25rem}.user-card.collapsed{background:#fff4;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden;padding:.5rem;display:flex;flex-direction:column;align-items:center;margin:0 .3rem .3rem;gap:.5rem;transition:transform .3s ease,box-shadow .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-card.collapsed .user-card__image{flex-shrink:0;width:30px;height:30px;border-radius:50%;overflow:hidden}.user-card.collapsed .user-card__image img{width:100%;height:100%;object-fit:cover}.user-card.collapsed .user-card__info{display:flex;flex-direction:column;flex-grow:1;gap:.3rem}.user-card.collapsed .user-card__info .nameContainer{font-size:.9rem}.user-card.collapsed .user-card__info .nameContainer .user-card__name{color:#fff;font-weight:700;margin-bottom:.25rem}.user-card.collapsed .user-card__info .documentContainer{font-size:.9rem}.user-card.collapsed .user-card__info .documentContainer .user-card__id{color:#fff;font-weight:700;margin-bottom:.25rem}.user-card.collapsed .user-card__info .genderContainer{font-size:.9rem}.user-card.collapsed .user-card__info .genderContainer .user-card__gender{color:#fff;font-weight:700;margin-bottom:.25rem}.user-card.collapsed .user-card__info .ageContainer{font-size:.9rem}.user-card.collapsed .user-card__info .ageContainer .user-card__age{color:#fff;font-weight:700;margin-bottom:.25rem}.newPatientContainer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1rem;height:100%;overflow-y:scroll}@media (max-width: 480px){.newPatientContainer{padding:.4rem;overflow-x:hidden}}.newPatientContainer h2.newPatientTitle{font-size:1.4rem;display:flex;align-items:center;gap:.7rem;color:var(--color-titles-headers)}.newPatientContainer .newPatientForm{display:flex;flex-direction:column;flex-wrap:nowrap;gap:1rem;width:100%}.newPatientContainer .newPatientForm .top{display:flex;gap:1rem}@media (max-width: 480px){.newPatientContainer .newPatientForm .top{flex-direction:column}}.newPatientContainer .newPatientForm .top .formBox{flex:1 1 100%;background-color:var(--color-bg-cards);border-radius:12px;padding:1rem;box-shadow:0 4px 8px #0000001a}@media (max-width: 480px){.newPatientContainer .newPatientForm .top .formBox{width:100%}}.newPatientContainer .newPatientForm .top .formBox.basicDataContainer{max-width:50%}@media (max-width: 480px){.newPatientContainer .newPatientForm .top .formBox.basicDataContainer{max-width:100%}}.newPatientContainer .newPatientForm .top .formBox.basicDataContainer .formBoxInputs{gap:.8rem}.newPatientContainer .newPatientForm .top .formBox.aditionalDataContainer{background:var(--color-dashboard);display:flex;flex-direction:column;justify-items:space-between;height:100%;gap:1rem;padding:0;border:none;max-width:50%;box-shadow:none}@media (max-width: 480px){.newPatientContainer .newPatientForm .top .formBox.aditionalDataContainer{max-width:100%}}@media (max-width: 480px){.newPatientContainer .newPatientForm .top .formBox.aditionalDataContainer .epsData h3{margin-bottom:.2rem}}.newPatientContainer .newPatientForm .top .formBox.aditionalDataContainer .epsData .epsInputs{flex-direction:row;justify-content:space-between}.newPatientContainer .newPatientForm .top .formBox.aditionalDataContainer .epsData .epsInputs .formGroup{justify-content:flex-end}.newPatientContainer .newPatientForm .top .formBox.aditionalDataContainer .epsData .epsInputs .tipo_afiliado{width:45%}.newPatientContainer .newPatientForm .top .formBox.aditionalDataContainer .companionData{padding:0;box-shadow:none;height:min-content;border-radius:8px;padding:1rem;box-shadow:0 4px 8px #0000001a}.newPatientContainer .newPatientForm .top .formBox.aditionalDataContainer .companionData .formBoxInputs{gap:.8rem}.newPatientContainer .newPatientForm .top .formBox.aditionalDataContainer .companionData .companionInputs{margin-top:.5rem;flex-direction:row;justify-content:space-between}.newPatientContainer .newPatientForm .top .formBox.aditionalDataContainer .companionData .companionInputs .formGroup{justify-content:flex-end}.newPatientContainer .newPatientForm .top .formBox.aditionalDataContainer .companionData .companionInputs .telefono{width:50%}.newPatientContainer .newPatientForm .top .formBox.aditionalDataContainer .consultReason{height:100%}.newPatientContainer .newPatientForm .top .formBox.aditionalDataContainer .consultReason label{display:flex;gap:1rem;align-items:end;max-height:min-content}.newPatientContainer .newPatientForm .top .formBox.aditionalDataContainer .consultReason label .loadingPointsContainer{display:flex;gap:.1rem;align-items:end;color:var(--color-alert)}.newPatientContainer .newPatientForm .top .formBox.aditionalDataContainer .consultReason label .loadingPointsContainer .loadingPoints{display:flex;align-items:end}.newPatientContainer .newPatientForm .top .formBox.aditionalDataContainer .consultReason label .loadingPointsContainer .loadingPoints span{vertical-align:end;font-size:1.5rem;max-height:min-content;animation:loading 1.4s infinite ease-in-out}.newPatientContainer .newPatientForm .top .formBox.aditionalDataContainer .consultReason label .loadingPointsContainer .loadingPoints span:nth-child(1){animation-delay:-.32s}.newPatientContainer .newPatientForm .top .formBox.aditionalDataContainer .consultReason label .loadingPointsContainer .loadingPoints span:nth-child(2){animation-delay:-.16s}.newPatientContainer .newPatientForm .top .formBox .formBoxTitle{font-size:1.2rem;color:var(--color-titles-headers);margin-bottom:1rem}.newPatientContainer .newPatientForm .top .formBox .formBoxInputs,.newPatientContainer .newPatientForm .top .formBox .formGroup{display:flex;flex-direction:column;gap:.3rem}.newPatientContainer .newPatientForm .top .formBox .formGroup label{font-size:1rem;font-weight:600;color:var(--color-text-dark);letter-spacing:.6px}.newPatientContainer .newPatientForm .top .formBox .formGroup input,.newPatientContainer .newPatientForm .top .formBox .formGroup select,.newPatientContainer .newPatientForm .top .formBox .formGroup textarea{padding:.5rem;border:1px solid var(--color-neutral);border-radius:4px;font-size:1rem;width:100%;background-color:var(--color-white);transition:border-color .3s ease}.newPatientContainer .newPatientForm .top .formBox .formGroup input:focus,.newPatientContainer .newPatientForm .top .formBox .formGroup select:focus,.newPatientContainer .newPatientForm .top .formBox .formGroup textarea:focus{border-color:var(--color-titles-headers);outline:none}.newPatientContainer .newPatientForm .top .formBox .idInfo,.newPatientContainer .newPatientForm .top .formBox .birth-and-gender-info{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;gap:2rem}.newPatientContainer .newPatientForm .top .formBox .idInfo .idGroup,.newPatientContainer .newPatientForm .top .formBox .idInfo .formGroup,.newPatientContainer .newPatientForm .top .formBox .birth-and-gender-info .idGroup,.newPatientContainer .newPatientForm .top .formBox .birth-and-gender-info .formGroup{display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:flex-end;gap:.3rem;width:50%}.newPatientContainer .newPatientForm .top .formBox .formGroup input[type=date]{padding-left:1rem}.newPatientContainer .newPatientForm .top .formBox .formGroup .inputError{color:var(--color-alert);font-size:12px;margin-top:-.3rem}.newPatientContainer .newPatientForm .top .aditionalDataContainer .consultReason .recordingReasonBtn{letter-spacing:1px;width:max-content;align-self:center;background-color:var(--color-cta-btn);color:var(--color-white);padding:.2rem;font-size:1rem;border:none;border-radius:.3rem;cursor:pointer;text-wrap:no-wrap}.newPatientContainer .newPatientForm .top .aditionalDataContainer .consultReason .recordingReasonBtn .recordingBtnMsg{display:flex;gap:.3rem;justify-content:center;align-items:center}.newPatientContainer .newPatientForm .top .aditionalDataContainer .consultReason .recordingReasonBtn:hover{background:var(--color-cta-hover-btn);transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.newPatientContainer .newPatientForm .someError{color:red;font-size:15px;font-weight:600;margin-top:-.3rem;text-align:center}.newPatientContainer .newPatientForm .form_bottom{background:var(--color-bg-cards);padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-self:center;width:max-content;gap:1.3rem;margin-top:.5rem;margin-bottom:1rem}@media (max-width: 480px){.newPatientContainer .newPatientForm .form_bottom{margin-top:.5rem;flex-direction:column;gap:1.2rem;width:100%}}.newPatientContainer .newPatientForm .form_bottom .nextStepContainer{display:flex;flex-direction:column;gap:10px}@media (max-width: 480px){.newPatientContainer .newPatientForm .form_bottom .nextStepContainer{gap:8px}}.newPatientContainer .newPatientForm .form_bottom .nextStepContainer label{display:block;font-size:1rem;font-weight:600;color:var(--color-text-dark);letter-spacing:.3px;margin-bottom:2px}@media (max-width: 480px){.newPatientContainer .newPatientForm .form_bottom .nextStepContainer label{font-size:14px}}.newPatientContainer .newPatientForm .form_bottom .nextStepContainer select{width:100%;padding:12px 40px 12px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:16px;font-weight:500;color:var(--color-text-black);background-color:var(--color-white);background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236b7280' strokeWidth='2' strokeLinecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .2s ease;outline:none;font-family:inherit}.newPatientContainer .newPatientForm .form_bottom .nextStepContainer select:hover{border-color:#d1d5db}.newPatientContainer .newPatientForm .form_bottom .nextStepContainer select:focus{border-color:var(--color-titles-subHeaders);box-shadow:0 0 0 3px #3b82f61a}.newPatientContainer .newPatientForm .form_bottom .nextStepContainer select:not([value=""]){border-color:var(--color-titles-subHeaders);background-color:#eff6ff;color:var(--color-titles-headers);font-weight:600}.newPatientContainer .newPatientForm .form_bottom .nextStepContainer select:disabled{background-color:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.6}@media (max-width: 480px){.newPatientContainer .newPatientForm .form_bottom .nextStepContainer select{padding:11px 36px 11px 12px;font-size:13px}}.newPatientContainer .newPatientForm .form_bottom .nextStepContainer select option{padding:10px;font-size:14px;color:var(--color-text-black)}.newPatientContainer .newPatientForm .form_bottom .nextStepContainer select option:disabled{color:#9ca3af}.newPatientContainer .newPatientForm .form_bottom .nextStepContainer--compact{flex-direction:row;align-items:center;gap:12px}@media (max-width: 480px){.newPatientContainer .newPatientForm .form_bottom .nextStepContainer--compact{flex-direction:column;align-items:flex-start}}.newPatientContainer .newPatientForm .form_bottom .nextStepContainer--compact label{margin-bottom:0;white-space:nowrap}.newPatientContainer .newPatientForm .form_bottom .nextStepContainer--compact select{flex:1;min-width:200px}@media (max-width: 480px){.newPatientContainer .newPatientForm .form_bottom .nextStepContainer--compact select{width:100%;min-width:unset}}.newPatientContainer .newPatientForm .form_bottom button.submitButton{display:flex;gap:.5rem;background-color:var(--color-cta-btn);color:var(--color-white);width:max-content;padding:.5rem 1rem;font-size:1.1rem;border:none;border-radius:4px;transition:background-color .3s ease;letter-spacing:.5px;font-weight:600;align-items:center;justify-content:center;align-self:center;cursor:pointer}.newPatientContainer .newPatientForm .form_bottom button.submitButton:hover{background:var(--color-cta-hover-btn);transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.newPatientContainer .newPatientForm .form_bottom button.submitButton .spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:16px;height:16px;animation:spin .6s linear infinite;display:inline-block;vertical-align:middle;margin-left:8px}.newPatientContainer .newPatientForm .form_bottom button.submitButton .spinner.small{width:12px;height:12px;border-width:2px}.newPatientContainer .newPatientForm .form_bottom button.submitButton:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.newPatientContainer .newPatientForm .form_bottom button.submitButton{font-size:1rem;width:max-content;align-self:center}}.searchPatientContainer{background:var(--color-bg-cards);border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:1rem;display:flex;flex-direction:column;gap:.3rem;position:relative}@media (max-width: 480px){.searchPatientContainer{margin-top:.3rem;padding:.3rem;gap:.5rem;max-width:100vw}}.searchPatientContainer .title_inputSearchContainer{display:flex;gap:1rem}@media (max-width: 480px){.searchPatientContainer .title_inputSearchContainer{flex-direction:column;gap:0rem}}.searchPatientContainer .title_inputSearchContainer .icon{display:flex;align-items:center;gap:.5rem}@media (max-width: 480px){.searchPatientContainer .title_inputSearchContainer .icon{gap:.2rem}}.searchPatientContainer .title_inputSearchContainer .icon .title{font-size:1.3rem;font-weight:700;min-width:max-content}@media (max-width: 480px){.searchPatientContainer .title_inputSearchContainer .icon .title{font-size:1.1rem}}.searchPatientContainer .title_inputSearchContainer small{color:var(--color-text-dark);font-size:.9rem;line-height:1.2;margin-top:.5rem;display:block}@media (max-width: 480px){.searchPatientContainer .title_inputSearchContainer small{font-size:.85rem;text-wrap:wrap;margin-top:.2rem}}.searchPatientContainer hr{border:0;height:1px;background:var(--color-neutral);margin:.5rem 0}@media (max-width: 480px){.searchPatientContainer hr{max-width:400px;height:1px;margin:0}}.searchPatientContainer .inputSearchContainer{display:flex;gap:1rem;align-items:center;padding:.2rem}@media (max-width: 480px){.searchPatientContainer .inputSearchContainer{flex-wrap:wrap;gap:.7rem}}.searchPatientContainer .inputSearchContainer label{font-size:1.1rem;color:var(--color-text-black);font-weight:600}@media (max-width: 480px){.searchPatientContainer .inputSearchContainer label{font-size:1rem}}.searchPatientContainer .inputSearchContainer select{padding:.8rem;border-radius:5px;border:1px solid var(--color-neutral);font-size:1rem;color:var(--color-text-dark);background:var(--color-white);transition:border .3s;flex:1}@media (max-width: 480px){.searchPatientContainer .inputSearchContainer select{font-size:1rem;padding:.4rem}}.searchPatientContainer .inputSearchContainer select:focus{border-color:var(--color-cta-btn);outline:none}.searchPatientContainer .inputSearchContainer input{padding:.8rem;border-radius:5px;border:1px solid var(--color-neutral);font-size:1rem;color:var(--color-text-black);background:var(--color-white);transition:border .3s;flex:3}@media (max-width: 480px){.searchPatientContainer .inputSearchContainer input{font-size:1rem;padding:.6rem}}.searchPatientContainer .inputSearchContainer input::placeholder{color:var(--color-neutral)}.searchPatientContainer .inputSearchContainer input:focus{border-color:var(--color-cta-btn);outline:none}.searchPatientContainer .inputSearchContainer .btnSearch{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.4rem 1rem;background:var(--color-cta-btn);color:var(--color-white);font-size:1.2rem;font-weight:600;border:none;border-radius:5px;cursor:pointer;transition:background .3s,transform .2s,box-shadow .3s;box-shadow:0 4px 6px #0000001a}@media (max-width: 480px){.searchPatientContainer .inputSearchContainer .btnSearch{font-size:1rem;padding:.4rem .8rem;gap:.2rem}}.searchPatientContainer .inputSearchContainer .btnSearch .MuiSvgIcon-root{color:var(--color-white)}.searchPatientContainer .inputSearchContainer .btnSearch:hover{background:var(--color-cta-hover-btn);transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.searchPatientContainer .inputSearchContainer .btnSearch:active{transform:translateY(0);box-shadow:0 4px 6px #0000001a}.searchPatientContainer .inputSearchContainer .btnSearch:focus{outline:2px solid var(--color-titles-subHeaders);outline-offset:2px}.searchPatientContainer .error{position:absolute;color:red;bottom:1px;left:40%;width:50%;border-radius:10px;font-size:14px}.searchPatientContainer .searchResults{display:block;position:absolute;background:#fff;color:var(--color-titles-headers);top:128px;left:365px;width:49.2%;border-radius:10px;padding:.5rem;opacity:0;transition:opacity .5s ease-in-out;z-index:10}@media (max-width: 480px){.searchPatientContainer .searchResults{top:190px;left:3px;width:70%;border:.5px solid}}.searchPatientContainer .searchResults .patients-list{overflow-y:auto;max-height:200px}.searchPatientContainer .searchResults .patients-list li{padding:.5rem;list-style-type:none}.searchPatientContainer .searchResults .patients-list li.highlighted,.searchPatientContainer .searchResults .patients-list li:hover{background:var(--color-titles-subHeaders);cursor:pointer;color:#fff;border-radius:5px}.searchPatientContainer .searchResults.visible{opacity:1}.searchPatientContainer .patients-list li{padding:8px;cursor:pointer}.anamnesisContainer{display:flex;flex-direction:column;gap:.8rem;padding:1rem;height:100%;overflow-y:scroll}@media (max-width: 480px){.anamnesisContainer{padding:.4rem}}.anamnesisContainer h2.anamnesisTitle{font-size:1.6rem;display:flex;align-items:center;gap:.6rem;color:var(--color-titles-headers);vertical-align:bottom}@media (max-width: 480px){.anamnesisContainer h2.anamnesisTitle{font-size:1.3rem;flex-wrap:wrap;gap:.3rem}}.anamnesisContainer h2.anamnesisTitle span.anamnesisTitle_icons{display:flex}.anamnesisContainer h2.anamnesisTitle span.anamnesisTitle_icons svg.personIcon{align-self:flex-start}@media (max-width: 480px){.anamnesisContainer h2.anamnesisTitle span.anamnesisTitle_icons svg.personIcon{font-size:25px}}.anamnesisContainer h2.anamnesisTitle span.anamnesisTitle_icons svg.pencilIcon{align-self:flex-start;width:20px}@media (max-width: 480px){.anamnesisContainer h2.anamnesisTitle span.anamnesisTitle_icons svg.pencilIcon{font-size:15px}}.anamnesisContainer h2.anamnesisTitle small{color:var(--color-text-dark);font-weight:500;font-size:1rem}@media (max-width: 480px){.anamnesisContainer h2.anamnesisTitle small{font-size:.9rem}}.anamnesisContainer .hasAlreadyAnamnesisAlert{color:var(--color-titles-headers);font-weight:600;font-size:1.2rem;text-align:center;text-wrap:pretty}@media (max-width: 480px){.anamnesisContainer .hasAlreadyAnamnesisAlert{font-size:1rem;text-align:center}}.anamnesisContainer .hasAlreadyAnamnesisAlert .name{color:var(--color-alert)}.anamnesisContainer .anamnesisForm{display:flex;flex-direction:column;flex-wrap:nowrap;margin-top:1rem;gap:1rem;width:100%}.anamnesisContainer .anamnesisForm .form_top,.anamnesisContainer .anamnesisForm .form_bottom{display:flex;gap:1rem}@media (max-width: 480px){.anamnesisContainer .anamnesisForm .form_top,.anamnesisContainer .anamnesisForm .form_bottom{flex-direction:column}}.anamnesisContainer .anamnesisForm .form_top .formBox,.anamnesisContainer .anamnesisForm .form_bottom .formBox{flex:1 1 100%;background-color:var(--color-bg-cards);border-radius:8px;padding:.5rem;box-shadow:0 4px 8px #0000001a}@media (max-width: 480px){.anamnesisContainer .anamnesisForm .form_top .formBox,.anamnesisContainer .anamnesisForm .form_bottom .formBox{width:100%}}.anamnesisContainer .anamnesisForm .form_top .formBox.basicDataContainer,.anamnesisContainer .anamnesisForm .form_bottom .formBox.basicDataContainer{max-width:60%;padding:.8rem}@media (max-width: 480px){.anamnesisContainer .anamnesisForm .form_top .formBox.basicDataContainer,.anamnesisContainer .anamnesisForm .form_bottom .formBox.basicDataContainer{max-width:100%}}@media (max-width: 480px){.anamnesisContainer .anamnesisForm .form_top .formBox.basicDataContainer .initialData,.anamnesisContainer .anamnesisForm .form_bottom .formBox.basicDataContainer .initialData{gap:1.2rem}}@media (max-width: 480px){.anamnesisContainer .anamnesisForm .form_top .formBox.basicDataContainer .initialData .fechaAnamnesis-edad-sexo,.anamnesisContainer .anamnesisForm .form_bottom .formBox.basicDataContainer .initialData .fechaAnamnesis-edad-sexo{flex-wrap:wrap;margin-top:.8rem}}.anamnesisContainer .anamnesisForm .form_top .formBox.dentalBackgroundDataContainer,.anamnesisContainer .anamnesisForm .form_bottom .formBox.dentalBackgroundDataContainer{background:var(--color-dashboard);display:flex;flex-direction:column;justify-items:space-between;height:100%;gap:1rem;padding:0;border:none;max-width:45%;box-shadow:none}@media (max-width: 480px){.anamnesisContainer .anamnesisForm .form_top .formBox.dentalBackgroundDataContainer,.anamnesisContainer .anamnesisForm .form_bottom .formBox.dentalBackgroundDataContainer{max-width:100%}}.anamnesisContainer .anamnesisForm .form_top .formBox.dentalBackgroundDataContainer .dentalBackground,.anamnesisContainer .anamnesisForm .form_bottom .formBox.dentalBackgroundDataContainer .dentalBackground{padding:0;box-shadow:none;height:min-content;border-radius:8px;padding:1rem;box-shadow:0 4px 8px #0000001a}.anamnesisContainer .anamnesisForm .form_top .formBox.dentalBackgroundDataContainer .dentalBackground .formBoxTitle,.anamnesisContainer .anamnesisForm .form_bottom .formBox.dentalBackgroundDataContainer .dentalBackground .formBoxTitle{flex-direction:column}.anamnesisContainer .anamnesisForm .form_top .formBox.dentalBackgroundDataContainer .dentalBackground .antecedentes_odontologicos,.anamnesisContainer .anamnesisForm .form_bottom .formBox.dentalBackgroundDataContainer .dentalBackground .antecedentes_odontologicos{width:100%}.anamnesisContainer .anamnesisForm .form_top .formBox.dentalBackgroundDataContainer .dentalBackground .antecedentes_odontologicos label,.anamnesisContainer .anamnesisForm .form_bottom .formBox.dentalBackgroundDataContainer .dentalBackground .antecedentes_odontologicos label{margin-left:3.7rem;display:flex;gap:1rem;align-items:end;max-height:min-content}.anamnesisContainer .anamnesisForm .form_top .formBox.dentalBackgroundDataContainer .dentalBackground .antecedentes_odontologicos label .loadingPointsContainer,.anamnesisContainer .anamnesisForm .form_bottom .formBox.dentalBackgroundDataContainer .dentalBackground .antecedentes_odontologicos label .loadingPointsContainer{display:flex;gap:.1rem;align-items:end;color:var(--color-alert)}.anamnesisContainer .anamnesisForm .form_top .formBox.dentalBackgroundDataContainer .dentalBackground .antecedentes_odontologicos label .loadingPointsContainer .loadingPoints,.anamnesisContainer .anamnesisForm .form_bottom .formBox.dentalBackgroundDataContainer .dentalBackground .antecedentes_odontologicos label .loadingPointsContainer .loadingPoints{display:flex;align-items:end}.anamnesisContainer .anamnesisForm .form_top .formBox.dentalBackgroundDataContainer .dentalBackground .antecedentes_odontologicos label .loadingPointsContainer .loadingPoints span,.anamnesisContainer .anamnesisForm .form_bottom .formBox.dentalBackgroundDataContainer .dentalBackground .antecedentes_odontologicos label .loadingPointsContainer .loadingPoints span{vertical-align:end;font-size:1.5rem;max-height:min-content;animation:loading 1.4s infinite ease-in-out}.anamnesisContainer .anamnesisForm .form_top .formBox.dentalBackgroundDataContainer .dentalBackground .antecedentes_odontologicos label .loadingPointsContainer .loadingPoints span:nth-child(1),.anamnesisContainer .anamnesisForm .form_bottom .formBox.dentalBackgroundDataContainer .dentalBackground .antecedentes_odontologicos label .loadingPointsContainer .loadingPoints span:nth-child(1){animation-delay:-.32s}.anamnesisContainer .anamnesisForm .form_top .formBox.dentalBackgroundDataContainer .dentalBackground .antecedentes_odontologicos label .loadingPointsContainer .loadingPoints span:nth-child(2),.anamnesisContainer .anamnesisForm .form_bottom .formBox.dentalBackgroundDataContainer .dentalBackground .antecedentes_odontologicos label .loadingPointsContainer .loadingPoints span:nth-child(2){animation-delay:-.16s}.anamnesisContainer .anamnesisForm .form_top .formBox.dentalBackgroundDataContainer .dentalBackground .antecedentes_odontologicos .textArea-recordingBtn,.anamnesisContainer .anamnesisForm .form_bottom .formBox.dentalBackgroundDataContainer .dentalBackground .antecedentes_odontologicos .textArea-recordingBtn{display:flex;gap:1rem;align-items:center}.anamnesisContainer .anamnesisForm .form_top .formBox.dentalBackgroundDataContainer .dentalBackground .antecedentes_odontologicos .dentalBackgroundBtn,.anamnesisContainer .anamnesisForm .form_bottom .formBox.dentalBackgroundDataContainer .dentalBackground .antecedentes_odontologicos .dentalBackgroundBtn{letter-spacing:1px;width:max-content;align-self:center;background-color:var(--color-titles-headers);color:var(--color-white);padding:.2rem;font-size:1rem;border:none;border-radius:.3rem;cursor:pointer;text-wrap:no-wrap}.anamnesisContainer .anamnesisForm .form_top .formBox.dentalBackgroundDataContainer .dentalBackground .antecedentes_odontologicos .dentalBackgroundBtn .recordingBtnMsg,.anamnesisContainer .anamnesisForm .form_bottom .formBox.dentalBackgroundDataContainer .dentalBackground .antecedentes_odontologicos .dentalBackgroundBtn .recordingBtnMsg{display:flex;gap:.3rem;justify-content:center;align-items:center}.anamnesisContainer .anamnesisForm .form_top .formBox .formBoxTitle,.anamnesisContainer .anamnesisForm .form_bottom .formBox .formBoxTitle{display:flex;justify-content:space-between;font-size:1.1rem;color:var(--color-titles-headers);margin-bottom:.5rem}@media (max-width: 480px){.anamnesisContainer .anamnesisForm .form_top .formBox .formBoxTitle,.anamnesisContainer .anamnesisForm .form_bottom .formBox .formBoxTitle{margin-bottom:.3rem}}.anamnesisContainer .anamnesisForm .form_top .formBox .formBoxTitle small,.anamnesisContainer .anamnesisForm .form_bottom .formBox .formBoxTitle small{color:var(--color-text-dark);display:flex;align-items:flex-end;flex-direction:column;width:-webkit-fill-available}.anamnesisContainer .anamnesisForm .form_top .formBox .formBoxTitle small strong,.anamnesisContainer .anamnesisForm .form_bottom .formBox .formBoxTitle small strong{color:var(--color-titles-headers)}@media (max-width: 480px){.anamnesisContainer .anamnesisForm .form_top .formBox .formBoxTitle small strong,.anamnesisContainer .anamnesisForm .form_bottom .formBox .formBoxTitle small strong{font-size:.7rem}}.anamnesisContainer .anamnesisForm .form_top .formBox .fisicalExam_title,.anamnesisContainer .anamnesisForm .form_bottom .formBox .fisicalExam_title{margin-bottom:0;display:flex;flex-direction:column;gap:.3rem}.anamnesisContainer .anamnesisForm .form_top .formBox hr,.anamnesisContainer .anamnesisForm .form_bottom .formBox hr{border:0;height:1px;background:var(--color-neutral);margin:.3rem 0}@media (max-width: 480px){.anamnesisContainer .anamnesisForm .form_top .formBox hr,.anamnesisContainer .anamnesisForm .form_bottom .formBox hr{max-width:400px;height:1px;margin:0}}.anamnesisContainer .anamnesisForm .form_top .formBox .formBoxInputs,.anamnesisContainer .anamnesisForm .form_bottom .formBox .formBoxInputs,.anamnesisContainer .anamnesisForm .form_top .formBox .formGroup,.anamnesisContainer .anamnesisForm .form_bottom .formBox .formGroup{display:flex;flex-direction:column;gap:.5rem}.anamnesisContainer .anamnesisForm .form_top .formBox .formGroup input:disabled,.anamnesisContainer .anamnesisForm .form_bottom .formBox .formGroup input:disabled,.anamnesisContainer .anamnesisForm .form_top .formBox .formGroup select:disabled,.anamnesisContainer .anamnesisForm .form_bottom .formBox .formGroup select:disabled,.anamnesisContainer .anamnesisForm .form_top .formBox .formGroup textarea:disabled,.anamnesisContainer .anamnesisForm .form_bottom .formBox .formGroup textarea:disabled{background:var(--color-neutral);color:#000;font-weight:600;text-transform:capitalize}.anamnesisContainer .anamnesisForm .form_top .formBox .formBoxInputs .fechaAnamnesis-edad-sexo,.anamnesisContainer .anamnesisForm .form_bottom .formBox .formBoxInputs .fechaAnamnesis-edad-sexo{display:flex;flex-direction:row;justify-content:space-between;gap:1.5rem;align-items:center}.anamnesisContainer .anamnesisForm .form_top .formBox .fecha-hm,.anamnesisContainer .anamnesisForm .form_bottom .formBox .fecha-hm,.anamnesisContainer .anamnesisForm .form_top .formBox .edad,.anamnesisContainer .anamnesisForm .form_bottom .formBox .edad,.anamnesisContainer .anamnesisForm .form_top .formBox .genero,.anamnesisContainer .anamnesisForm .form_bottom .formBox .genero{flex:1}.anamnesisContainer .anamnesisForm .form_top .formBox .formBoxInputs .profesion-peso-talla,.anamnesisContainer .anamnesisForm .form_bottom .formBox .formBoxInputs .profesion-peso-talla,.anamnesisContainer .anamnesisForm .form_top .formBox .rh-tension-rpm,.anamnesisContainer .anamnesisForm .form_bottom .formBox .rh-tension-rpm{display:flex;flex-direction:row;justify-content:space-between;gap:1.3rem}.anamnesisContainer .anamnesisForm .form_top .formBox .profesion,.anamnesisContainer .anamnesisForm .form_bottom .formBox .profesion,.anamnesisContainer .anamnesisForm .form_top .formBox .peso,.anamnesisContainer .anamnesisForm .form_bottom .formBox .peso,.anamnesisContainer .anamnesisForm .form_top .formBox .talla,.anamnesisContainer .anamnesisForm .form_bottom .formBox .talla{flex:1}.anamnesisContainer .anamnesisForm .form_top .formBox .rh,.anamnesisContainer .anamnesisForm .form_bottom .formBox .rh,.anamnesisContainer .anamnesisForm .form_top .formBox .tension,.anamnesisContainer .anamnesisForm .form_bottom .formBox .tension,.anamnesisContainer .anamnesisForm .form_top .formBox .rpm,.anamnesisContainer .anamnesisForm .form_bottom .formBox .rpm{flex:1;justify-content:space-between}.anamnesisContainer .anamnesisForm .form_top .formBox select#grupo_sanguineo,.anamnesisContainer .anamnesisForm .form_bottom .formBox select#grupo_sanguineo{color:#000}.anamnesisContainer .anamnesisForm .form_top .formBox .initialData,.anamnesisContainer .anamnesisForm .form_bottom .formBox .initialData{gap:1rem}.anamnesisContainer .anamnesisForm .form_top .formBox .consultantReason,.anamnesisContainer .anamnesisForm .form_bottom .formBox .consultantReason{max-height:fit-content}.anamnesisContainer .anamnesisForm .form_top .formBox .formGroup label,.anamnesisContainer .anamnesisForm .form_bottom .formBox .formGroup label{font-size:1rem;color:var(--color-text-dark);font-weight:600;letter-spacing:.6px}.anamnesisContainer .anamnesisForm .form_top .formBox .formGroup input,.anamnesisContainer .anamnesisForm .form_bottom .formBox .formGroup input,.anamnesisContainer .anamnesisForm .form_top .formBox .formGroup select,.anamnesisContainer .anamnesisForm .form_bottom .formBox .formGroup select,.anamnesisContainer .anamnesisForm .form_top .formBox .formGroup textarea,.anamnesisContainer .anamnesisForm .form_bottom .formBox .formGroup textarea{padding:.5rem;border:1px solid var(--color-neutral);border-radius:4px;font-size:1rem;width:100%;background-color:var(--color-white);transition:border-color .3s ease}.anamnesisContainer .anamnesisForm .form_top .formBox .formGroup input:focus,.anamnesisContainer .anamnesisForm .form_bottom .formBox .formGroup input:focus,.anamnesisContainer .anamnesisForm .form_top .formBox .formGroup select:focus,.anamnesisContainer .anamnesisForm .form_bottom .formBox .formGroup select:focus,.anamnesisContainer .anamnesisForm .form_top .formBox .formGroup textarea:focus,.anamnesisContainer .anamnesisForm .form_bottom .formBox .formGroup textarea:focus{border-color:var(--color-titles-headers);outline:none}.anamnesisContainer .anamnesisForm .form_top .formBox .formGroup input[type=date],.anamnesisContainer .anamnesisForm .form_bottom .formBox .formGroup input[type=date]{padding-left:1rem}.anamnesisContainer .anamnesisForm .form_top .formBox .formGroup .inputError,.anamnesisContainer .anamnesisForm .form_bottom .formBox .formGroup .inputError{color:var(--color-alert);font-size:12px;margin-top:-.3rem}.anamnesisContainer .anamnesisForm .form_middle{display:flex;gap:1rem}@media (max-width: 480px){.anamnesisContainer .anamnesisForm .form_middle{flex-direction:column}}.anamnesisContainer .anamnesisForm .form_middle .formBox{display:flex;justify-content:space-between;background-color:var(--color-bg-cards);border-radius:8px;padding:.5rem;box-shadow:0 4px 8px #0000001a;align-items:center}@media (max-width: 480px){.anamnesisContainer .anamnesisForm .form_middle .formBox{width:100%;padding:.3rem}}.anamnesisContainer .anamnesisForm .form_middle .formBox.asa{flex:2}.anamnesisContainer .anamnesisForm .form_middle .formBox.medication{flex:1.67}.anamnesisContainer .anamnesisForm .form_middle .formBox .formGroup{width:100%;display:flex;align-items:center;justify-content:space-around}.anamnesisContainer .anamnesisForm .form_middle .formBox .formGroup.asa_clasificacion{gap:.5rem;color:var(--color-titles-headers)}@media (max-width: 480px){.anamnesisContainer .anamnesisForm .form_middle .formBox .formGroup.asa_clasificacion{gap:.3rem}}.anamnesisContainer .anamnesisForm .form_middle .formBox .formGroup.asa_clasificacion .asa_guide{display:flex;flex-direction:column;align-items:center;cursor:pointer}.anamnesisContainer .anamnesisForm .form_middle .formBox .formGroup.asa_clasificacion .asa_guide span{text-align:center;font-weight:600;line-height:normal}@media (max-width: 480px){.anamnesisContainer .anamnesisForm .form_middle .formBox .formGroup.asa_clasificacion .asa_guide span{font-size:13px}}.anamnesisContainer .anamnesisForm .form_middle .formBox .formGroup.medication_inputs{gap:.3rem}.anamnesisContainer .anamnesisForm .form_middle .formBox .formGroup input:disabled,.anamnesisContainer .anamnesisForm .form_middle .formBox .formGroup select:disabled,.anamnesisContainer .anamnesisForm .form_middle .formBox .formGroup textarea:disabled{background:var(--color-neutral);color:#000;font-weight:600;text-transform:capitalize}.anamnesisContainer .anamnesisForm .form_middle .formBox .formGroup label{font-size:1rem;color:var(--color-text-dark);font-weight:600;letter-spacing:.6px;width:min-content}@media (max-width: 480px){.anamnesisContainer .anamnesisForm .form_middle .formBox .formGroup label{font-size:.9rem}}.anamnesisContainer .anamnesisForm .form_middle .formBox .formGroup select{width:18%}@media (max-width: 480px){.anamnesisContainer .anamnesisForm .form_middle .formBox .formGroup select{width:38%}}.anamnesisContainer .anamnesisForm .form_middle .formBox .formGroup textarea,.anamnesisContainer .anamnesisForm .form_middle .formBox .formGroup input{padding:.5rem;border:1px solid var(--color-neutral);border-radius:4px;font-size:1rem;width:70%;background-color:var(--color-white);transition:border-color .3s ease}.anamnesisContainer .anamnesisForm .form_middle .formBox .formGroup textarea:focus,.anamnesisContainer .anamnesisForm .form_middle .formBox .formGroup input:focus{border-color:var(--color-titles-headers);outline:none}.anamnesisContainer .anamnesisForm .form_bottom .formBox{padding:1rem}.anamnesisContainer .anamnesisForm .form_bottom .formBox .formBoxTitle{flex-direction:column;gap:.2rem;justify-self:flex-start}.anamnesisContainer .anamnesisForm .form_bottom .formBox .formBoxTitle small{width:100%;font-style:italic;font-weight:500;text-wrap:pretty;font-size:14px}.anamnesisContainer .anamnesisForm .form_bottom .medicalHistory{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem 1.5rem;margin-top:1rem}@media (max-width: 480px){.anamnesisContainer .anamnesisForm .form_bottom .medicalHistory{grid-template-columns:1fr;gap:1rem}}.anamnesisContainer .anamnesisForm .form_bottom .medicalHistory .formGroup{display:flex;flex-direction:row;align-items:center;gap:.5rem}.anamnesisContainer .anamnesisForm .form_bottom .medicalHistory .anamnesisCondition{display:flex;width:100%}.anamnesisContainer .anamnesisForm .form_bottom .medicalHistory .anamnesisCondition label{width:25%;font-size:15px;text-align:left}@media (max-width: 480px){.anamnesisContainer .anamnesisForm .form_bottom .medicalHistory .anamnesisCondition label{font-size:13px;text-align:left;width:30%}}.anamnesisContainer .anamnesisForm .form_bottom .medicalHistory .anamnesisCondition .anamnesisCondition-switch{position:relative;width:47px;height:1.6rem;display:inline-block;align-items:center}.anamnesisContainer .anamnesisForm .form_bottom .medicalHistory .anamnesisCondition .anamnesisCondition-switch input{display:none}.anamnesisContainer .anamnesisForm .form_bottom .medicalHistory .anamnesisCondition .anamnesisCondition-switch .switch{display:flex;align-items:center;background-color:#ccc;border-radius:20px;border:solid grey .5px;position:relative;cursor:pointer;width:100%;height:100%;transition:background-color .3s ease}.anamnesisContainer .anamnesisForm .form_bottom .medicalHistory .anamnesisCondition .anamnesisCondition-switch .switch:after{content:"";position:absolute;width:1.5rem;height:1.5rem;background-color:#fff;border-radius:18px;top:.4px;right:11.5px;transition:transform .3s ease}.anamnesisContainer .anamnesisForm .form_bottom .medicalHistory .anamnesisCondition .anamnesisCondition-switch input:checked+.switch{background-color:#4caf4fe0}.anamnesisContainer .anamnesisForm .form_bottom .medicalHistory .anamnesisCondition .anamnesisCondition-switch input:checked+.switch:after{transform:translate(12px)}.anamnesisContainer .anamnesisForm .form_bottom .medicalHistory .anamnesisCondition .patient_observation{width:90%}.anamnesisContainer .anamnesisForm .form_bottom .medicalHistory .anamnesisCondition .patient_observation input{font-size:14px}.anamnesisContainer .anamnesisForm .someError{color:red;font-size:1.2rem;font-weight:600;margin-top:-.3rem;text-align:center}.anamnesisContainer .anamnesisForm .form_submit{background:var(--color-bg-cards);padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-self:center;width:max-content;gap:1.3rem;margin-top:.5rem;margin-bottom:1rem}@media (max-width: 480px){.anamnesisContainer .anamnesisForm .form_submit{margin-top:.5rem;flex-direction:column;gap:1.2rem;width:100%}}.anamnesisContainer .anamnesisForm .form_submit .nextStepContainer{display:flex;flex-direction:column;gap:10px}@media (max-width: 480px){.anamnesisContainer .anamnesisForm .form_submit .nextStepContainer{gap:8px}}.anamnesisContainer .anamnesisForm .form_submit .nextStepContainer label{display:block;font-size:1rem;font-weight:600;color:var(--color-text-dark);letter-spacing:.3px;margin-bottom:2px}@media (max-width: 480px){.anamnesisContainer .anamnesisForm .form_submit .nextStepContainer label{font-size:14px}}.anamnesisContainer .anamnesisForm .form_submit .nextStepContainer select{width:100%;padding:12px 40px 12px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:16px;font-weight:500;color:var(--color-text-black);background-color:var(--color-white);background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236b7280' strokeWidth='2' strokeLinecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .2s ease;outline:none;font-family:inherit}.anamnesisContainer .anamnesisForm .form_submit .nextStepContainer select:hover{border-color:#d1d5db}.anamnesisContainer .anamnesisForm .form_submit .nextStepContainer select:focus{border-color:var(--color-titles-subHeaders);box-shadow:0 0 0 3px #3b82f61a}.anamnesisContainer .anamnesisForm .form_submit .nextStepContainer select:not([value=""]){border-color:var(--color-titles-subHeaders);background-color:#eff6ff;color:var(--color-titles-headers);font-weight:600}.anamnesisContainer .anamnesisForm .form_submit .nextStepContainer select:disabled{background-color:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.6}@media (max-width: 480px){.anamnesisContainer .anamnesisForm .form_submit .nextStepContainer select{padding:11px 36px 11px 12px;font-size:13px}}.anamnesisContainer .anamnesisForm .form_submit .nextStepContainer select option{padding:10px;font-size:14px;color:var(--color-text-black)}.anamnesisContainer .anamnesisForm .form_submit .nextStepContainer select option:disabled{color:#9ca3af}.anamnesisContainer .anamnesisForm .form_submit .nextStepContainer--compact{flex-direction:row;align-items:center;gap:12px}@media (max-width: 480px){.anamnesisContainer .anamnesisForm .form_submit .nextStepContainer--compact{flex-direction:column;align-items:flex-start}}.anamnesisContainer .anamnesisForm .form_submit .nextStepContainer--compact label{margin-bottom:0;white-space:nowrap}.anamnesisContainer .anamnesisForm .form_submit .nextStepContainer--compact select{flex:1;min-width:200px}@media (max-width: 480px){.anamnesisContainer .anamnesisForm .form_submit .nextStepContainer--compact select{width:100%;min-width:unset}}.anamnesisContainer .anamnesisForm .form_submit button.submitButton{display:flex;gap:.5rem;background-color:var(--color-cta-btn);color:var(--color-white);width:max-content;padding:.5rem 1rem;font-size:1.1rem;border:none;border-radius:4px;transition:background-color .3s ease;letter-spacing:.5px;font-weight:600;align-items:center;justify-content:center;align-self:center;cursor:pointer}.anamnesisContainer .anamnesisForm .form_submit button.submitButton:hover{background:var(--color-cta-hover-btn);transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.anamnesisContainer .anamnesisForm .form_submit button.submitButton .spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:16px;height:16px;animation:spin .6s linear infinite;display:inline-block;vertical-align:middle;margin-left:8px}.anamnesisContainer .anamnesisForm .form_submit button.submitButton .spinner.small{width:12px;height:12px;border-width:2px}.anamnesisContainer .anamnesisForm .form_submit button.submitButton:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.anamnesisContainer .anamnesisForm .form_submit button.submitButton{font-size:1rem;width:max-content;align-self:center}}.odontogramContainer{display:flex;position:relative;flex-direction:column;gap:.8rem;padding:1rem;height:100%;overflow-y:scroll}@media (max-width: 480px){.odontogramContainer{padding:.4rem}}.odontogramContainer h2.odontogramTitle{font-size:1.6rem;display:flex;align-items:center;gap:.6rem;color:var(--color-titles-headers);vertical-align:bottom}@media (max-width: 480px){.odontogramContainer h2.odontogramTitle{font-size:1.3rem;flex-wrap:wrap;gap:.3rem}}.odontogramContainer h2.odontogramTitle span.odontogramTitle_icons{display:flex}.odontogramContainer h2.odontogramTitle span.odontogramTitle_icons svg.personIcon{align-self:flex-start}@media (max-width: 480px){.odontogramContainer h2.odontogramTitle span.odontogramTitle_icons svg.personIcon{font-size:25px}}.odontogramContainer h2.odontogramTitle span.odontogramTitle_icons svg.pencilIcon{align-self:flex-start;width:20px}@media (max-width: 480px){.odontogramContainer h2.odontogramTitle span.odontogramTitle_icons svg.pencilIcon{font-size:15px}}.odontogramContainer h2.odontogramTitle small{color:var(--color-text-dark);font-weight:500;font-size:1rem}@media (max-width: 480px){.odontogramContainer h2.odontogramTitle small{font-size:.9rem}}.odontogramContainer .hasAlreadyOdontogramAlert{color:var(--color-titles-headers);font-weight:600;font-size:1.2rem;text-align:center}@media (max-width: 480px){.odontogramContainer .hasAlreadyOdontogramAlert{font-size:1rem;text-align:center}}.odontogramContainer .hasAlreadyOdontogramAlert .name{color:var(--color-alert)}.odontogramContainer .createNewOGAlert,.odontogramContainer .createNewOGAlert2{align-self:center;color:var(--color-titles-headers);font-size:14px}@media (max-width: 480px){.odontogramContainer .createNewOGAlert,.odontogramContainer .createNewOGAlert2{font-size:.8rem;text-align:center}}.odontogramContainer .createNewOGAlert2{text-align:center;margin:0 2rem}@media (max-width: 480px){.odontogramContainer .createNewOGAlert2{font-size:.85rem;margin:0 1rem}}.odontogramContainer .cancelNewOgBtnContainer{display:flex;align-items:center;justify-content:center}.odontogramContainer .cancelNewOgBtnContainer button{display:flex;gap:.5rem;background-color:var(--color-cta-btn);color:var(--color-white);padding:.5rem;font-size:.8rem;border:none;border-radius:15px;cursor:pointer;transition:all .2s ease-in-out;letter-spacing:1px;font-weight:500;align-items:center}.odontogramContainer .cancelNewOgBtnContainer button span.odontogramBtn_icons{display:flex;align-items:flex-end}.odontogramContainer .cancelNewOgBtnContainer button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0003;background-color:var(--color-titles-headers-light, #4a90e2);border-color:var(--color-titles-headers)}@media (max-width: 480px){.odontogramContainer .cancelNewOgBtnContainer button{font-size:.9rem;width:max-content;align-self:center}}.odontogramContainer .odontogramForm{display:flex;flex-direction:column;flex-wrap:nowrap;margin:1rem 0 .5rem;gap:1rem;width:100%}@media (max-width: 480px){.odontogramContainer .odontogramForm{margin-top:.5rem}}.odontogramContainer .odontogramForm .formGroup{display:flex;gap:.5rem;align-items:center}.odontogramContainer .odontogramForm .formGroup input:disabled,.odontogramContainer .odontogramForm .formGroup select:disabled,.odontogramContainer .odontogramForm .formGroup textarea:disabled,.odontogramContainer .odontogramForm .formGroup button:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text);font-weight:600}.odontogramContainer .odontogramForm .formGroup button:disabled{color:var(--color-text-dark)}.odontogramContainer .odontogramForm .formBoxInputs{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;padding:2rem 6rem}.odontogramContainer .odontogramForm .formGroup label{font-size:1rem;color:var(--color-text-dark);font-weight:600;letter-spacing:.6px;width:18%}.odontogramContainer .odontogramForm .formGroup input,.odontogramContainer .odontogramForm .formGroup select,.odontogramContainer .odontogramForm .formGroup textarea{padding:.5rem;border:1px solid var(--color-neutral);border-radius:4px;font-size:1rem;width:50%;background-color:var(--color-white);transition:border-color .3s ease}.odontogramContainer .odontogramForm .formGroup input:focus,.odontogramContainer .odontogramForm .formGroup select:focus,.odontogramContainer .odontogramForm .formGroup textarea:focus{border-color:var(--color-titles-headers);outline:none}.odontogramContainer .odontogramForm .form_top,.odontogramContainer .odontogramForm .form_bottom{display:flex;gap:1rem;width:100%}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_top,.odontogramContainer .odontogramForm .form_bottom{flex-direction:column}}.odontogramContainer .odontogramForm .form_top .formBox,.odontogramContainer .odontogramForm .form_bottom .formBox{flex:1 1 100%;background-color:var(--color-bg-cards);border-radius:8px;padding:.5rem;box-shadow:0 4px 8px #0000001a}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_top .formBox,.odontogramContainer .odontogramForm .form_bottom .formBox{width:100%}}.odontogramContainer .odontogramForm .form_top .formBox.basicDataContainer,.odontogramContainer .odontogramForm .form_bottom .formBox.basicDataContainer{max-width:100%;padding:.8rem}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_top .formBox.basicDataContainer,.odontogramContainer .odontogramForm .form_bottom .formBox.basicDataContainer{max-width:100%}}.odontogramContainer .odontogramForm .form_top .formBox.basicDataContainer .formBoxTitle,.odontogramContainer .odontogramForm .form_bottom .formBox.basicDataContainer .formBoxTitle{display:flex;justify-content:space-between;font-size:1.1rem;color:var(--color-titles-headers);margin-bottom:.5rem}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_top .formBox.basicDataContainer .formBoxTitle,.odontogramContainer .odontogramForm .form_bottom .formBox.basicDataContainer .formBoxTitle{margin-bottom:.3rem;align-items:center}}.odontogramContainer .odontogramForm .form_top .formBox.basicDataContainer .formBoxTitle small,.odontogramContainer .odontogramForm .form_bottom .formBox.basicDataContainer .formBoxTitle small{color:var(--color-text-dark);display:flex;align-items:flex-end;width:max-content;gap:.5rem}.odontogramContainer .odontogramForm .form_top .formBox.basicDataContainer .formBoxTitle small strong,.odontogramContainer .odontogramForm .form_bottom .formBox.basicDataContainer .formBoxTitle small strong{color:var(--color-titles-headers)}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_top .formBox.basicDataContainer .formBoxTitle small strong,.odontogramContainer .odontogramForm .form_bottom .formBox.basicDataContainer .formBoxTitle small strong{font-size:.7rem;align-self:center}}.odontogramContainer .odontogramForm .form_top .formBox.basicDataContainer hr,.odontogramContainer .odontogramForm .form_bottom .formBox.basicDataContainer hr{border:0;height:1px;background:var(--color-neutral);margin:.5rem 0}.odontogramContainer .odontogramForm .form_top .formBox.basicDataContainer small,.odontogramContainer .odontogramForm .form_bottom .formBox.basicDataContainer small{color:var(--color-text-dark);font-weight:500;align-self:self-end}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_top .formBox.basicDataContainer small,.odontogramContainer .odontogramForm .form_bottom .formBox.basicDataContainer small{align-items:center}}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_top .formBox.basicDataContainer small span,.odontogramContainer .odontogramForm .form_bottom .formBox.basicDataContainer small span{font-size:.7rem;width:min-content}}.odontogramContainer .odontogramForm .form_top .formBox.basicDataContainer .initialData,.odontogramContainer .odontogramForm .form_bottom .formBox.basicDataContainer .initialData{padding:.5rem .3rem}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_top .formBox.basicDataContainer .initialData .formGroup,.odontogramContainer .odontogramForm .form_bottom .formBox.basicDataContainer .initialData .formGroup{justify-content:space-between}}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_top .formBox.basicDataContainer .initialData .formGroup label,.odontogramContainer .odontogramForm .form_bottom .formBox.basicDataContainer .initialData .formGroup label{font-size:.9rem;width:max-content}}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_top .formBox.basicDataContainer .initialData .formGroup input,.odontogramContainer .odontogramForm .form_bottom .formBox.basicDataContainer .initialData .formGroup input{font-size:.9rem;padding:.3rem;width:min-content;display:flex;justify-items:center;align-items:center}}.odontogramContainer .odontogramForm .form_top .formBox.basicDataContainer .initialData .edentulo .repaintButton,.odontogramContainer .odontogramForm .form_bottom .formBox.basicDataContainer .initialData .edentulo .repaintButton{letter-spacing:1px;width:max-content;align-self:center;background-color:var(--color-cta-btn);color:var(--color-white);padding:.5rem 1rem;font-size:1rem;font-weight:500;border:2px solid transparent;border-radius:15px;cursor:pointer;text-wrap:nowrap;box-shadow:0 3px 6px #00000026;transition:all .2s ease-in-out;position:relative;overflow:hidden}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_top .formBox.basicDataContainer .initialData .edentulo .repaintButton,.odontogramContainer .odontogramForm .form_bottom .formBox.basicDataContainer .initialData .edentulo .repaintButton{font-size:.9rem}}.odontogramContainer .odontogramForm .form_top .formBox.basicDataContainer .initialData .edentulo .repaintButton:hover,.odontogramContainer .odontogramForm .form_bottom .formBox.basicDataContainer .initialData .edentulo .repaintButton:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0003;background-color:var(--color-titles-headers-light, #4a90e2)}.odontogramContainer .odontogramForm .form_top .formBox.basicDataContainer .initialData .edentulo .repaintButton:active,.odontogramContainer .odontogramForm .form_bottom .formBox.basicDataContainer .initialData .edentulo .repaintButton:active{transform:translateY(1px);box-shadow:0 1px 3px #0000001a}.odontogramContainer .odontogramForm .form_top .formBox.basicDataContainer .initialData .edentulo .repaintButton:after,.odontogramContainer .odontogramForm .form_bottom .formBox.basicDataContainer .initialData .edentulo .repaintButton:after{content:"";position:absolute;width:100%;height:100%;background:#ffffff4d;top:0;left:-100%;border-radius:.3rem;transition:all .3s ease}.odontogramContainer .odontogramForm .form_top .formBox.basicDataContainer .initialData .edentulo .repaintButton:active:after,.odontogramContainer .odontogramForm .form_bottom .formBox.basicDataContainer .initialData .edentulo .repaintButton:active:after{left:0;opacity:0;transition:0s}.odontogramContainer .odontogramForm .form_top .formBox.basicDataContainer .initialData .edentulo .repaintButton .repaintMsg,.odontogramContainer .odontogramForm .form_bottom .formBox.basicDataContainer .initialData .edentulo .repaintButton .repaintMsg{display:flex;gap:.5rem;justify-content:center;align-items:center}.odontogramContainer .odontogramForm .form_bottom{display:flex}.odontogramContainer .odontogramForm .form_bottom .teethContainer{width:100%;display:flex;flex-direction:column;gap:1rem 2rem;margin-top:1rem}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_bottom .teethContainer{grid-template-columns:1fr;gap:1rem;margin-top:.7rem}}.odontogramContainer .odontogramForm .form_bottom .teethContainer .permanentTeethContainer,.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer{width:100%;display:flex;flex-direction:column;gap:1rem}.odontogramContainer .odontogramForm .form_bottom .teethContainer .permanentTeethContainer .permanentTeethTitle,.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .permanentTeethTitle{background:var(--color-bg-cards);border-radius:8px;padding:.5rem;box-shadow:0 4px 8px #0000001a}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_bottom .teethContainer .permanentTeethContainer .permanentTeethTitle,.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .permanentTeethTitle{width:100%}}.odontogramContainer .odontogramForm .form_bottom .teethContainer .permanentTeethContainer .permanentTeethTitle .formBoxTitle,.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .permanentTeethTitle .formBoxTitle{display:flex;justify-content:flex-start;align-items:center;gap:.5rem;font-size:1.1rem;color:var(--color-titles-headers);margin-bottom:.5rem}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_bottom .teethContainer .permanentTeethContainer .permanentTeethTitle .formBoxTitle,.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .permanentTeethTitle .formBoxTitle{margin-bottom:.3rem}}.odontogramContainer .odontogramForm .form_bottom .teethContainer .permanentTeethContainer .permanentTeethTitle .formBoxTitle small,.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .permanentTeethTitle .formBoxTitle small{color:var(--color-text-dark);font-weight:500;align-self:self-end}.odontogramContainer .odontogramForm .form_bottom .teethContainer .permanentTeethContainer .permanentTeethTitle hr,.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .permanentTeethTitle hr{border:0;height:1px;background:var(--color-neutral);margin:.5rem 0}.odontogramContainer .odontogramForm .form_bottom .teethContainer .permanentTeethContainer .permanentTeeth,.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .permanentTeeth,.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .temporalTeeth{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:1rem;grid-row-gap:1rem}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_bottom .teethContainer .permanentTeethContainer .permanentTeeth,.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .permanentTeeth,.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .temporalTeeth{grid-template-columns:1fr}}.odontogramContainer .odontogramForm .form_bottom .teethContainer .permanentTeethContainer .permanentTeeth .teethBox,.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .permanentTeeth .teethBox,.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .temporalTeeth .teethBox{background:var(--color-bg-cards);display:flex;justify-content:space-between;gap:.7rem;padding:.8rem .5rem;justify-items:center;border-radius:12px}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_bottom .teethContainer .permanentTeethContainer .permanentTeeth .teethBox,.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .permanentTeeth .teethBox,.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .temporalTeeth .teethBox{flex-wrap:wrap}.odontogramContainer .odontogramForm .form_bottom .teethContainer .permanentTeethContainer .permanentTeeth .teethBox>*,.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .permanentTeeth .teethBox>*,.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .temporalTeeth .teethBox>*{width:calc(25% - .7rem)}}.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer{margin-top:2rem}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer{margin-top:1rem}}.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .temporalTeethTitle{background:var(--color-bg-cards);border-radius:8px;padding:.5rem;box-shadow:0 4px 8px #0000001a}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .temporalTeethTitle{width:100%}}.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .temporalTeethTitle .formBoxTitle{display:flex;justify-content:flex-start;align-items:center;gap:.5rem;font-size:1.1rem;color:var(--color-titles-headers);margin-bottom:.5rem}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .temporalTeethTitle .formBoxTitle{margin-bottom:.3rem}}.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .temporalTeethTitle .formBoxTitle small{color:var(--color-text-dark);font-weight:500;align-self:self-end}.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .temporalTeethTitle hr{border:0;height:1px;background:var(--color-neutral);margin:.5rem 0}.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .temporalTeeth{justify-content:center;justify-items:center;grid-column-gap:1.5rem;grid-row-gap:1.5rem}.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .temporalTeeth .teethBox{width:max-content;justify-content:normal;gap:1.2rem}.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .temporalTeeth .teethBox:nth-of-type(odd){justify-self:end}.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .temporalTeeth .teethBox:nth-of-type(2n){justify-self:start}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .temporalTeeth .teethBox{width:100%;justify-content:space-between;gap:.5rem;padding:.8rem .5rem}.odontogramContainer .odontogramForm .form_bottom .teethContainer .temporalTeethContainer .temporalTeeth .teethBox>*{width:min-content}}.odontogramContainer .odontogramForm .form_bottom .teethContainer .colorToothFaceGuide{background:var(--color-bg-cards);border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_bottom .teethContainer .colorToothFaceGuide .colorToothFaceGuideTitle{width:100%}}.odontogramContainer .odontogramForm .form_bottom .teethContainer .colorToothFaceGuide .colorToothFaceGuideTitle .formBoxTitle{display:flex;justify-content:flex-start;align-items:center;gap:.5rem;font-size:1.1rem;color:var(--color-titles-headers);margin-bottom:.5rem}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_bottom .teethContainer .colorToothFaceGuide .colorToothFaceGuideTitle .formBoxTitle{margin-bottom:.3rem}}.odontogramContainer .odontogramForm .form_bottom .teethContainer .colorToothFaceGuide .colorToothFaceGuideTitle .formBoxTitle small{color:var(--color-text-dark);font-weight:500;align-self:self-end}.odontogramContainer .odontogramForm .form_bottom .teethContainer .colorToothFaceGuide .colorToothFaceGuideTitle hr{border:0;height:1px;background:var(--color-neutral)}.odontogramContainer .odontogramForm .form_bottom .teethContainer .colorToothFaceGuide .color-legend{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);flex-wrap:wrap;gap:10px;padding:.5rem;background:#f5f5f5;margin-top:1rem}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_bottom .teethContainer .colorToothFaceGuide .color-legend{width:100%;grid-template-columns:repeat(3,1fr);padding:0}}.odontogramContainer .odontogramForm .form_bottom .teethContainer .colorToothFaceGuide .color-legend .color-pill{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:20px;color:#fff;font-size:13px;font-weight:600;box-shadow:0 2px 4px #0000001a}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_bottom .teethContainer .colorToothFaceGuide .color-legend .color-pill{padding:5px 7px;font-size:.7rem}}.odontogramContainer .odontogramForm .form_bottom .teethContainer .colorToothFaceGuide .color-legend .color-pill span{margin-left:8px;text-align:center}.odontogramContainer .odontogramForm .form_bottom .teethContainer .colorToothFaceGuide .color-legend .color-pill:nth-child(1),.odontogramContainer .odontogramForm .form_bottom .teethContainer .colorToothFaceGuide .color-legend .color-pill:nth-child(7),.odontogramContainer .odontogramForm .form_bottom .teethContainer .colorToothFaceGuide .color-legend .color-pill:nth-child(5){color:#000}.odontogramContainer .odontogramForm .form_submit{display:flex;flex-direction:column;justify-content:center;gap:2rem;margin-top:.5rem;margin-bottom:1rem;background:var(--color-bg-cards);border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_submit{margin-bottom:.5rem;flex-direction:column;gap:1rem;margin-bottom:0}}.odontogramContainer .odontogramForm .form_submit .finalComments_submit{display:flex;flex-direction:column}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .formBoxTitle{display:flex;justify-content:flex-start;font-size:1.1rem;gap:1rem;color:var(--color-titles-headers);margin-bottom:.5rem}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_submit .finalComments_submit .formBoxTitle{margin-bottom:.3rem}}.odontogramContainer .odontogramForm .form_submit .finalComments_submit hr{border:0;height:1px;background:var(--color-neutral);margin:.3rem 0}.odontogramContainer .odontogramForm .form_submit .finalComments_submit small{color:var(--color-text-dark);font-weight:500;align-self:center}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_submit .finalComments_submit small{display:none}}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .finalObservations{display:flex;align-items:center;justify-content:center;margin-top:1rem;gap:.5rem}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .finalObservations .observationsBtn{letter-spacing:1px;width:3.5rem;height:3rem;align-self:center;margin-top:1.5rem;background-color:var(--color-cta-btn);color:var(--color-white);padding:.5rem;font-size:1rem;font-weight:600;border:none;border-radius:.3rem;cursor:pointer;text-wrap:no-wrap;transition:all .2s ease-in-out}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_submit .finalComments_submit .finalObservations .observationsBtn{width:5rem;padding-left:.2rem;padding-right:.2rem}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .finalObservations .observationsBtn:active{width:5rem}}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .finalObservations .observationsBtn .recordingBtnMsg{display:flex;gap:.3rem;justify-content:center;align-items:center}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .finalObservations .observationsBtn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0003;background-color:var(--color-titles-headers-light, #4a90e2);border-color:var(--color-titles-headers)}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .finalObservations .label_textArea{display:flex;flex-direction:column;justify-items:baseline;justify-content:flex-start;width:max-content;gap:.5rem;width:40rem}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_submit .finalComments_submit .finalObservations .label_textArea{max-width:100%}}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .finalObservations .label_textArea label{font-size:1.1rem;color:var(--color-text-dark);font-weight:600;letter-spacing:.6px;width:100%;align-items:baseline;align-self:flex-start;gap:1rem;display:flex}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_submit .finalComments_submit .finalObservations .label_textArea label{font-size:1rem;align-self:flex-start;width:max-content}}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .finalObservations .label_textArea label .loadingPointsContainer{display:flex;gap:.1rem;align-items:end;color:var(--color-alert)}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .finalObservations .label_textArea label .loadingPointsContainer .loadingPoints{display:flex;align-items:end}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .finalObservations .label_textArea label .loadingPointsContainer .loadingPoints span{vertical-align:end;font-size:1.5rem;max-height:min-content;animation:loading 1.4s infinite ease-in-out}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .finalObservations .label_textArea label .loadingPointsContainer .loadingPoints span:nth-child(1){animation-delay:-.32s}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .finalObservations .label_textArea label .loadingPointsContainer .loadingPoints span:nth-child(2){animation-delay:-.16s}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .finalObservations .label_textArea textarea{width:90%;height:5rem;font-size:1rem;text-align:start;padding:.5rem}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_submit .finalComments_submit .finalObservations .label_textArea textarea{width:100%;height:7rem}}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .nextStep_submit{display:flex;align-items:end;justify-content:center;gap:1.5rem;margin-top:2rem}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_submit .finalComments_submit .nextStep_submit{flex-direction:column;margin-top:1.5rem}}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .nextStep_submit .nextStepContainer{display:flex;flex-direction:column;gap:10px}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_submit .finalComments_submit .nextStep_submit .nextStepContainer{gap:8px}}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .nextStep_submit .nextStepContainer label{display:block;font-size:1rem;font-weight:600;color:var(--color-text-dark);letter-spacing:.3px;margin-bottom:2px}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_submit .finalComments_submit .nextStep_submit .nextStepContainer label{font-size:14px}}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .nextStep_submit .nextStepContainer select{width:100%;padding:12px 40px 12px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:16px;font-weight:500;color:var(--color-text-black);background-color:var(--color-white);background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236b7280' strokeWidth='2' strokeLinecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .2s ease;outline:none;font-family:inherit}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .nextStep_submit .nextStepContainer select:hover{border-color:#d1d5db}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .nextStep_submit .nextStepContainer select:focus{border-color:var(--color-titles-subHeaders);box-shadow:0 0 0 3px #3b82f61a}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .nextStep_submit .nextStepContainer select:not([value=""]){border-color:var(--color-titles-subHeaders);background-color:#eff6ff;color:var(--color-titles-headers);font-weight:600}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .nextStep_submit .nextStepContainer select:disabled{background-color:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.6}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_submit .finalComments_submit .nextStep_submit .nextStepContainer select{padding:11px 36px 11px 12px;font-size:13px}}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .nextStep_submit .nextStepContainer select option{padding:10px;font-size:14px;color:var(--color-text-black)}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .nextStep_submit .nextStepContainer select option:disabled{color:#9ca3af}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .nextStep_submit .nextStepContainer--compact{flex-direction:row;align-items:center;gap:12px}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_submit .finalComments_submit .nextStep_submit .nextStepContainer--compact{flex-direction:column;align-items:flex-start}}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .nextStep_submit .nextStepContainer--compact label{margin-bottom:0;white-space:nowrap}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .nextStep_submit .nextStepContainer--compact select{flex:1;min-width:200px}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_submit .finalComments_submit .nextStep_submit .nextStepContainer--compact select{width:100%;min-width:unset}}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .nextStep_submit button.submitButton{display:flex;gap:.5rem;background-color:var(--color-cta-btn);color:var(--color-white);padding:.6rem;font-size:1.1rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease-in-out;letter-spacing:1px;font-weight:600;align-items:center}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .nextStep_submit button.submitButton span.odontogramBtn_icons{display:flex;align-items:flex-end}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .nextStep_submit button.submitButton .spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:16px;height:16px;animation:spin .6s linear infinite;display:inline-block;vertical-align:middle;margin-left:8px}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .nextStep_submit button.submitButton .spinner.small{width:12px;height:12px;border-width:2px}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .nextStep_submit button.submitButton:disabled{opacity:.6;cursor:not-allowed}.odontogramContainer .odontogramForm .form_submit .finalComments_submit .nextStep_submit button.submitButton:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0003;background-color:var(--color-titles-headers-light, #4a90e2);border-color:var(--color-titles-headers)}@media (max-width: 480px){.odontogramContainer .odontogramForm .form_submit .finalComments_submit .nextStep_submit button.submitButton{font-size:1.1rem;width:max-content;align-self:center}}.odontogramContainer .summaryOdontogram{display:flex;flex-direction:column;gap:1rem}.odontogramContainer .summaryOdontogram .summaryOdontogram_title{background:var(--color-bg-cards);border-radius:8px;padding:.5rem;box-shadow:0 4px 8px #0000001a}@media (max-width: 480px){.odontogramContainer .summaryOdontogram .summaryOdontogram_title{width:100%}}.odontogramContainer .summaryOdontogram .summaryOdontogram_title .formBoxTitle{display:flex;justify-content:flex-start;align-items:center;gap:.5rem;font-size:1.2rem;color:var(--color-titles-headers);margin-bottom:.5rem}@media (max-width: 480px){.odontogramContainer .summaryOdontogram .summaryOdontogram_title .formBoxTitle{margin-bottom:.3rem;font-size:1.1rem}}.odontogramContainer .summaryOdontogram .summaryOdontogram_title .formBoxTitle small{color:var(--color-text-dark);font-weight:600;text-transform:capitalize;font-size:1.3rem}@media (max-width: 480px){.odontogramContainer .summaryOdontogram .summaryOdontogram_title .formBoxTitle small{font-size:.9rem}}.odontogramContainer .summaryOdontogram .summaryOdontogram_title hr{border:0;height:1px;background:var(--color-neutral);margin:.5rem 0}.odontogramContainer .summaryOdontogram .generalConditionsSumary,.odontogramContainer .summaryOdontogram .observationsAndTreatments{background-color:#f9f9f9;border-radius:12px;padding:.8rem}@media (max-width: 480px){.odontogramContainer .summaryOdontogram .generalConditionsSumary,.odontogramContainer .summaryOdontogram .observationsAndTreatments{padding:.8rem .6rem}}.odontogramContainer .summaryOdontogram .generalConditionsSumary .formBoxTitle,.odontogramContainer .summaryOdontogram .observationsAndTreatments .formBoxTitle{display:flex;justify-content:flex-start;align-items:center;gap:.5rem;font-size:1.15rem;color:var(--color-titles-headers);margin-bottom:.5rem}@media (max-width: 480px){.odontogramContainer .summaryOdontogram .generalConditionsSumary .formBoxTitle,.odontogramContainer .summaryOdontogram .observationsAndTreatments .formBoxTitle{margin-bottom:.3rem}}.odontogramContainer .summaryOdontogram .generalConditionsSumary .formBoxTitle small,.odontogramContainer .summaryOdontogram .observationsAndTreatments .formBoxTitle small{color:var(--color-text-dark);font-weight:500;align-self:center}.odontogramContainer .summaryOdontogram .generalConditionsSumary hr,.odontogramContainer .summaryOdontogram .observationsAndTreatments hr{border:0;height:1px;background:var(--color-neutral);margin:.5rem 0}.odontogramContainer .summaryOdontogram .generalConditionsSumary .tooth-condition-container,.odontogramContainer .summaryOdontogram .observationsAndTreatments .tooth-condition-container{display:grid;grid-template-columns:repeat(10,minmax(80px,1fr));grid-template-rows:repeat(5,1fr);gap:.7rem;background-color:#f9f9f9;padding:.5rem}@media (max-width: 480px){.odontogramContainer .summaryOdontogram .generalConditionsSumary .tooth-condition-container,.odontogramContainer .summaryOdontogram .observationsAndTreatments .tooth-condition-container{grid-template-columns:repeat(4,1fr);padding:.5rem .2rem}}.odontogramContainer .summaryOdontogram .generalConditionsSumary .tooth-condition-item,.odontogramContainer .summaryOdontogram .observationsAndTreatments .tooth-condition-item{position:relative;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;padding:.3rem;width:100%;height:80px}.odontogramContainer .summaryOdontogram .generalConditionsSumary .tooth-condition-item:hover,.odontogramContainer .summaryOdontogram .observationsAndTreatments .tooth-condition-item:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}.odontogramContainer .summaryOdontogram .generalConditionsSumary .tooth-condition-item .details_image_container,.odontogramContainer .summaryOdontogram .observationsAndTreatments .tooth-condition-item .details_image_container{display:flex;align-items:center;justify-content:center;width:100%}.odontogramContainer .summaryOdontogram .generalConditionsSumary .tooth-condition-item .details_image_container .image-container,.odontogramContainer .summaryOdontogram .observationsAndTreatments .tooth-condition-item .details_image_container .image-container{display:flex;justify-content:center;width:25px;height:25px;flex-shrink:0}.odontogramContainer .summaryOdontogram .generalConditionsSumary .tooth-condition-item .details_image_container .image-container img,.odontogramContainer .summaryOdontogram .observationsAndTreatments .tooth-condition-item .details_image_container .image-container img{width:100%;height:100%;object-fit:contain}.odontogramContainer .summaryOdontogram .generalConditionsSumary .tooth-condition-item .details_image_container .details,.odontogramContainer .summaryOdontogram .observationsAndTreatments .tooth-condition-item .details_image_container .details{padding:.4rem;text-align:center}.odontogramContainer .summaryOdontogram .generalConditionsSumary .tooth-condition-item .details_image_container .details .details_qty,.odontogramContainer .summaryOdontogram .observationsAndTreatments .tooth-condition-item .details_image_container .details .details_qty{width:1.2rem;font-size:1rem;color:#666;margin:0;border-radius:4px;border:1px solid var(--color-text-dark);color:var(--color-titles-headers);font-weight:500;padding:.2rem}.odontogramContainer .summaryOdontogram .generalConditionsSumary .tooth-condition-item .condition-name,.odontogramContainer .summaryOdontogram .observationsAndTreatments .tooth-condition-item .condition-name{font-size:.8rem;font-weight:600;color:#333;width:100%;text-align:center;text-transform:capitalize;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.1rem}.odontogramContainer .summaryOdontogram .generalConditionsSumary .tooth-condition-item .tooltip-toothCondition,.odontogramContainer .summaryOdontogram .observationsAndTreatments .tooth-condition-item .tooltip-toothCondition{visibility:hidden;background-color:#235889ae;color:#fff;font-weight:600;text-align:center;text-wrap:auto;padding:1px;border-radius:4px;position:absolute;top:5%;left:50%;transform:translate(-50%);font-size:10px;opacity:0;transition:opacity .2s ease-in-out;z-index:9;text-transform:capitalize}@media (max-width: 480px){.odontogramContainer .summaryOdontogram .generalConditionsSumary .tooth-condition-item:hover .tooltip-toothCondition,.odontogramContainer .summaryOdontogram .observationsAndTreatments .tooth-condition-item:hover .tooltip-toothCondition{visibility:visible;opacity:1}}.odontogramContainer .summaryOdontogram .observationsAndTreatments{display:flex;flex-direction:column}@media (max-width: 480px){.odontogramContainer .summaryOdontogram .observationsAndTreatments{padding:.5rem}}.odontogramContainer .summaryOdontogram .observationsAndTreatments .formBoxTitle{display:flex;justify-content:flex-start;align-items:center;gap:.6rem;font-size:1.15rem;color:var(--color-titles-headers);margin-bottom:0rem}@media (max-width: 480px){.odontogramContainer .summaryOdontogram .observationsAndTreatments .formBoxTitle{margin-bottom:.3rem;font-size:1.05rem}}.odontogramContainer .summaryOdontogram .observationsAndTreatments .formBoxTitle small{color:var(--color-text-dark);font-weight:500;align-self:center}.odontogramContainer .summaryOdontogram .observationsAndTreatments hr{border:0;height:1px;background:var(--color-neutral);margin-bottom:.5rem}.odontogramContainer .summaryOdontogram .observationsAndTreatments .observationsCardsContainer{background:var(--color-neutral);width:100%;display:grid;grid-template-columns:repeat(1,1fr);grid-column-gap:1rem;grid-row-gap:.4rem;border-radius:10px;flex-wrap:wrap}.odontogramContainer .summaryOdontogram .observationsAndTreatments .observationsCardsContainer .dentitionType-title{background-color:#f9f9f9;border-radius:12px;padding:.5rem;margin:.5rem .5rem 0rem}.odontogramContainer .summaryOdontogram .observationsAndTreatments .observationsCardsContainer .dentitionType-title .formBoxTitle{display:flex;justify-content:flex-start;align-items:center;gap:.5rem;font-size:1.15rem;color:var(--color-titles-headers)}@media (max-width: 480px){.odontogramContainer .summaryOdontogram .observationsAndTreatments .observationsCardsContainer .dentitionType-title .formBoxTitle{margin-bottom:.3rem}}.odontogramContainer .summaryOdontogram .observationsAndTreatments .observationsCardsContainer .dentitionType-title .formBoxTitle small{color:var(--color-text-dark);font-weight:500;align-self:center}.odontogramContainer .summaryOdontogram .observationsAndTreatments .observationsCardsContainer .dentitionType-title hr{border:0;height:1px;background:var(--color-neutral);margin:.3rem 0 .1rem}.odontogramContainer .summaryOdontogram .observationsAndTreatments .observationsCardsContainer .teethbox{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.7rem;padding:.8rem;justify-items:center;border-radius:12px}@media (max-width: 480px){.odontogramContainer .summaryOdontogram .observationsAndTreatments .observationsCardsContainer .teethbox{padding:.1rem;gap:.4rem}}.odontogramContainer .summaryOdontogram .observationsAndTreatments .observationsCardsContainer .teethbox .observations-item{background:var(--color-bg-cards);flex:1;flex-direction:column;display:flex;justify-content:center;border-radius:12px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;padding:.3rem;gap:.3rem;align-items:center}.odontogramContainer .summaryOdontogram .observationsAndTreatments .observationsCardsContainer .teethbox .observations-item:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}@media (max-width: 480px){.odontogramContainer .summaryOdontogram .observationsAndTreatments .observationsCardsContainer .teethbox .observations-item{flex:none;width:calc(25% - .3rem)}}.odontogramContainer .summaryOdontogram .observationsAndTreatments .observationsCardsContainer .teethbox .observations-item .image-container{width:50px;height:45px;background:var(--color-titles-headers);border-radius:10px;align-self:center}.odontogramContainer .summaryOdontogram .observationsAndTreatments .observationsCardsContainer .teethbox .observations-item .image-container img{width:100%;height:100%}.odontogramContainer .summaryOdontogram .observationsAndTreatments .observationsCardsContainer .teethbox .observations-item .details-container{display:flex;flex-direction:column;font-size:13px;font-weight:550;text-align:center;text-wrap:balance;text-transform:capitalize;gap:.5rem}@media (max-width: 480px){.odontogramContainer .summaryOdontogram .observationsAndTreatments .observationsCardsContainer .teethbox .observations-item .details-container{font-size:12px}}.odontogramContainer .summaryOdontogram .observationsAndTreatments .observationsCardsContainer .teethbox .observations-item .details-container .hasContent{font-weight:600;color:var(--color-alert)}.odontogramContainer .summaryOdontogram .observationsAndTreatments .observationsCardsContainer .teethbox .observations-item .details-container hr{margin:0}@media (max-width: 480px){.odontogramContainer .summaryOdontogram .observationsAndTreatments .observationsCardsContainer.temporaryTeeth .teethbox{justify-content:space-evenly;justify-items:start;gap:2rem}}.odontogramContainer .newOdontogramBtn{background-color:#f9f9f9;border-radius:12px;padding:.8rem}.odontogramContainer .newOdontogramBtn .formBoxTitle{display:flex;justify-content:flex-start;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:600;color:var(--color-titles-headers);margin-bottom:.5rem}@media (max-width: 480px){.odontogramContainer .newOdontogramBtn .formBoxTitle{margin-bottom:.3rem;font-size:1rem}}.odontogramContainer .newOdontogramBtn .formBoxTitle span{color:var(--color-alert);align-self:center}@media (max-width: 480px){.odontogramContainer .newOdontogramBtn .formBoxTitle span{font-size:.8rem}}.odontogramContainer .newOdontogramBtn hr{border:0;height:1px;background:var(--color-neutral);margin:.5rem 0}.odontogramContainer .newOdontogramBtn .btnContainer{display:flex;justify-content:space-between}@media (max-width: 480px){.odontogramContainer .newOdontogramBtn .btnContainer{margin-top:1rem;display:flex;flex-direction:column;gap:1rem;align-items:center}}.odontogramContainer .newOdontogramBtn .btnContainer span{width:60%;font-size:15px;color:#000}@media (max-width: 480px){.odontogramContainer .newOdontogramBtn .btnContainer span{font-size:14px;width:100%}}.odontogramContainer .newOdontogramBtn .btnContainer button{display:flex;gap:.5rem;background-color:var(--color-cta-btn);color:var(--color-white);padding:.6rem;font-size:1rem;border:none;border-radius:20px;cursor:pointer;transition:all .2s ease;letter-spacing:1px;font-weight:600;align-items:center;height:3rem;align-self:center}.odontogramContainer .newOdontogramBtn .btnContainer button span.odontogramBtn_icons{display:flex;align-items:flex-end}.odontogramContainer .newOdontogramBtn .btnContainer button .spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:16px;height:16px;animation:spin .6s linear infinite;display:inline-block;vertical-align:middle;margin-left:8px}.odontogramContainer .newOdontogramBtn .btnContainer button .spinner.small{width:12px;height:12px;border-width:2px}.odontogramContainer .newOdontogramBtn .btnContainer button:disabled{opacity:.6;cursor:not-allowed}.odontogramContainer .newOdontogramBtn .btnContainer button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0003;background-color:var(--color-titles-headers-light, #4a90e2);border-color:var(--color-titles-headers)}@media (max-width: 480px){.odontogramContainer .newOdontogramBtn .btnContainer button{font-size:.9rem;width:max-content;align-self:center}}.alertPatientName{text-transform:capitalize}.teethBox3 .toothContainer,.teethBox4 .toothContainer{flex-direction:column-reverse}@media (max-width: 480px){.teethBox3 .toothContainer,.teethBox4 .toothContainer{flex-direction:column}}.teethBox3 .toothContainer .toothGeneralCondition .toothImg,.teethBox4 .toothContainer .toothGeneralCondition .toothImg{position:relative}.teethBox3 .toothContainer .toothGeneralCondition .toothImg .tooltip-toothCondition,.teethBox4 .toothContainer .toothGeneralCondition .toothImg .tooltip-toothCondition{visibility:hidden;background-color:#235889ae;color:#fff;font-weight:600;text-align:center;padding:3px;border-radius:4px;position:absolute;top:-20%;left:50%;transform:translate(-50%);white-space:nowrap;height:max-content;font-size:12px;opacity:0;transition:opacity .2s ease-in-out;z-index:9}.teethBox3 .toothContainer .toothGeneralCondition .toothImg:hover .tooltip-toothCondition,.teethBox4 .toothContainer .toothGeneralCondition .toothImg:hover .tooltip-toothCondition{visibility:visible;opacity:1}.toothContainer{align-items:center;display:flex;flex-direction:column;justify-items:center;gap:.5rem}.toothContainer .toothCard{display:flex;justify-content:center;justify-items:center;align-items:center;width:min-content;background:var(--color-titles-headers);border-radius:1rem;box-shadow:2px 4px 6px #000000a7;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;padding:.4rem}@media (max-width: 480px){.toothContainer .toothCard{padding:.3rem}}.toothContainer .toothCard:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026;cursor:pointer}.toothContainer .toothCard .toothImg{width:max-content;height:40px;overflow:hidden;display:flex;align-items:center}@media (max-width: 480px){.toothContainer .toothCard .toothImg{width:55px;height:50px}}.toothContainer .toothCard .toothImg img{width:100%;height:100%;object-fit:cover}.toothContainer .toothCard .toothName{color:#fff}.toothContainer .toothGeneralCondition .toothImg{position:relative;width:35px;height:35px;object-fit:none}.toothContainer .toothGeneralCondition .toothImg img{object-fit:contain;width:100%;height:100%}.toothContainer .toothGeneralCondition .toothImg .tooltip-toothCondition{visibility:hidden;background-color:#235889ae;color:#fff;font-weight:600;text-align:center;text-wrap:auto;padding:3px;border-radius:4px;position:absolute;top:65%;left:50%;transform:translate(-50%);white-space:nowrap;font-size:12px;opacity:0;transition:opacity .2s ease-in-out;z-index:9}.toothContainer .toothGeneralCondition .toothImg:hover .tooltip-toothCondition{visibility:visible;text-wrap:balance;text-transform:capitalize;opacity:1}.toothContainer .toothFaces{position:relative}.toothContainer .toothFaces .tooltip-toothCondition{visibility:hidden;background-color:#235889ae;color:#fff;font-weight:600;text-align:center;text-wrap:auto;padding:3px;border-radius:4px;position:absolute;top:65%;left:50%;transform:translate(-50%);white-space:nowrap;font-size:12px;opacity:0;transition:opacity .2s ease-in-out;z-index:9}.toothContainer .toothFaces:hover .tooltip-toothCondition{visibility:visible;opacity:1}.toothContainer .toothFaces polygon{fill:#fff;stroke:#000}.toothContainer .toothFaces .diente-ausente{fill:#f00b;stroke:#000;transition:opacity .3s ease-in-out}.toothContainer .modalTooth{position:fixed;top:0;left:0;z-index:9999;width:100vw;min-height:100dvh;background:#585858b6;display:grid;align-content:center;overflow:auto}@media (max-width: 480px){.toothContainer .modalTooth{display:flex;align-items:flex-start;top:100px;padding:0;min-height:100vh;min-height:100dvh}}.toothContainer .modalTooth .modalContent{width:700px;margin:auto;background:var(--bg-dashboard);border-radius:20px;box-shadow:24px;overflow:hidden;height:calc(100vh - 2rem)}.toothContainer .modalTooth .modalContent:focus-visible{outline:none}@media (max-width: 480px){.toothContainer .modalTooth .modalContent{left:1.5%;margin-top:.2rem;width:calc(100vw - 1rem);max-width:none;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);max-height:calc(100svh - 2rem);display:flex;flex-direction:column}}.toothContainer .modalTooth .modalContent .modalTooth_header{position:relative;display:flex;justify-content:center;background:var(--color-bg-cards);flex-shrink:0}.toothContainer .modalTooth .modalContent .modalTooth_header img{filter:drop-shadow(4px 4px 5px rgba(1,29,93,.751))}@media (max-width: 480px){.toothContainer .modalTooth .modalContent .modalTooth_header img{width:3.5rem;margin-right:.5rem}}.toothContainer .modalTooth .modalContent .modalTooth_header .modalTooth_title{display:flex;flex-direction:column;align-items:center;align-content:center;color:#235789;font-weight:700}.toothContainer .modalTooth .modalContent .modalTooth_header .modalTooth_title h4{text-align:center;font-size:1.5rem}@media (max-width: 480px){.toothContainer .modalTooth .modalContent .modalTooth_header .modalTooth_title h4{font-size:1.2rem}}.toothContainer .modalTooth .modalContent .modalTooth_header .closeButton{position:absolute;top:1.5rem;right:1.5rem;width:1.5rem;cursor:pointer}@media (max-width: 480px){.toothContainer .modalTooth .modalContent .modalTooth_header .closeButton{width:1rem;right:1rem;margin-right:0;top:1.2rem}}.toothContainer .modalTooth .modalContent .modalTooth_header .closeButton img{width:100%;filter:none}.toothContainer .modalTooth .modalContent .modalTooth_body{padding:16rem 1rem 6rem;display:flex;flex-direction:column;justify-content:center;height:100%;overflow-y:auto}@media (max-width: 480px){.toothContainer .modalTooth .modalContent .modalTooth_body{padding:.6rem;padding-top:240px;padding-bottom:5rem;flex:1;height:auto;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch}}.toothContainer .modalTooth .modalContent .modalTooth_body .step-guide{display:flex;gap:.3rem;padding:.3rem 0}.toothContainer .modalTooth .modalContent .modalTooth_body .step-guide.step3{margin-top:.4rem}.toothContainer .modalTooth .modalContent .modalTooth_body .step-item{display:flex;align-items:center;gap:.5rem;background-color:#f9f9f9;padding:.3rem;border-radius:.5rem;box-shadow:0 1px 4px #00000014;width:full}.toothContainer .modalTooth .modalContent .modalTooth_body .step-number{background-color:#007bff;color:#fff;font-weight:700;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0}@media (max-width: 480px){.toothContainer .modalTooth .modalContent .modalTooth_body .step-number{width:1.2rem;height:1.2rem}}.toothContainer .modalTooth .modalContent .modalTooth_body .step-text{font-size:.9rem;color:#333}@media (max-width: 480px){.toothContainer .modalTooth .modalContent .modalTooth_body .step-text{font-size:.7rem}}.toothContainer .modalTooth .modalContent .modalTooth_body .formBox{background:var(--color-bg-cards)}.toothContainer .modalTooth .modalContent .modalTooth_body .formBox label{color:var(--color-titles-headers);font-weight:600}.toothContainer .modalTooth .modalContent .modalTooth_body .formBox select{width:100%;padding:8px;border-radius:5px;font-size:1rem}.toothContainer .modalTooth .modalContent .modalTooth_body .formBox input:disabled,.toothContainer .modalTooth .modalContent .modalTooth_body .formBox select:disabled,.toothContainer .modalTooth .modalContent .modalTooth_body .formBox textarea:disabled,.toothContainer .modalTooth .modalContent .modalTooth_body .formBox button:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text);font-weight:600}.toothContainer .modalTooth .modalContent .modalTooth_body .formBox button:disabled{color:var(--color-text-dark)}.toothContainer .modalTooth .modalContent .modalTooth_body .generalToothCondition{padding:1rem;display:flex;flex-direction:column;margin:auto}@media (max-width: 480px){.toothContainer .modalTooth .modalContent .modalTooth_body .generalToothCondition{padding:.5rem}}.toothContainer .modalTooth .modalContent .modalTooth_body .specificCondition_alert{color:#d33838;font-size:14px;margin-top:.3rem;text-align:center}.toothContainer .modalTooth .modalContent .modalTooth_body .toothFacesCondition{display:grid;gap:20px;padding:16px;max-width:100%;margin:auto;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto);grid-template-areas:". vestibular ." "distal oclusal mesial" ". lingual ."}@media (max-width: 480px){.toothContainer .modalTooth .modalContent .modalTooth_body .toothFacesCondition{gap:12px;padding:.6rem}}.toothContainer .modalTooth .modalContent .modalTooth_body .observations_proposedTreatment{margin:.5rem 0 .3rem}.toothContainer .modalTooth .modalContent .modalTooth_body .observations_proposedTreatment label{display:flex;align-items:baseline;gap:1rem}.toothContainer .modalTooth .modalContent .modalTooth_body .observations_proposedTreatment label .loadingPointsContainer{display:flex;gap:.1rem;align-items:end;color:var(--color-alert)}.toothContainer .modalTooth .modalContent .modalTooth_body .observations_proposedTreatment label .loadingPointsContainer .loadingPoints{display:flex;align-items:end}.toothContainer .modalTooth .modalContent .modalTooth_body .observations_proposedTreatment label .loadingPointsContainer .loadingPoints span{vertical-align:end;font-size:1.5rem;max-height:min-content;animation:loading 1.4s infinite ease-in-out}.toothContainer .modalTooth .modalContent .modalTooth_body .observations_proposedTreatment label .loadingPointsContainer .loadingPoints span:nth-child(1){animation-delay:-.32s}.toothContainer .modalTooth .modalContent .modalTooth_body .observations_proposedTreatment label .loadingPointsContainer .loadingPoints span:nth-child(2){animation-delay:-.16s}.toothContainer .modalTooth .modalContent .modalTooth_body .observations_proposedTreatment .recordingBtn_textArea{display:flex;gap:1rem;padding:.2rem .5rem}@media (max-width: 480px){.toothContainer .modalTooth .modalContent .modalTooth_body .observations_proposedTreatment .recordingBtn_textArea{margin-bottom:.2rem}}.toothContainer .modalTooth .modalContent .modalTooth_body .observations_proposedTreatment .recordingBtn_textArea button{letter-spacing:1px;min-width:2.5rem;width:max-content;align-self:center;background-color:var(--color-titles-headers);color:var(--color-white);padding:.3rem;font-size:.9rem;border:none;border-radius:.3rem;cursor:pointer;text-wrap:no-wrap}.toothContainer .modalTooth .modalContent .modalTooth_body .observations_proposedTreatment .recordingBtn_textArea button .recordingBtnMsg{display:flex;gap:.3rem;justify-content:center;align-items:center}.toothContainer .modalTooth .modalContent .modalTooth_body .observations_proposedTreatment .recordingBtn_textArea button:disabled{background-color:var(--color-neutral);cursor:not-allowed}.toothContainer .modalTooth .modalContent .modalTooth_body .observations_proposedTreatment .recordingBtn_textArea textarea{width:100%;padding:.5rem;border-radius:5px;font-size:1rem}@media (max-width: 480px){.toothContainer .modalTooth .modalContent .modalTooth_body .observations_proposedTreatment .recordingBtn_textArea textarea{height:6rem}}.toothContainer .modalTooth .modalContent .modalTooth_body .observations_proposedTreatment .recordingBtn_textArea textarea::placeholder{font-size:.9rem}.modalContent{animation:modalSlideIn .3s ease-out}@media (max-width: 480px){.temporalTeeth .toothContainer .toothCard .toothImg{width:50px;height:50px;padding:.3rem;justify-content:end}}.procedureContainer{display:flex;flex-direction:column;gap:.8rem;padding:1rem;height:100%;overflow-y:scroll}@media (max-width: 480px){.procedureContainer{padding:.4rem;gap:.5rem}}.procedureContainer h2.procedureTitle{font-size:1.6rem;display:flex;align-items:center;gap:.6rem;color:var(--color-titles-headers);vertical-align:bottom}@media (max-width: 480px){.procedureContainer h2.procedureTitle{font-size:1.3rem;flex-wrap:wrap;gap:.3rem}}.procedureContainer h2.procedureTitle span.procedureTitle_icons{display:flex}.procedureContainer h2.procedureTitle span.procedureTitle_icons svg.personIcon{align-self:flex-start}@media (max-width: 480px){.procedureContainer h2.procedureTitle span.procedureTitle_icons svg.personIcon{font-size:25px}}.procedureContainer h2.procedureTitle span.procedureTitle_icons svg.pencilIcon{align-self:flex-start;width:20px}@media (max-width: 480px){.procedureContainer h2.procedureTitle span.procedureTitle_icons svg.pencilIcon{font-size:15px}}.procedureContainer .hasAlreadyProcedureAlert{color:var(--color-titles-headers);font-weight:600;font-size:1.2rem;align-self:center}@media (max-width: 480px){.procedureContainer .hasAlreadyProcedureAlert{font-size:1rem;text-align:center}}.procedureContainer .hasAlreadyProcedureAlert .name{color:var(--color-alert)}.procedureContainer .procedures-list-container{border-radius:12px 12px 0 0}.procedures-summary{margin-top:1rem}.procedures-summary .accordion{border-radius:12px!important}.procedures-summary .MuiAccordion-root{background:var(--color-bg-cards);box-shadow:0 2px 4px #00000014;border-radius:12px}.procedures-summary .MuiAccordionSummary-root{background-color:var(--color-cta-hover-btn);color:var(--color-white);border-radius:12px 12px 0 0}.procedures-summary .MuiAccordionSummary-root:hover{background-color:var(--color-titles-subHeaders)}.procedures-summary .condition-summary__title{align-items:center;display:flex;gap:.5rem;font-weight:700;color:var(--color-white)}.procedures-summary .treatment-accordion{margin:.75rem 0;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000f!important;border-radius:8px!important;background:var(--color-white)!important}.procedures-summary .treatment-accordion:before{display:none!important}.procedures-summary .treatment-accordion .MuiAccordionSummary-root{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;color:var(--color-text-dark)!important;border-radius:8px 8px 0 0!important;min-height:56px;padding:0 1rem;border-bottom:1px solid #e2e8f0;transition:all .3s ease}.procedures-summary .treatment-accordion .MuiAccordionSummary-root:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)!important;transform:translateY(-1px)}.procedures-summary .treatment-accordion .MuiAccordionSummary-root.Mui-expanded{border-radius:8px 8px 0 0!important;background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important}.procedures-summary .treatment-accordion .MuiAccordionSummary-root.Mui-expanded .condition-summary__title,.procedures-summary .treatment-accordion .MuiAccordionSummary-root.Mui-expanded .condition-summary__title .MuiSvgIcon-root{color:#1e40af}.procedures-summary .treatment-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content{margin:12px 0}.procedures-summary .treatment-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .condition-summary__title{color:var(--color-text-dark);font-weight:600;font-size:.95rem;gap:.75rem;align-items:center;flex-wrap:wrap}@media (max-width: 480px){.procedures-summary .treatment-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .condition-summary__title{font-size:.85rem;gap:.5rem}}.procedures-summary .treatment-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .condition-summary__title .MuiSvgIcon-root{color:var(--color-titles-headers);font-size:1.1rem}.procedures-summary .treatment-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .condition-summary__title span:first-of-type{background:linear-gradient(135deg,var(--color-titles-headers),#1e40af);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;font-size:.9rem}@media (max-width: 480px){.procedures-summary .treatment-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .condition-summary__title span:first-of-type{font-size:.8rem}}.procedures-summary .treatment-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .condition-summary__title span:nth-of-type(2){color:var(--color-text-dark);font-weight:600;flex:1;min-width:120px}.procedures-summary .treatment-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .condition-summary__title span.treatment-status{background:#e0f2fe;color:#0277bd;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase;border:1px solid #b3e5fc}@media (max-width: 480px){.procedures-summary .treatment-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .condition-summary__title span.treatment-status{font-size:.7rem;padding:.2rem .5rem}}.procedures-summary .treatment-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .condition-summary__title span.treatment-status.finalizado{background:#e8f5e8;color:#2e7d32;border-color:#c8e6c9}.procedures-summary .treatment-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .condition-summary__title span.treatment-status.en-progreso{background:#fff3e0;color:#f57c00;border-color:#ffcc02}.procedures-summary .treatment-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .condition-summary__title span.treatment-status.no-realizado{background:#ffebee;color:#d32f2f;border-color:#ffcdd2}.procedures-summary .treatment-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .condition-summary__title .treatment-status-form .treatment-status-select{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase;transition:background-color .3s ease,color .3s ease}.procedures-summary .treatment-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .condition-summary__title .treatment-status-form .treatment-status-select .MuiOutlinedInput-notchedOutline{border:1px solid}.procedures-summary .treatment-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .condition-summary__title .treatment-status-form .treatment-status-select .MuiSelect-select{padding:.35rem 1.5rem .35rem .75rem}.procedures-summary .treatment-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .condition-summary__title .treatment-status-form .treatment-status-select .MuiSelect-icon{color:inherit;right:6px}.procedures-summary .treatment-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .condition-summary__title .treatment-status-form .treatment-status-select.finalizado{background:#e8f5e8;color:#2e7d32}.procedures-summary .treatment-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .condition-summary__title .treatment-status-form .treatment-status-select.finalizado .MuiOutlinedInput-notchedOutline{border-color:#c8e6c9}.procedures-summary .treatment-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .condition-summary__title .treatment-status-form .treatment-status-select.en-progreso{background:#fff3e0;color:#f57c00}.procedures-summary .treatment-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .condition-summary__title .treatment-status-form .treatment-status-select.en-progreso .MuiOutlinedInput-notchedOutline{border-color:#ffcc02}.procedures-summary .treatment-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .condition-summary__title .treatment-status-form .treatment-status-select.no-realizado{background:#ffebee;color:#d32f2f}.procedures-summary .treatment-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .condition-summary__title .treatment-status-form .treatment-status-select.no-realizado .MuiOutlinedInput-notchedOutline{border-color:#ffcdd2}.procedures-summary .treatment-accordion .MuiAccordionSummary-root .MuiAccordionSummary-expandIconWrapper{color:var(--color-titles-headers);transition:transform .3s ease}.procedures-summary .treatment-accordion .MuiAccordionDetails-root{padding:0!important;background:var(--color-white);border-radius:0 0 8px 8px}.procedures-summary .condition-summary__table-container{background-color:var(--color-white);border-radius:0 0 8px 8px;overflow:auto;border:none;box-shadow:none}.procedures-summary .condition-summary__table-container .MuiTable-root{background:var(--color-white)}.procedures-summary .condition-summary__table-container .MuiTableHead-root{background:var(--color-table-head)}.procedures-summary .condition-summary__table-container .MuiTableHead-root .MuiTableRow-root{border-bottom:2px solid #e2e8f0}.procedures-summary .condition-summary__table-container .condition-summary__header-cell{font-weight:700;color:var(--color-white);background-color:transparent;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;padding:1rem .75rem;border-bottom:none}@media (max-width: 480px){.procedures-summary .condition-summary__table-container .condition-summary__header-cell{padding:.75rem .5rem;font-size:.7rem}}.procedures-summary .condition-summary__table-container .MuiTableBody-root .MuiTableRow-root{transition:all .2s ease;border-bottom:1px solid #f1f5f9}.procedures-summary .condition-summary__table-container .MuiTableBody-root .MuiTableRow-root:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:translate(2px)}.procedures-summary .condition-summary__table-container .MuiTableBody-root .MuiTableRow-root:last-child{border-bottom:none}.procedures-summary .condition-summary__table-container .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root{padding:1rem .75rem;font-size:.85rem;color:var(--color-text-dark);vertical-align:top;border-bottom:none}@media (max-width: 480px){.procedures-summary .condition-summary__table-container .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root{padding:.75rem .5rem;font-size:.8rem}}.procedures-summary .condition-summary__table-container .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root .signatureAndProcedureContainer{display:flex;flex-direction:column;align-items:center;gap:.5rem}.procedures-summary .condition-summary__table-container .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root .signatureAndProcedureContainer img{border-radius:6px;border:2px solid #e2e8f0;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.procedures-summary .condition-summary__table-container .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root .signatureAndProcedureContainer img:hover{transform:scale(1.1)}.procedures-summary .condition-summary__table-container .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root .signatureAndProcedureContainer strong{background:linear-gradient(135deg,var(--color-titles-headers),#1e40af);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:.75rem;font-weight:700;letter-spacing:.5px}.procedures-summary .condition-summary__table-container .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root span[style*="color: #3399ff"]{background:#e3f2fd;color:#1565c0!important;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;display:inline-block;margin-top:.25rem}.procedures-summary .condition-summary__table-container .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root .MuiButton-root{background:linear-gradient(135deg,var(--color-titles-headers),#1e40af);border-radius:6px;font-size:.75rem;font-weight:600;text-transform:none;padding:.4rem .8rem;transition:all .2s ease}.procedures-summary .condition-summary__table-container .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root .MuiButton-root:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.procedures-summary .accordion-details{padding:.6rem}@media (max-width: 480px){.procedures-summary .accordion-details{padding:0}}@media (max-width: 480px){.procedures-summary .treatment-accordion{margin:.5rem 0}.procedures-summary .treatment-accordion .MuiAccordionSummary-root{padding:0 .75rem;min-height:48px}.procedures-summary .condition-summary__table-container .MuiTable-root{min-width:600px}}.procedures-summary table{width:100%}.procedures-summary table thead{background-color:var(--color-table-head)}.procedures-summary table tbody .loadingMessage,.procedures-summary table tbody .errorLoadingMessage{font-size:1.1rem;font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--color-text-dark)}.procedures-summary table tbody span.spinner{border:3px solid #f3f3f3;border-top:3px solid var(--color-titles-headers);border-radius:50%;width:25px;height:25px;animation:spin .6s linear infinite;display:inline-block}.procedures-summary table tbody span.spinner.small{width:16px;height:16px;border-width:2px}.modal-content{position:relative;background:#fff;padding:20px;border-radius:8px;width:25rem;max-width:35rem;display:flex;flex-direction:column;align-items:center}@media (max-width: 480px){.modal-content{padding:40px 10px 20px}}.modal-content.pdf-content{height:60vh;max-height:60vh;max-width:30rem;width:30rem}.modal-content .modal-image{max-width:100%;max-height:100%;object-fit:contain;margin-bottom:1rem}.modal-content .pdf-view{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;object-fit:cover;margin-bottom:1.3rem}.modal-content .pdf-view .pdfName{text-align:center}.modal-content .pdf-actions{color:var(--color-cta-hover-btn);border:solid 1px grey;border-radius:20px;padding:.2rem;width:40%;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.modal-content .pdf-actions:hover{color:#fff;background:var(--color-cta-hover-btn);transform:scale(1.05);box-shadow:0 6px 12px #00000026}.modal-content .pdf-actions:active{transform:scale(.97);box-shadow:0 3px 6px #0003}.modal-content .close-button{position:absolute;top:10px;right:10px;background:#ff4d4d;color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}@media (max-width: 480px){.modal-content .close-button{top:7px}}.modal-content .close-button:hover{background:#c00}.modal-content .navigation-buttons{display:flex;gap:10px;margin-bottom:10px}.modal-content .navigation-buttons button{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.modal-content .navigation-buttons button:hover{background-color:#0056b3}.modal-content .image-counter{font-size:14px;color:#555}.modal-content{animation:modalSlideIn .3s ease-out}.medical-alert{margin-top:1rem}.medical-alert .accordion{border-radius:12px!important}.medical-alert .MuiAccordion-root{background:var(--color-bg-cards);border-radius:12px;box-shadow:0 2px 5px #00000014}.medical-alert .MuiAccordionSummary-root{background-color:var(--color-cta-hover-btn);color:var(--color-white);border-radius:12px 12px 0 0}.medical-alert .MuiAccordionSummary-root:hover{background-color:var(--color-titles-subHeaders)}.medical-alert .medical-alert__title{font-size:1.1rem;font-weight:600;color:var(--color-white);display:flex;gap:.5rem;align-items:center}@media (max-width: 480px){.medical-alert .medical-alert__title{font-size:1rem}}.medical-alert .MuiAccordionDetails-root{background:var(--color-bg-cards);border-radius:0 0 12px 12px;padding:16px}@media (max-width: 480px){.medical-alert .MuiAccordionDetails-root{padding:.5rem}}.medical-alert label.Mui-focused{color:var(--color-titles-headers)}.medical-alert .MuiOutlinedInput-root.Mui-focused fieldset{border-color:var(--color-titles-headers)}.medical-alert .medical-alert-subheader{font-size:1.1rem;display:flex;align-items:center;gap:.6rem;color:var(--color-titles-headers);vertical-align:bottom;margin-bottom:.5rem}@media (max-width: 480px){.medical-alert .medical-alert-subheader{font-size:1rem;flex-wrap:nowrap;gap:.1rem}}.medical-alert .medical-alert-subheader small{font-size:.9rem;font-weight:500;width:full;text-align:left;color:var(--color-alert)}.medical-alert .medical-alert-details-container{display:flex;gap:1rem;margin-top:1rem}@media (max-width: 480px){.medical-alert .medical-alert-details-container{gap:.5rem}}.medical-alert .medical-alert-details-container .column{flex:1 1 100%;border-radius:8px;padding:.5rem;box-shadow:0 8px 14px #0000001a}@media (max-width: 480px){.medical-alert .medical-alert-details-container .column{width:100%}}.medical-alert .medical-alert-details-container .column .formBox-inputs{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.medical-alert .medical-alert-details-container .column .formBox-inputs .formGroup{display:flex;gap:.5rem;flex:1;width:100%;align-items:center}@media (max-width: 480px){.medical-alert .medical-alert-details-container .column .formBox-inputs .formGroup{flex-direction:column;align-items:flex-start}}.medical-alert .medical-alert-details-container .column .formBox-inputs .formGroup label{font-size:1rem;color:var(--color-text-dark);font-weight:600;letter-spacing:.6px;width:30%}@media (max-width: 480px){.medical-alert .medical-alert-details-container .column .formBox-inputs .formGroup label{width:100%}}.medical-alert .medical-alert-details-container .column .formBox-inputs .formGroup input,.medical-alert .medical-alert-details-container .column .formBox-inputs .formGroup textarea{padding:.5rem;border:1px solid var(--color-neutral);border-radius:4px;font-size:1rem;width:70%;background-color:var(--color-white);transition:border-color .3s ease}@media (max-width: 480px){.medical-alert .medical-alert-details-container .column .formBox-inputs .formGroup input,.medical-alert .medical-alert-details-container .column .formBox-inputs .formGroup textarea{width:100%}}.medical-alert .medical-alert-details-container .column .formBox-inputs .formGroup input:focus,.medical-alert .medical-alert-details-container .column .formBox-inputs .formGroup textarea:focus{border-color:var(--color-titles-headers);outline:none}.medical-alert .medical-alert-details-container .column .formBox-inputs .clasificacion-asa .ASA-inputs-container{width:70%;display:flex;gap:.3rem}@media (max-width: 480px){.medical-alert .medical-alert-details-container .column .formBox-inputs .clasificacion-asa .ASA-inputs-container{width:100%}}.medical-alert .medical-alert-details-container .column .formBox-inputs .clasificacion-asa .ASA-inputs-container select{width:23%}@media (max-width: 480px){.medical-alert .medical-alert-details-container .column .formBox-inputs .clasificacion-asa .ASA-inputs-container select{width:82%}}.medical-alert .medical-alert-details-container .column .formBox-inputs .clasificacion-asa .ASA-inputs-container input{width:80%}.medical-alert .medical-alert-details-container .column .formBox-inputs .formGroup input:disabled,.medical-alert .medical-alert-details-container .column .formBox-inputs .formGroup select:disabled,.medical-alert .medical-alert-details-container .column .formBox-inputs .formGroup textarea:disabled{background:var(--color-neutral);color:#000}.procedure-form-container{margin-top:1rem}.procedure-form-container .accordion{border-radius:12px!important}.procedure-form-container .MuiAccordion-root{background:#fff;border-radius:12px;box-shadow:0 2px 5px #00000014}.procedure-form-container .MuiAccordionSummary-root{background-color:var(--color-cta-hover-btn);color:var(--color-white);border-radius:12px 12px 0 0}.procedure-form-container .MuiAccordionSummary-root:hover{background-color:var(--color-titles-subHeaders)}.procedure-form-container .procedure-form__title{font-size:1.1rem;font-weight:600;color:var(--color-white);display:flex;gap:.5rem;align-items:center}@media (max-width: 480px){.procedure-form-container .procedure-form__title{font-size:1rem}}.procedure-form-container .MuiAccordionDetails-root{border-radius:0 0 12px 12px}@media (max-width: 480px){.procedure-form-container .MuiAccordionDetails-root{padding:0}}.procedure-form-container .MuiTextField-root{background-color:#fff}.procedure-form-container label.Mui-focused{color:var(--color-titles-headers)}.procedure-form-container .MuiOutlinedInput-root.Mui-focused fieldset{border-color:var(--color-titles-headers)}.procedure-form-container .procedureForm{display:flex;flex-direction:column;flex-wrap:nowrap;margin-top:.5rem;gap:1.5rem;width:100%}@media (max-width: 480px){.procedure-form-container .procedureForm{margin-top:0}}@media (max-width: 480px) and (max-width: 480px){.procedure-form-container .procedureForm{padding:0 .2rem}}.procedure-form-container .procedureForm .form_top,.procedure-form-container .procedureForm .form_bottom{display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top,.procedure-form-container .procedureForm .form_bottom{flex-direction:column}}.procedure-form-container .procedureForm .form_top .formBox,.procedure-form-container .procedureForm .form_bottom .formBox{flex:1 1 100%;background-color:#fff;border-radius:8px;padding:.5rem;box-shadow:2px 2px 6px 5px #0003;background:var(--color-bg-cards)}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox,.procedure-form-container .procedureForm .form_bottom .formBox{width:100%;border-radius:0 0 8px 8px}}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer{max-width:100%;margin-top:5.8rem;border-radius:10px}}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .new-procedure-data-title,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .new-procedure-data-title{color:var(--color-titles-headers)}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs{margin:0 .5rem;display:flex}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs{gap:1.2rem;margin:0}}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .treatment-info,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .treatment-info{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:3rem;width:100%}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .treatment-info,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .treatment-info{flex-direction:column;gap:.2rem}}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .treatment-info .treatment-selected,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .treatment-info .treatment-selected{display:flex;position:relative;width:45%}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .treatment-info .treatment-selected,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .treatment-info .treatment-selected{width:100%;margin-top:.5rem}}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .treatment-info .treatment-selected .icon-label,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .treatment-info .treatment-selected .icon-label{display:flex;align-items:center;gap:.3rem}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .treatment-info .treatment-selected span,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .treatment-info .treatment-selected span{position:absolute;top:5.5rem;left:.35rem;pointer-events:none}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .treatment-info .treatment-selected span.dolar-sign,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .treatment-info .treatment-selected span.dolar-sign{top:2.3rem}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .treatment-info .treatment-selected input,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .treatment-info .treatment-selected input{padding-left:1.1rem}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .treatment-info .treatment-selected input,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .treatment-info .treatment-selected input{width:100%}}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .treatment-info .treatment-details-container,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .treatment-info .treatment-details-container{width:45%}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .treatment-info .treatment-details-container,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .treatment-info .treatment-details-container{width:100%;margin-top:.5rem}}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .top-inputs,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .top-inputs{display:flex;justify-content:space-between;gap:4rem}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .top-inputs,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .top-inputs{gap:1.1rem;flex-direction:column}}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .top-inputs .fecha-doctor,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .top-inputs .fecha-doctor{display:flex;flex-direction:row;justify-content:flex-start;align-items:end;gap:1rem;width:max-content}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .top-inputs .fecha-doctor,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .top-inputs .fecha-doctor{width:100%;gap:1.9rem}}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .top-inputs .fecha-doctor .fecha-pr,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .top-inputs .fecha-doctor .fecha-pr{width:50%}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .top-inputs .fecha-doctor .fecha-pr,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .top-inputs .fecha-doctor .fecha-pr{flex:1}}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .top-inputs .fecha-doctor .doctor,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .top-inputs .fecha-doctor .doctor{width:50%}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .top-inputs .fecha-doctor .doctor,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .top-inputs .fecha-doctor .doctor{flex:1}}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .top-inputs .valor-abonado,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .top-inputs .valor-abonado{display:flex;gap:2rem}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .top-inputs .valor-abonado,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .top-inputs .valor-abonado{flex-wrap:wrap;width:100%;justify-content:space-between}}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .top-inputs .valor-abonado .monto-abonado,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .top-inputs .valor-abonado .monto-abonado{position:relative;width:8.5rem;align-self:flex-end}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .top-inputs .valor-abonado .monto-abonado,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .top-inputs .valor-abonado .monto-abonado{flex:1}}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .top-inputs .valor-abonado .monto-abonado span,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .top-inputs .valor-abonado .monto-abonado span{position:absolute;top:5.6rem;left:.35rem;pointer-events:none}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .top-inputs .valor-abonado .monto-abonado span.dolar-sign,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .top-inputs .valor-abonado .monto-abonado span.dolar-sign{top:2.2rem}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .top-inputs .valor-abonado .monto-abonado input,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .top-inputs .valor-abonado .monto-abonado input{padding-left:1.1rem}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .top-inputs .valor-abonado .metodo-pago,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .top-inputs .valor-abonado .metodo-pago{flex:1}}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .evolution_details_title,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .evolution_details_title{display:flex;flex-direction:column;margin-top:1rem;margin-bottom:0;font-size:1.2rem}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .evolution_details_title,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .evolution_details_title{margin-top:.2rem}}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .evolution_details_title hr,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .evolution_details_title hr{border:0;height:1px;background:var(--color-neutral);width:100%}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .evolution_details_title hr,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .evolution_details_title hr{max-width:400px;height:1px;margin:.1rem}}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento,.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion{margin-bottom:1rem;display:flex;flex-direction:row}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento .procedureBtn,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento .procedureBtn,.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .procedureBtn,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .procedureBtn,.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .sterilizationBtn,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .sterilizationBtn{letter-spacing:1px;width:max-content;align-self:center;background-color:var(--color-titles-headers);color:var(--color-white);padding:.2rem;font-size:1rem;border:none;border-radius:.3rem;cursor:pointer;text-wrap:no-wrap}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento .procedureBtn,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento .procedureBtn,.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .procedureBtn,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .procedureBtn,.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .sterilizationBtn,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .sterilizationBtn{font-size:.8rem;letter-spacing:.3px}}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento .procedureBtn .recordingBtnMsg,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento .procedureBtn .recordingBtnMsg,.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .procedureBtn .recordingBtnMsg,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .procedureBtn .recordingBtnMsg,.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .sterilizationBtn .recordingBtnMsg,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .sterilizationBtn .recordingBtnMsg{display:flex;gap:.3rem;justify-content:center;align-items:center;font-weight:600}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento .label-textArea,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento .label-textArea,.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .label-textArea,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .label-textArea{display:flex;flex-direction:column;align-items:flex-start;width:100%}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento .label-textArea label,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento .label-textArea label,.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .label-textArea label,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .label-textArea label{display:flex;gap:1rem;align-items:end;max-height:min-content}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento .label-textArea label .loadingPointsContainer,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento .label-textArea label .loadingPointsContainer,.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .label-textArea label .loadingPointsContainer,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .label-textArea label .loadingPointsContainer{display:flex;gap:.1rem;align-items:end;color:var(--color-alert)}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento .label-textArea label .loadingPointsContainer .loadingPoints,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento .label-textArea label .loadingPointsContainer .loadingPoints,.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .label-textArea label .loadingPointsContainer .loadingPoints,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .label-textArea label .loadingPointsContainer .loadingPoints{display:flex;align-items:end}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento .label-textArea label .loadingPointsContainer .loadingPoints span,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento .label-textArea label .loadingPointsContainer .loadingPoints span,.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .label-textArea label .loadingPointsContainer .loadingPoints span,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .label-textArea label .loadingPointsContainer .loadingPoints span{vertical-align:end;font-size:1.5rem;max-height:min-content;animation:loading 1.4s infinite ease-in-out}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento .label-textArea label .loadingPointsContainer .loadingPoints span:nth-child(1),.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento .label-textArea label .loadingPointsContainer .loadingPoints span:nth-child(1),.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .label-textArea label .loadingPointsContainer .loadingPoints span:nth-child(1),.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .label-textArea label .loadingPointsContainer .loadingPoints span:nth-child(1){animation-delay:-.32s}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento .label-textArea label .loadingPointsContainer .loadingPoints span:nth-child(2),.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento .label-textArea label .loadingPointsContainer .loadingPoints span:nth-child(2),.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .label-textArea label .loadingPointsContainer .loadingPoints span:nth-child(2),.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .label-textArea label .loadingPointsContainer .loadingPoints span:nth-child(2){animation-delay:-.16s}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento .label-textArea textarea,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento .label-textArea textarea,.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .label-textArea textarea,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .label-textArea textarea{margin-top:.5rem;height:6rem}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento .label-textArea textarea,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento .label-textArea textarea,.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .label-textArea textarea,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .esterilizacion .label-textArea textarea{min-height:130px}}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .diagnostico-cie,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .diagnostico-cie,.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento-cups,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento-cups{padding-left:3.5rem}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .diagnostico-cie,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .diagnostico-cie,.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento-cups,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento-cups{padding-left:2.3rem}}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .diagnostico-cie input,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .diagnostico-cie input,.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento-cups input,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento-cups input{width:80%}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .diagnostico-cie input,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .diagnostico-cie input,.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento-cups input,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento-cups input{width:97%}}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento-cups,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .procedimiento-cups{margin-top:1rem}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .formGroup button:disabled,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .procedimiento-esterilizacion .formGroup button:disabled{background:var(--color-disabled-bg);color:var(--color-text-dark);font-weight:600;cursor:not-allowed}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones{display:flex;justify-content:flex-start;padding-left:3rem;margin:1rem 0;gap:1.2rem;width:100%}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones{padding-left:0}}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .formBoxTitle,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .formBoxTitle{display:flex;flex-direction:column;align-items:start;font-size:1.1rem;color:var(--color-titles-headers);margin-bottom:.5rem}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .formBoxTitle,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .formBoxTitle{margin-bottom:.3rem;font-size:1rem}}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .formBoxTitle small,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .formBoxTitle small{color:var(--color-text-dark);font-size:13px;display:flex;font-style:italic;align-items:flex-start;flex-direction:column;width:-webkit-fill-available;margin:.15rem 0}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .formBoxTitle hr,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .formBoxTitle hr{border:0;height:1px;background:var(--color-neutral);width:84%}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .formBoxTitle hr,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .formBoxTitle hr{width:100%;height:1px;margin:0}}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .events-container,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .events-container{display:flex;justify-content:flex-start;gap:4rem}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .events-container,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .events-container{justify-content:center;gap:1.5rem;flex-wrap:wrap}}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .formGroup,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .formGroup{width:max-content;align-items:center}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .formGroup span,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .formGroup span{text-wrap:nowrap;font-weight:600;color:var(--color-text-dark)}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .item-switch,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .item-switch{position:relative;width:37px;height:1.6rem;display:inline-block;align-items:center}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .item-switch input,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .item-switch input{display:none}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .item-switch .switch,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .item-switch .switch{display:flex;align-items:center;background-color:#ccc;border-radius:20px;border:solid grey .5px;position:relative;cursor:pointer;width:100%;height:100%;transition:background-color .3s ease}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .item-switch .switch:after,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .item-switch .switch:after{content:"";position:absolute;width:1.5rem;height:1.5rem;background-color:#fff;border-radius:18px;top:.4px;right:11.5px;transition:transform .3s ease}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .item-switch input:checked+.switch,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .item-switch input:checked+.switch{background-color:#4caf4fe0}.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .item-switch input:checked+.switch:after,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer .formBoxInputs .anestesia-complicaciones .item-switch input:checked+.switch:after{transform:translate(12px)}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.basicDataContainer.newTreatment,.procedure-form-container .procedureForm .form_bottom .formBox.basicDataContainer.newTreatment{margin-top:0rem}}.procedure-form-container .procedureForm .form_top .formBox.final-annotations,.procedure-form-container .procedureForm .form_bottom .formBox.final-annotations{width:100%;padding:1rem 2rem}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.final-annotations,.procedure-form-container .procedureForm .form_bottom .formBox.final-annotations{border-radius:8px;padding:.5rem;min-height:150px}}.procedure-form-container .procedureForm .form_top .formBox.final-annotations label,.procedure-form-container .procedureForm .form_bottom .formBox.final-annotations label{font-size:1.1rem;margin-left:3.7rem;display:flex;gap:1rem;align-items:end;max-height:min-content}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.final-annotations label,.procedure-form-container .procedureForm .form_bottom .formBox.final-annotations label{margin-left:2.5rem}}.procedure-form-container .procedureForm .form_top .formBox.final-annotations label .loadingPointsContainer,.procedure-form-container .procedureForm .form_bottom .formBox.final-annotations label .loadingPointsContainer{display:flex;gap:.1rem;align-items:end;color:var(--color-alert)}.procedure-form-container .procedureForm .form_top .formBox.final-annotations label .loadingPointsContainer .loadingPoints,.procedure-form-container .procedureForm .form_bottom .formBox.final-annotations label .loadingPointsContainer .loadingPoints{display:flex;align-items:end}.procedure-form-container .procedureForm .form_top .formBox.final-annotations label .loadingPointsContainer .loadingPoints span,.procedure-form-container .procedureForm .form_bottom .formBox.final-annotations label .loadingPointsContainer .loadingPoints span{vertical-align:end;font-size:1.5rem;max-height:min-content;animation:loading 1.4s infinite ease-in-out}.procedure-form-container .procedureForm .form_top .formBox.final-annotations label .loadingPointsContainer .loadingPoints span:nth-child(1),.procedure-form-container .procedureForm .form_bottom .formBox.final-annotations label .loadingPointsContainer .loadingPoints span:nth-child(1){animation-delay:-.32s}.procedure-form-container .procedureForm .form_top .formBox.final-annotations label .loadingPointsContainer .loadingPoints span:nth-child(2),.procedure-form-container .procedureForm .form_bottom .formBox.final-annotations label .loadingPointsContainer .loadingPoints span:nth-child(2){animation-delay:-.16s}.procedure-form-container .procedureForm .form_top .formBox.final-annotations .textArea-recordingBtn,.procedure-form-container .procedureForm .form_bottom .formBox.final-annotations .textArea-recordingBtn{display:flex;gap:1rem;align-items:center}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.final-annotations .textArea-recordingBtn,.procedure-form-container .procedureForm .form_bottom .formBox.final-annotations .textArea-recordingBtn{gap:.5rem}}.procedure-form-container .procedureForm .form_top .formBox.final-annotations .textArea-recordingBtn textarea,.procedure-form-container .procedureForm .form_bottom .formBox.final-annotations .textArea-recordingBtn textarea{height:5rem}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.final-annotations .textArea-recordingBtn textarea,.procedure-form-container .procedureForm .form_bottom .formBox.final-annotations .textArea-recordingBtn textarea{min-height:140px}}.procedure-form-container .procedureForm .form_top .formBox.final-annotations .textArea-recordingBtn .general-commentsBtn,.procedure-form-container .procedureForm .form_bottom .formBox.final-annotations .textArea-recordingBtn .general-commentsBtn{letter-spacing:1px;width:max-content;align-self:center;background-color:var(--color-titles-headers);color:var(--color-white);padding:.2rem;font-size:1rem;border:none;border-radius:.3rem;cursor:pointer;text-wrap:no-wrap}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.final-annotations .textArea-recordingBtn .general-commentsBtn,.procedure-form-container .procedureForm .form_bottom .formBox.final-annotations .textArea-recordingBtn .general-commentsBtn{font-size:.8rem;letter-spacing:.3px}}.procedure-form-container .procedureForm .form_top .formBox.final-annotations .textArea-recordingBtn .general-commentsBtn:disabled,.procedure-form-container .procedureForm .form_bottom .formBox.final-annotations .textArea-recordingBtn .general-commentsBtn:disabled{background:var(--color-disabled-bg);color:var(--color-text-dark);font-weight:600;cursor:not-allowed}.procedure-form-container .procedureForm .form_top .formBox.final-annotations .textArea-recordingBtn .general-commentsBtn .recordingBtnMsg,.procedure-form-container .procedureForm .form_bottom .formBox.final-annotations .textArea-recordingBtn .general-commentsBtn .recordingBtnMsg{display:flex;gap:.3rem;justify-content:center;align-items:center}.procedure-form-container .procedureForm .form_top .formBox.procedureImages,.procedure-form-container .procedureForm .form_bottom .formBox.procedureImages{padding:1rem}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.procedureImages,.procedure-form-container .procedureForm .form_bottom .formBox.procedureImages{border-radius:8px}}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.procedureImages .titleContainer,.procedure-form-container .procedureForm .form_bottom .formBox.procedureImages .titleContainer{width:100%}}.procedure-form-container .procedureForm .form_top .formBox.procedureImages .titleContainer .formBoxTitle,.procedure-form-container .procedureForm .form_bottom .formBox.procedureImages .titleContainer .formBoxTitle{display:flex;justify-content:space-between;font-size:1.2rem;color:var(--color-titles-headers)}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.procedureImages .titleContainer .formBoxTitle,.procedure-form-container .procedureForm .form_bottom .formBox.procedureImages .titleContainer .formBoxTitle{font-size:1rem;margin-bottom:.3rem;width:100%;text-wrap:nowrap}}.procedure-form-container .procedureForm .form_top .formBox.procedureImages .titleContainer .formBoxTitle hr,.procedure-form-container .procedureForm .form_bottom .formBox.procedureImages .titleContainer .formBoxTitle hr{border:0;height:1px;background:var(--color-neutral);margin:.1rem 0}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.procedureImages .titleContainer .formBoxTitle hr,.procedure-form-container .procedureForm .form_bottom .formBox.procedureImages .titleContainer .formBoxTitle hr{max-width:400px;height:1px;margin:0}}.procedure-form-container .procedureForm .form_top .formBox.procedureImages .titleContainer .formBoxTitle.procedure-images-title,.procedure-form-container .procedureForm .form_bottom .formBox.procedureImages .titleContainer .formBoxTitle.procedure-images-title{justify-content:flex-start;align-items:center;gap:.5rem}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.procedureImages .titleContainer .formBoxTitle.procedure-images-title,.procedure-form-container .procedureForm .form_bottom .formBox.procedureImages .titleContainer .formBoxTitle.procedure-images-title{font-size:1.1rem;margin-bottom:.3rem;text-wrap:nowrap}}.procedure-form-container .procedureForm .form_top .formBox.procedureImages .titleContainer .formBoxTitle.procedure-images-title small,.procedure-form-container .procedureForm .form_bottom .formBox.procedureImages .titleContainer .formBoxTitle.procedure-images-title small{width:max-content;color:var(--color-text-dark);font-weight:600;font-size:.9rem;font-style:italic;align-self:flex-end}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox.procedureImages .titleContainer .formBoxTitle.procedure-images-title small,.procedure-form-container .procedureForm .form_bottom .formBox.procedureImages .titleContainer .formBoxTitle.procedure-images-title small{width:100%;font-size:.8rem;text-align:end;text-wrap:wrap}}.procedure-form-container .procedureForm .form_top .formBox .formBoxTitle,.procedure-form-container .procedureForm .form_bottom .formBox .formBoxTitle{display:flex;justify-content:space-between;font-size:1.1rem;color:var(--color-titles-headers);margin-bottom:.5rem}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox .formBoxTitle,.procedure-form-container .procedureForm .form_bottom .formBox .formBoxTitle{margin-bottom:.3rem;font-size:1rem}}.procedure-form-container .procedureForm .form_top .formBox .formBoxTitle small,.procedure-form-container .procedureForm .form_bottom .formBox .formBoxTitle small{color:var(--color-text-dark);display:flex;align-items:flex-end;flex-direction:column;width:-webkit-fill-available}.procedure-form-container .procedureForm .form_top .formBox .formBoxTitle small strong,.procedure-form-container .procedureForm .form_bottom .formBox .formBoxTitle small strong{color:var(--color-titles-headers)}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox .formBoxTitle small strong,.procedure-form-container .procedureForm .form_bottom .formBox .formBoxTitle small strong{font-size:.7rem}}.procedure-form-container .procedureForm .form_top .formBox hr,.procedure-form-container .procedureForm .form_bottom .formBox hr{border:0;height:1px;background:var(--color-neutral);margin:.3rem 0}@media (max-width: 480px){.procedure-form-container .procedureForm .form_top .formBox hr,.procedure-form-container .procedureForm .form_bottom .formBox hr{max-width:400px;height:1px;margin:0}}.procedure-form-container .procedureForm .form_top .formBox .formBoxInputs,.procedure-form-container .procedureForm .form_bottom .formBox .formBoxInputs,.procedure-form-container .procedureForm .form_top .formBox .formGroup,.procedure-form-container .procedureForm .form_bottom .formBox .formGroup{display:flex;flex-direction:column;gap:.5rem}.procedure-form-container .procedureForm .form_top .formBox .formGroup input:disabled,.procedure-form-container .procedureForm .form_bottom .formBox .formGroup input:disabled,.procedure-form-container .procedureForm .form_top .formBox .formGroup select:disabled,.procedure-form-container .procedureForm .form_bottom .formBox .formGroup select:disabled,.procedure-form-container .procedureForm .form_top .formBox .formGroup textarea:disabled,.procedure-form-container .procedureForm .form_bottom .formBox .formGroup textarea:disabled{background:var(--color-neutral);color:#000}.procedure-form-container .procedureForm .form_top .formBox .formGroup label,.procedure-form-container .procedureForm .form_bottom .formBox .formGroup label{font-size:1rem;color:var(--color-text-dark);font-weight:600;letter-spacing:.6px}.procedure-form-container .procedureForm .form_top .formBox .formGroup input,.procedure-form-container .procedureForm .form_bottom .formBox .formGroup input,.procedure-form-container .procedureForm .form_top .formBox .formGroup select,.procedure-form-container .procedureForm .form_bottom .formBox .formGroup select,.procedure-form-container .procedureForm .form_top .formBox .formGroup textarea,.procedure-form-container .procedureForm .form_bottom .formBox .formGroup textarea{padding:.5rem;border:1px solid var(--color-neutral);border-radius:4px;font-size:1rem;width:100%;background-color:var(--color-white);transition:border-color .3s ease}.procedure-form-container .procedureForm .form_top .formBox .formGroup input:focus,.procedure-form-container .procedureForm .form_bottom .formBox .formGroup input:focus,.procedure-form-container .procedureForm .form_top .formBox .formGroup select:focus,.procedure-form-container .procedureForm .form_bottom .formBox .formGroup select:focus,.procedure-form-container .procedureForm .form_top .formBox .formGroup textarea:focus,.procedure-form-container .procedureForm .form_bottom .formBox .formGroup textarea:focus{border-color:var(--color-titles-headers);outline:none}.procedure-form-container .procedureForm .form_top .formBox .formGroup .inputError,.procedure-form-container .procedureForm .form_bottom .formBox .formGroup .inputError{color:var(--color-alert);font-size:14px;margin-top:-.5rem}.procedure-form-container .procedureForm .form_top .formBox .formGroup .inputError.procedure,.procedure-form-container .procedureForm .form_bottom .formBox .formGroup .inputError.procedure{margin-top:0rem}.procedure-form-container .procedureForm .form_bottom .formBox{padding:1rem}@media (max-width: 480px){.procedure-form-container .procedureForm .form_bottom .formBox{border-radius:8px;padding:.5rem}}.procedure-form-container .procedureForm .form_bottom .formBox .formBoxTitle{align-items:flex-start;flex-direction:column;gap:.2rem}@media (max-width: 480px){.procedure-form-container .procedureForm .form_bottom .formBox .formBoxTitle{font-size:1rem}}.procedure-form-container .procedureForm .form_bottom .formBox .formBoxTitle small{align-items:flex-start}.procedure-form-container .procedureForm .form_bottom .formBox .formBoxTitle hr{width:100%}.procedure-form-container .procedureForm .form_bottom .formBox .firmar{display:flex;flex-direction:row;gap:1rem;align-items:center}.procedure-form-container .procedureForm .form_bottom .formBox .firmar select{color:red;width:max-content}.procedure-form-container .procedureForm .form_bottom .formBox .signatureCanvas{justify-self:center;margin-bottom:1rem}.procedure-form-container .procedureForm .form_bottom .formBox .signatureCanvas .repeat-signature-button{margin-top:.5rem;padding:.5rem;border-radius:6px;font-weight:500;font-size:.95rem;border:none;cursor:pointer;transition:all .2s ease-in-out;background-color:var(--color-titles-headers);color:#fff}.procedure-form-container .procedureForm .form_bottom .formBox .signatureCanvas .repeat-signature-button:hover{background-color:#1565c0}.procedure-form-container .procedureForm .someError{color:red;font-size:16px;font-weight:600;margin-top:-.3rem;text-align:center}.procedure-form-container .procedureForm .form_submit{background:var(--color-bg-cards);padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-self:center;width:max-content;gap:1.3rem;margin-top:.5rem;margin-bottom:1rem}@media (max-width: 480px){.procedure-form-container .procedureForm .form_submit{margin-top:.5rem;flex-direction:column;gap:1.2rem;width:100%}}.procedure-form-container .procedureForm .form_submit .nextStepContainer{display:flex;flex-direction:column;gap:10px}@media (max-width: 480px){.procedure-form-container .procedureForm .form_submit .nextStepContainer{gap:8px}}.procedure-form-container .procedureForm .form_submit .nextStepContainer label{display:block;font-size:1rem;font-weight:600;color:var(--color-text-dark);letter-spacing:.3px;margin-bottom:2px}@media (max-width: 480px){.procedure-form-container .procedureForm .form_submit .nextStepContainer label{font-size:14px}}.procedure-form-container .procedureForm .form_submit .nextStepContainer select{width:100%;padding:12px 40px 12px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:16px;font-weight:500;color:var(--color-text-black);background-color:var(--color-white);background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236b7280' strokeWidth='2' strokeLinecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .2s ease;outline:none;font-family:inherit}.procedure-form-container .procedureForm .form_submit .nextStepContainer select:hover{border-color:#d1d5db}.procedure-form-container .procedureForm .form_submit .nextStepContainer select:focus{border-color:var(--color-titles-subHeaders);box-shadow:0 0 0 3px #3b82f61a}.procedure-form-container .procedureForm .form_submit .nextStepContainer select:not([value=""]){border-color:var(--color-titles-subHeaders);background-color:#eff6ff;color:var(--color-titles-headers);font-weight:600}.procedure-form-container .procedureForm .form_submit .nextStepContainer select:disabled{background-color:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.6}@media (max-width: 480px){.procedure-form-container .procedureForm .form_submit .nextStepContainer select{padding:11px 36px 11px 12px;font-size:13px}}.procedure-form-container .procedureForm .form_submit .nextStepContainer select option{padding:10px;font-size:14px;color:var(--color-text-black)}.procedure-form-container .procedureForm .form_submit .nextStepContainer select option:disabled{color:#9ca3af}.procedure-form-container .procedureForm .form_submit .nextStepContainer--compact{flex-direction:row;align-items:center;gap:12px}@media (max-width: 480px){.procedure-form-container .procedureForm .form_submit .nextStepContainer--compact{flex-direction:column;align-items:flex-start}}.procedure-form-container .procedureForm .form_submit .nextStepContainer--compact label{margin-bottom:0;white-space:nowrap}.procedure-form-container .procedureForm .form_submit .nextStepContainer--compact select{flex:1;min-width:200px}@media (max-width: 480px){.procedure-form-container .procedureForm .form_submit .nextStepContainer--compact select{width:100%;min-width:unset}}.procedure-form-container .procedureForm .form_submit button.submitButton{display:flex;gap:.5rem;background-color:var(--color-cta-btn);color:var(--color-white);width:max-content;padding:.5rem 1rem;font-size:1.1rem;border:none;border-radius:4px;transition:background-color .3s ease;letter-spacing:.5px;font-weight:600;align-items:center;justify-content:center;align-self:center;cursor:pointer}.procedure-form-container .procedureForm .form_submit button.submitButton:hover{background:var(--color-cta-hover-btn);transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.procedure-form-container .procedureForm .form_submit button.submitButton .spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:16px;height:16px;animation:spin .6s linear infinite;display:inline-block;vertical-align:middle;margin-left:8px}.procedure-form-container .procedureForm .form_submit button.submitButton .spinner.small{width:12px;height:12px;border-width:2px}.procedure-form-container .procedureForm .form_submit button.submitButton:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.procedure-form-container .procedureForm .form_submit button.submitButton{font-size:1rem;width:max-content;align-self:center}}.firma-canvas-wrapper{margin-top:1.5rem;padding:1.5rem 1.3rem;display:flex;flex-direction:column;align-items:center;max-width:max-content}@media (max-width: 480px){.firma-canvas-wrapper{width:100%;padding:.1rem}}.firma-canvas-wrapper .firma-label{font-weight:600;font-size:1.1rem;color:#333;margin-bottom:.25rem}@media (max-width: 480px){.firma-canvas-wrapper .firma-label{font-size:1rem}}.firma-canvas-wrapper .firma-instruccion{font-size:.95rem;color:#555;margin-bottom:1rem;text-align:center;max-width:360px}@media (max-width: 480px){.firma-canvas-wrapper .firma-instruccion{max-width:100%;text-wrap:pretty}}.firma-canvas-wrapper .firma-canvas{border:2px dashed #ccc;border-radius:10px;cursor:crosshair;box-shadow:inset 0 0 5px #ffffff26}.firma-canvas-wrapper .firma-botones{margin-top:1rem;display:flex;gap:1rem}.firma-canvas-wrapper .firma-botones .firma-btn{padding:.5rem 1.25rem;border-radius:6px;font-weight:500;font-size:.95rem;border:none;cursor:pointer;transition:all .2s ease-in-out}.firma-canvas-wrapper .firma-botones .firma-btn.limpiar{background-color:#e53935;color:#fff}.firma-canvas-wrapper .firma-botones .firma-btn.limpiar:hover{background-color:#c62828}.firma-canvas-wrapper .firma-botones .firma-btn.guardar{background-color:var(--color-titles-headers);color:#fff}.firma-canvas-wrapper .firma-botones .firma-btn.guardar:hover{background-color:#1565c0}.firma-canvas-wrapper .important-message{align-self:center;text-align:center;margin-top:.5rem;font-size:1rem}@media (max-width: 480px){.firma-canvas-wrapper small{text-align:center}}.autoSuggest-input-container{position:relative}.autoSuggest-input-container .results-list{list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto;border:1px solid #ccc;background:#fff;position:absolute;top:35px;z-index:10;width:80%}.autoSuggest-input-container .results-list li{padding:.5rem;cursor:pointer;color:var(--color-titles-headers);transition:background .2s ease}.autoSuggest-input-container .results-list li:hover,.autoSuggest-input-container .results-list li.highlighted{background:var(--color-titles-subHeaders);cursor:pointer;color:#fff;border-radius:5px}.image-procedure-uploader-container{border:2px dashed #ccc;border-radius:8px;padding:1rem 2rem;height:10rem;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:.5rem 4rem;cursor:pointer;transition:background-color .3s}.image-procedure-uploader-container:hover{background-color:#f9f9f9}.image-procedure-uploader-container.drag-active{border-color:var(--color-titles-subHeaders);background-color:#e8f4fb}.image-procedure-uploader-container.drag-active .upload-icon{color:var(--color-titles-subHeaders)}@media (max-width: 480px){.image-procedure-uploader-container{height:8rem;margin:.5rem;padding:.3rem}}.image-procedure-uploader-container .upload-icon{font-size:40px;color:var(--color-titles-subHeaders);margin-bottom:12px;transition:all .3s}.image-procedure-uploader-container .upload-title{margin:0 0 8px;font-size:15px;font-weight:600;text-align:center;color:var(--color-text-black)}.image-procedure-uploader-container .uploader-text{margin:0;color:var(--color-text-dark);font-size:1rem}@media (max-width: 480px){.image-procedure-uploader-container .uploader-text{font-size:.8rem;text-align:center;text-wrap:balance}}.image-procedure-uploader-container .file-input{display:none}.image-preview-grid{margin:auto;display:grid;align-content:center;align-self:center;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:0 1rem;margin-top:1.5rem}.image-preview-item{position:relative;border:1px solid #ddd;border-radius:4px;display:flex;flex-direction:column;justify-content:center;height:180px}.treatment-info-container{position:relative;padding-bottom:2.5rem}@media (max-width: 480px){.treatment-info-container{margin-top:.5rem;width:100%;max-width:100%}}.treatment-info-container .is-newPatient-toggle{position:absolute;width:100%;top:10%;display:flex;gap:1rem;align-items:center}@media (max-width: 480px){.treatment-info-container .is-newPatient-toggle{top:5%;display:grid;grid-template-areas:"important" "warning" "button";justify-items:center;gap:.2rem}}.treatment-info-container .is-newPatient-toggle.toggle-opened{top:-1%}@media (max-width: 480px){.treatment-info-container .is-newPatient-toggle.toggle-opened{bottom:80%}}.treatment-info-container .is-newPatient-toggle button.open-treatment-info-btn{display:flex;border:none;border-radius:5px;padding:.5rem;font-weight:600;color:#fff;font-size:1rem;background:var(--color-background-body);gap:.2rem;align-items:center;width:20rem;justify-content:center;cursor:pointer;transition:transform .2s,box-shadow .3s;box-shadow:0 4px 6px #0000001a}@media (max-width: 480px){.treatment-info-container .is-newPatient-toggle button.open-treatment-info-btn{grid-area:button;width:max-content;padding:.5rem 1rem;margin-top:.5rem}}.treatment-info-container .is-newPatient-toggle button.open-treatment-info-btn span{align-self:center;width:max-content}.treatment-info-container .is-newPatient-toggle button.open-treatment-info-btn:disabled{opacity:.6;cursor:not-allowed}.treatment-info-container .is-newPatient-toggle button.open-treatment-info-btn:hover{transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.treatment-info-container .is-newPatient-toggle button.open-treatment-info-btn:active{transform:translateY(0);box-shadow:0 4px 6px #0000001a}.treatment-info-container .is-newPatient-toggle button.open-treatment-info-btn:focus{outline:2px solid var(--color-titles-subHeaders);outline-offset:2px}.treatment-info-container .is-newPatient-toggle strong{font-size:1.1rem;text-wrap:nowrap}@media (max-width: 480px){.treatment-info-container .is-newPatient-toggle strong{grid-area:important}}.treatment-info-container .is-newPatient-toggle span.treatment-warning{font-style:italic;text-wrap:balance;text-align:start;width:max-content;font-size:.9rem}@media (max-width: 480px){.treatment-info-container .is-newPatient-toggle span.treatment-warning{width:100%;grid-area:warning;text-align:center}}.treatment-info-container .new-treatment-data{display:flex;flex-direction:column;gap:.8rem;margin-top:2rem}@media (max-width: 480px){.treatment-info-container .new-treatment-data{margin-top:.2rem;gap:.8rem;border-radius:10px!important}}.treatment-info-container .new-treatment-data .new-treatment-data-title{color:var(--color-titles-headers)}.treatment-info-container .new-treatment-data .formBox .inputError{bottom:-12px;left:.2rem;z-index:9}@media (max-width: 480px){.treatment-info-container .new-treatment-data .formBox .inputError{bottom:-.75rem;text-wrap:pretty}}.treatment-info-container .new-treatment-data .formGroupInputs{width:100%;display:grid;grid-template-columns:.78fr 1fr 1.5fr .8fr;grid-template-areas:"date doctor name value";gap:1rem;align-items:end}@media (max-width: 480px){.treatment-info-container .new-treatment-data .formGroupInputs{grid-template-columns:1fr 1fr;grid-template-areas:"date doctor" "name name" "value value";gap:1rem;align-items:stretch}}.treatment-info-container .new-treatment-data .formGroupInputs .fecha-tr{grid-area:date;min-width:0}.treatment-info-container .new-treatment-data .formGroupInputs .doctor{grid-area:doctor;min-width:0}.treatment-info-container .new-treatment-data .formGroupInputs .doctor .doctorList{width:100%}.treatment-info-container .new-treatment-data .formGroupInputs .valor-tratamiento{grid-area:value;min-width:0;position:relative}.treatment-info-container .new-treatment-data .formGroupInputs .valor-tratamiento .icon-label{display:flex;align-items:center;gap:.3rem;margin-bottom:.5rem}@media (max-width: 480px){.treatment-info-container .new-treatment-data .formGroupInputs .valor-tratamiento .icon-label{margin-bottom:0}}.treatment-info-container .new-treatment-data .formGroupInputs .valor-tratamiento input{width:100%;padding-left:1rem!important}.treatment-info-container .new-treatment-data .formGroupInputs .valor-tratamiento .inputError{position:absolute;bottom:-1.5rem;left:0;font-size:.75rem;color:var(--color-alert)}.treatment-info-container .new-treatment-data .formGroupInputs .treatment-name{grid-area:name;min-width:0}.treatment-info-container .new-treatment-data .formGroupInputs .treatment-name input{width:100%}.treatment-info-container .new-treatment-data .formGroupInputs .formGroup{display:flex;flex-direction:column;gap:.5rem}.treatment-info-container .new-treatment-data .formGroupInputs .formGroup label{font-size:.9rem;font-weight:600;color:var(--color-text-dark);text-wrap:balance;line-height:1.2}.treatment-info-container .new-treatment-data .formGroupInputs .formGroup input,.treatment-info-container .new-treatment-data .formGroupInputs .formGroup select{padding:.75rem;border:1px solid var(--color-neutral);border-radius:4px;font-size:1rem;transition:border-color .3s ease}.treatment-info-container .new-treatment-data .formGroupInputs .formGroup input:focus,.treatment-info-container .new-treatment-data .formGroupInputs .formGroup select:focus{border-color:var(--color-titles-headers);outline:none;box-shadow:0 0 0 2px rgba(var(--color-titles-headers-rgb, 0, 123, 255),.1)}.treatment-info-container .new-treatment-data .formGroupInputs .formGroup .inputError{color:var(--color-alert);font-size:.75rem;margin-top:.25rem}@media (max-width: 480px){.treatment-info-container .new-treatment-data .formGroupInputs .formGroup label{font-size:.85rem}.treatment-info-container .new-treatment-data .formGroupInputs .formGroup input,.treatment-info-container .new-treatment-data .formGroupInputs .formGroup select{padding:.6rem;font-size:.9rem}.treatment-info-container .new-treatment-data .formGroupInputs .valor-tratamiento .inputError{position:static;margin-top:.25rem}}.treatment-info-container .new-treatment-data hr{margin:.5rem 0 .2rem}.treatment-active{padding-bottom:.5rem}@media (max-width: 480px){.treatment-active{margin-top:1rem}}.toggle-opened~.new-treatment-data{margin-top:3.6rem}@media (max-width: 480px){.toggle-opened~.new-treatment-data{margin-top:9.3rem;padding:.8rem 0rem}}.formGroup.treatment-details{border-radius:12px;padding:1rem .5rem;display:flex;flex-direction:row!important;gap:1.3rem;align-items:center;position:relative;overflow:hidden;justify-content:space-between}@media (max-width: 480px){.formGroup.treatment-details{gap:1.3rem!important;padding:.7rem 0 0;max-width:100%;justify-content:space-between}}.formGroup.treatment-details .value{display:flex;flex-direction:column;height:100%;align-items:center;flex-wrap:nowrap;gap:.5rem;font-size:.95rem;font-weight:600;color:var(--color-text-dark);letter-spacing:.3px;position:relative;padding:.75rem 1.2rem;background:#ffffffb3;border-radius:8px;border:1px solid rgba(226,232,240,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease}@media (max-width: 480px){.formGroup.treatment-details .value{align-items:center;text-align:center;flex:1;padding:.5rem 1.2rem}}.formGroup.treatment-details .value:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 2px 8px #00000014}.formGroup.treatment-details .value:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background:linear-gradient(90deg,transparent,var(--color-titles-headers),transparent);border-radius:8px 8px 0 0;opacity:0;transition:opacity .3s ease}.formGroup.treatment-details .value:hover:before{opacity:1}.formGroup.treatment-details .value .amount{font-size:1.35rem;font-weight:700;align-items:center;background:linear-gradient(135deg,var(--color-titles-headers),#1e40af);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:.5px;position:relative;transition:all .3s ease}@media (max-width: 480px){.formGroup.treatment-details .value .amount{font-size:1.25rem;justify-content:center}}.formGroup.treatment-details .value:first-child .amount{background:linear-gradient(135deg,#059669,#065f46);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.formGroup.treatment-details .value:first-child:after{content:"💰";align-self:flex-start;position:absolute;top:.5rem;left:0;font-size:1.2rem;opacity:.6;transition:all .3s ease}@media (max-width: 480px){.formGroup.treatment-details .value:first-child:after{top:.2rem}}.formGroup.treatment-details .value:first-child:hover:after{opacity:1;transform:scale(1.1)}.formGroup.treatment-details .value:last-child .amount{background:linear-gradient(135deg,#dc2626,#991b1b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.formGroup.treatment-details .value:last-child:after{content:"⏳";position:absolute;top:.5rem;left:0rem;font-size:1.2rem;opacity:.6;transition:all .3s ease}@media (max-width: 480px){.formGroup.treatment-details .value:last-child:after{top:.2rem}}.formGroup.treatment-details .value:last-child:hover:after{opacity:1;transform:scale(1.1)}.appointment_container{display:flex;flex-direction:column;width:100%;height:100%;padding:1rem;position:relative;overflow-y:scroll}@media (max-width: 480px){.appointment_container{padding:.5rem}}.appointment_container .calendar_filter{align-self:center}@media (max-width: 480px){.appointment_container .calendar_filter{display:flex;flex-direction:column}}.appointment_container .calendar_filter .formBox{position:relative;flex:1;width:max-content;display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}@media (max-width: 480px){.appointment_container .calendar_filter .formBox{flex-direction:column;width:100%;gap:.5rem}}.appointment_container .calendar_filter .formBox h3.title-calendar-filter{font-size:1.2rem;font-weight:600;color:var(--color-titles-headers)}@media (max-width: 480px){.appointment_container .calendar_filter .formBox h3.title-calendar-filter{text-align:center;font-size:1.1rem;max-width:80%;width:100%;text-wrap:wrap}}.appointment_container .calendar_filter .formBox label{position:absolute;font-size:.9rem;left:11rem;top:2.5rem;opacity:.7}@media (max-width: 480px){.appointment_container .calendar_filter .formBox label{top:3.2rem;left:33%}}.appointment_container .calendar_filter .formBox input,.appointment_container .calendar_filter .formBox select,.appointment_container .calendar_filter .formBox textarea{padding:1.5rem .5rem .5rem;min-width:120px;width:max-content;font-size:1rem;border:.5px grey solid;border-radius:5px}.appointment_container .calendar_filter .formBox select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.appointment_container .calendar_filter .formBox .spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:25px;height:25px;animation:spin .6s linear infinite;display:inline-block;vertical-align:middle;margin-left:8px}.appointment_container .calendar_filter .formBox .spinner.small{width:12px;height:12px;border-width:2px}.appointment_container .calendar_container{display:flex;flex-direction:column;width:100%;height:100%;padding:1rem}@media (max-width: 480px){.appointment_container .calendar_container{padding:0;margin-top:.7rem}}.appointment_container .calendar_container .loadingMessage,.appointment_container .calendar_container .errorLoadingMessage{font-size:1.5rem;font-weight:600;text-align:center;margin-top:2rem}@media (max-width: 480px){.appointment_container .calendar_container .loadingMessage,.appointment_container .calendar_container .errorLoadingMessage{font-size:1rem}}.appointment_container .calendar_container span.spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:25px;height:25px;animation:spin .6s linear infinite;display:inline-block;vertical-align:middle;margin-left:8px}.appointment_container .calendar_container span.spinner.small{width:12px;height:12px;border-width:2px}@media (max-width: 480px){.appointment_container .calendar_container .fc-header-toolbar{display:flex;justify-content:space-between}}@media (max-width: 480px){.appointment_container .calendar_container .fc-header-toolbar .fc-toolbar-chunk{display:flex;flex-direction:column;gap:.5rem}}@media (max-width: 480px){.appointment_container .calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group{display:flex;width:100%}}@media (max-width: 480px){.appointment_container .calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button{width:2rem;display:flex;align-items:center;padding:.1rem}}@media (max-width: 480px){.appointment_container .calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button span{align-self:center}.appointment_container .calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button span:before{width:10px;height:10px}}.appointment_container .calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-dayGridMonth-button,.appointment_container .calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-timeGridWeek-button,.appointment_container .calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-timeGridDay-button{width:max-content}@media (max-width: 480px){.appointment_container .calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-timeGridDay-button{border-radius:0 2px 0 0;padding-right:5px}}@media (max-width: 480px){.appointment_container .calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-today-button{display:flex;justify-content:center;margin-left:0;width:70%;height:80%;align-self:center;align-items:center}}@media (max-width: 480px){.appointment_container .calendar_container .fc-header-toolbar .fc-toolbar-chunk h2{font-size:1.3rem;text-wrap:balance;text-align:center}}.appointment_container .calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc-listWeek-button{margin-left:0}@media (max-width: 480px){.appointment_container .calendar_container .fc-header-toolbar .fc-toolbar-chunk .fc--button{display:none!important}}@media (max-width: 480px){.appointment_container .calendar_container td.fc-timegrid-slot{width:max-content}}@media (max-width: 480px){.appointment_container .calendar_container .fc-timegrid-slot-label-frame{text-align:left}}@media (max-width: 480px){.appointment_container .calendar_container .fc-timegrid-slot-label-cushion{padding-right:0}}.appointment_container .calendar_container .fc-event{cursor:pointer}.appointment_container .calendar_container .fc-event.cancelled{background-color:#ff000070}.appointment_container .calendar_container .fc-daygrid-body.fc-daygrid-body-unbalanced,.appointment_container .calendar_container .fc-daygrid-body.fc-daygrid-body-unbalanced table{width:100%!important}.modal_container{position:absolute;top:0;left:0;background:#00000079;height:100vh;width:100%;z-index:99;padding:1rem 2rem}@media (max-width: 480px){.modal_container{display:flex;justify-content:center;background:#000000ae;height:100dvh}}.modal_container .modal_content{background:var(--color-bg-cards);width:80%;margin:auto;border-radius:.5rem}@media (max-width: 480px){.modal_container .modal_content{position:absolute;top:3%;width:98%}}.modal_container .modal_content .modal_appointment_header{display:flex;align-items:center;justify-content:space-between;background:var(--color-table-head);padding:1rem;border-radius:.5rem .5rem 0 0}@media (max-width: 480px){.modal_container .modal_content .modal_appointment_header{flex-direction:column;gap:.2rem}}.modal_container .modal_content .modal_appointment_header h4{color:#fff}@media (max-width: 480px){.modal_container .modal_content .modal_appointment_header h4{font-size:1.2rem}}.modal_container .modal_content .modal_appointment_header .current_user,.modal_container .modal_content .modal_appointment_header .current_date{color:#fff;font-weight:600}.modal_container .modal_content .current_patient_data{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #93c5fd;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;box-shadow:0 2px 8px #3b82f61a;transition:all .3s ease}@media (max-width: 480px){.modal_container .modal_content .current_patient_data{margin:.5rem 0;gap:.3rem}}.modal_container .modal_content .current_patient_data span{font-size:.8rem;font-weight:600}.modal_container .modal_content .current_patient_data span.current_patient_title{color:var(--color-titles-headers);font-size:1.1rem}.modal_container .modal_content .current_patient_data .patient_data_container{display:flex;gap:1rem;align-items:center}@media (max-width: 480px){.modal_container .modal_content .current_patient_data .patient_data_container{flex-direction:column;align-items:flex-start;gap:.5rem}}.modal_container .modal_content .current_patient_data .patient_data_container .patient_name{text-transform:capitalize;text-wrap:balance}@media (max-width: 480px){.modal_container .modal_content .current_patient_data .patient_data_container .patient_name{display:flex;align-items:center;margin-top:.2rem;font-size:1rem}}.modal_container .modal_content .current_patient_data .patient_data_container .patient_name span{font-size:.9rem}@media (max-width: 480px){.modal_container .modal_content .current_patient_data .patient_data_container div{display:flex}}.modal_container .modal_content .appointment_form{padding:1rem;overflow-y:scroll}@media (max-width: 480px){.modal_container .modal_content .appointment_form{padding:.4rem;height:100%}}.modal_container .modal_content .appointment_form .formBox input,.modal_container .modal_content .appointment_form .formBox select,.modal_container .modal_content .appointment_form .formBox textarea{padding:.5rem;border:1px solid var(--color-neutral);border-radius:4px;font-size:1rem;width:100%;background-color:var(--color-white);transition:border-color .3s ease}.modal_container .modal_content .appointment_form .formBox input:focus,.modal_container .modal_content .appointment_form .formBox select:focus,.modal_container .modal_content .appointment_form .formBox textarea:focus{border-color:var(--color-titles-headers);outline:none}.modal_container .modal_content .appointment_form .formGroup{display:flex;justify-content:space-between;gap:2rem}@media (max-width: 480px){.modal_container .modal_content .appointment_form .formGroup{gap:.5rem}}.modal_container .modal_content .appointment_form .formGroup .formBox{position:relative;flex:1}.modal_container .modal_content .appointment_form .formGroup .formBox label{position:absolute;font-size:.9rem;left:.3rem;top:.2rem;opacity:.7}.modal_container .modal_content .appointment_form .formGroup .formBox input,.modal_container .modal_content .appointment_form .formGroup .formBox select,.modal_container .modal_content .appointment_form .formGroup .formBox textarea{padding:1.5rem .5rem .5rem;height:3.5rem;width:100%;font-size:1rem;border:.5px grey solid;border-radius:5px}@media (max-width: 480px){.modal_container .modal_content .appointment_form .formGroup .formBox input,.modal_container .modal_content .appointment_form .formGroup .formBox select,.modal_container .modal_content .appointment_form .formGroup .formBox textarea{padding-top:1rem .3rem .5rem;height:3.2rem}}@media (max-width: 480px){.modal_container .modal_content .appointment_form .formGroup .formBox input[type=date]{width:7.7rem;padding-left:.1rem;padding-top:2rem;padding-right:0}}@media (max-width: 480px){.modal_container .modal_content .appointment_form .formGroup .formBox input#paciente_id{padding-bottom:0;display:flex;align-items:end}}@media (max-width: 480px){.modal_container .modal_content .appointment_form .formGroup .formBox.searchCriteria{width:min-content;flex:0}}.modal_container .modal_content .appointment_form .formGroup .formBox select{-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (max-width: 480px){.modal_container .modal_content .appointment_form .formGroup .formBox select#searchCriteria{width:min-content}}.modal_container .modal_content .appointment_form .formGroup .formBox .inputError{position:absolute;color:var(--color-alert);font-size:.8rem;bottom:-14px;left:.2rem;z-index:9}@media (max-width: 480px){.modal_container .modal_content .appointment_form .formGroup .formBox .inputError{bottom:-1.8rem;text-wrap:pretty}}@media (max-width: 480px){.modal_container .modal_content .appointment_form .formGroup .formBox .inputError.unidad{text-wrap:nowrap;left:-.5rem;bottom:-1rem}}@media (max-width: 480px){.modal_container .modal_content .appointment_form .formGroup .formBox .inputError.doctor{bottom:-1.8rem;left:.8rem}}.modal_container .modal_content .appointment_form .formGroup .formBox .inputError.motivo_cita{bottom:-.6rem}@media (max-width: 480px){.modal_container .modal_content .appointment_form .formGroup .formBox .inputError.motivo_cita{bottom:-1.5rem}}@media (max-width: 480px){.modal_container .modal_content .appointment_form .formGroup .formBox .inputError.paciente{bottom:-1rem}}.modal_container .modal_content .appointment_form .formGroup .formBox .inputError.fecha_cita{bottom:-.8rem}@media (max-width: 480px){.modal_container .modal_content .appointment_form .formGroup .formBox .inputError.fecha_cita{bottom:-1.7rem}}.modal_container .modal_content .appointment_form .formGroup .formBox .inputError.duracion_cita{bottom:-.8rem}@media (max-width: 480px){.modal_container .modal_content .appointment_form .formGroup .formBox .inputError.duracion_cita{bottom:-1.5rem}}.modal_container .modal_content .appointment_form hr{width:100%;height:1px;background:var(--color-neutral);margin:1rem 0}@media (max-width: 480px){.modal_container .modal_content .appointment_form .form_top{padding-top:.5rem;gap:.8rem}}@media (max-width: 480px){.modal_container .modal_content .appointment_form .form_top .register_date{flex:.5}}@media (max-width: 480px){.modal_container .modal_content .appointment_form .form_top .cubicle{flex:.4}}.modal_container .modal_content .appointment_form .form_middle{position:relative;display:flex;flex-direction:column;gap:2rem}@media (max-width: 480px){.modal_container .modal_content .appointment_form .form_middle{gap:1.7rem;margin-bottom:1.5rem}}.modal_container .modal_content .appointment_form .form_middle .formGroup.autoSuggest_input_container{position:relative;gap:1rem}.modal_container .modal_content .appointment_form .form_middle .formGroup.autoSuggest_input_container .formBox.searchCriteria{flex:1}.modal_container .modal_content .appointment_form .form_middle .formGroup.autoSuggest_input_container .formBox.searchCriteria select#searchCriteria{width:100%}.modal_container .modal_content .appointment_form .form_middle .formGroup.autoSuggest_input_container .formBox.paciente_id{flex:2}.modal_container .modal_content .appointment_form .form_middle .formGroup.autoSuggest_input_container .searchResults{display:block;position:absolute;background:#fff;color:var(--color-titles-headers);top:128px;left:22.55rem;width:60%;border-radius:10px;padding:.5rem;opacity:0;transition:opacity .5s ease-in-out;z-index:10}@media (max-width: 480px){.modal_container .modal_content .appointment_form .form_middle .formGroup.autoSuggest_input_container .searchResults{top:190px;left:3px;width:70%;border:.5px solid}}.modal_container .modal_content .appointment_form .form_middle .formGroup.autoSuggest_input_container .searchResults .patients-list{overflow-y:auto;max-height:220px}.modal_container .modal_content .appointment_form .form_middle .formGroup.autoSuggest_input_container .searchResults .patients-list li{padding:.5rem;list-style-type:none;font-size:.9rem}.modal_container .modal_content .appointment_form .form_middle .formGroup.autoSuggest_input_container .searchResults .patients-list li:hover{background:var(--color-titles-subHeaders);cursor:pointer;color:#fff;border-radius:5px}.modal_container .modal_content .appointment_form .form_middle .formGroup.autoSuggest_input_container .error{position:absolute;color:red;font-size:.7rem;bottom:-14px;right:6.5rem}@media (max-width: 480px){.modal_container .modal_content .appointment_form .form_middle .formGroup.autoSuggest_input_container .error{right:1.7rem}}.modal_container .modal_content .appointment_form .form_middle .formGroup.autoSuggest_input_container .searchResults{position:absolute;left:16.7rem;top:3.5rem;z-index:99}@media (max-width: 480px){.modal_container .modal_content .appointment_form .form_middle .formGroup.autoSuggest_input_container .searchResults{left:30%}}.modal_container .modal_content .appointment_form .form_middle .formGroup.autoSuggest_input_container .searchResults .patients-list{list-style:none}.modal_container .modal_content .appointment_form .form_middle .is-newPatient-toggle{position:absolute;top:20%;align-self:end}@media (max-width: 480px){.modal_container .modal_content .appointment_form .form_middle .is-newPatient-toggle{top:20.5%}}.modal_container .modal_content .appointment_form .form_middle .is-newPatient-toggle.toggle-opened{top:-1%}@media (max-width: 480px){.modal_container .modal_content .appointment_form .form_middle .is-newPatient-toggle.toggle-opened{top:-1%}}.modal_container .modal_content .appointment_form .form_middle .is-newPatient-toggle button{display:flex;border:none;border-radius:5px;padding:.3rem .5rem;font-weight:600;color:#fff;font-size:.8rem;background:var(--color-background-body);gap:.2rem;align-items:center;cursor:pointer}@media (max-width: 480px){.modal_container .modal_content .appointment_form .form_middle .is-newPatient-toggle button{padding:.2rem .3rem}}.modal_container .modal_content .appointment_form .form_middle .is-newPatient-toggle button span{align-self:center}.modal_container .modal_content .appointment_form .form_middle .is-newPatient-toggle button:disabled{opacity:.6;cursor:not-allowed}.modal_container .modal_content .appointment_form .form_middle .new-patient-data{display:flex;flex-direction:column;gap:.8rem;margin-top:.3rem}@media (max-width: 480px){.modal_container .modal_content .appointment_form .form_middle .new-patient-data{margin-top:.5rem;gap:.8rem}}.modal_container .modal_content .appointment_form .form_middle .new-patient-data .new-patient-data-title{color:var(--color-titles-headers)}.modal_container .modal_content .appointment_form .form_middle .new-patient-data .formBox .inputError{bottom:-12px;left:.2rem;z-index:9}@media (max-width: 480px){.modal_container .modal_content .appointment_form .form_middle .new-patient-data .formBox .inputError{bottom:-.75rem;text-wrap:pretty}}@media (max-width: 480px){.modal_container .modal_content .appointment_form .form_middle .new-patient-data .formBox .inputError.tipo-doc,.modal_container .modal_content .appointment_form .form_middle .new-patient-data .formBox .inputError.num-doc{bottom:-1.8rem}}.modal_container .modal_content .appointment_form .form_middle .new-patient-data .idInfo{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;gap:2rem}@media (max-width: 480px){.modal_container .modal_content .appointment_form .form_middle .new-patient-data .idInfo{gap:.5rem}}.modal_container .modal_content .appointment_form .form_middle .new-patient-data .idInfo .idGroup{display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:flex-end;gap:.3rem;width:50%}.modal_container .modal_content .appointment_form .form_middle .new-patient-data hr{margin:.5rem 0 .2rem}.modal_container .modal_content .appointment_form .form_middle .formGroup.appointment_date{gap:1rem;margin-top:2rem}@media (max-width: 480px){.modal_container .modal_content .appointment_form .form_middle .formGroup.appointment_date{margin-top:1.8rem}}.modal_container .modal_content .appointment_form .form_middle .appointment_date.selected_event{margin:0}.modal_container .modal_content .appointment_form .form_middle .formGroup.appointment_reason{flex-direction:column;gap:1.5rem}@media (max-width: 480px){.modal_container .modal_content .appointment_form .form_middle .formBox.appointment_observations textarea{height:4rem}}.modal_container .modal_content .appointment_form .form_middle .is-newPatient-toggle~.appointment_date{margin-top:2rem}@media (max-width: 480px){.modal_container .modal_content .appointment_form .form_middle .is-newPatient-toggle~.appointment_date{margin-top:1.9rem}}.modal_container .modal_content .appointment_form .form_middle .toggle-opened~.appointment_date{margin-top:.7rem}@media (max-width: 480px){.modal_container .modal_content .appointment_form .form_middle .toggle-opened~.appointment_date{margin-top:0}}.modal_container .modal_content .appointment_form .form_bottom{display:flex;align-items:center;gap:1rem;justify-content:center}@media (max-width: 480px){.modal_container .modal_content .appointment_form .form_bottom{flex-direction:column;gap:1rem;margin-bottom:1rem}}.modal_container .modal_content .appointment_form .form_bottom .left{flex:1}@media (max-width: 480px){.modal_container .modal_content .appointment_form .form_bottom .left{flex:none}}.modal_container .modal_content .appointment_form .form_bottom .left .formBox label{font-style:italic;font-size:13px}.modal_container .modal_content .appointment_form .form_bottom .left .formBox select{color:var(--color-titles-headers);width:100%;font-weight:600}.modal_container .modal_content .appointment_form .form_bottom .right{flex:2;display:flex;gap:.5rem;flex-direction:column;align-items:center}@media (max-width: 480px){.modal_container .modal_content .appointment_form .form_bottom .right{flex:none}}.modal_container .modal_content .appointment_form .form_bottom .right .someError{color:red;font-size:1rem;font-weight:500;width:max-content;text-align:center;margin-bottom:.5rem}@media (max-width: 480px){.modal_container .modal_content .appointment_form .form_bottom .right .someError{font-size:1rem;width:auto}}.modal_container .modal_content .appointment_form .form_bottom .right .btns{display:flex;gap:1.7rem;width:max-content}@media (max-width: 480px){.modal_container .modal_content .appointment_form .form_bottom .right .btns{gap:1.5rem;max-width:100%}}.modal_container .modal_content .appointment_form .form_bottom .right .btns.newAppointment{gap:4rem}@media (max-width: 480px){.modal_container .modal_content .appointment_form .form_bottom .right .btns.newAppointment{gap:3rem}}.modal_container .modal_content .appointment_form .form_bottom .right .btns button{border:none;border-radius:5px;padding:.3rem .5rem;font-weight:600;color:#fff;font-size:1rem;cursor:pointer}@media (max-width: 480px){.modal_container .modal_content .appointment_form .form_bottom .right .btns button{padding:.5rem;font-size:.92rem;letter-spacing:1.2px}}.modal_container .modal_content .appointment_form .form_bottom .right .btns button .spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:16px;height:16px;animation:spin .6s linear infinite;display:inline-block;vertical-align:middle;margin-left:8px}.modal_container .modal_content .appointment_form .form_bottom .right .btns button .spinner.small{width:12px;height:12px;border-width:2px}.modal_container .modal_content .appointment_form .form_bottom .right .btns button:disabled{opacity:.6;cursor:not-allowed}.modal_container .modal_content .appointment_form .form_bottom .right .btns button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.modal_container .modal_content .appointment_form .form_bottom .right .btns button:active{transform:translateY(0)}.modal_container .modal_content .appointment_form .form_bottom .right .btns button:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal_container .modal_content .appointment_form .form_bottom .right .btns button.wtsp-btn{background:#25d366}.modal_container .modal_content .appointment_form .form_bottom .right .btns button.delete-btn{background-color:var(--color-alert)}.modal_container .modal_content .appointment_form .form_bottom .right .btns button.close_modal{background-color:var(--color-text-dark)}.modal_container .modal_content .appointment_form .form_bottom .right .btns button.save_appointment{background:var(--color-background-body)}.modal_container .modal_content .appointment_form .form_bottom .right .btns.newAppointment button.close_modal{background:var(--color-alert);font-size:1rem;width:7.5rem;height:2.5rem}.modal_container .modal_content .appointment_form .form_bottom .right .btns.newAppointment button.save_appointment{font-size:1rem;height:2.5rem}.modal_container .modal_content .appointment_form .form_bottom .right .btns.newAppointment button.save_appointment.loading{height:3rem}.SelectTrigger{display:flex;align-items:center;justify-content:space-between;padding:1.3rem 1rem .6rem .3rem;border:1px solid #ccc;cursor:pointer;background-color:#fff;font-size:14px;min-width:250px;height:3.5rem;width:100%;font-size:1rem;border:.5px grey solid;border-radius:5px}@media (max-width: 480px){.SelectTrigger{height:3.2rem;min-width:180px;padding:1.3rem .1rem .1rem}}.SelectContent{background-color:#fff;border:1px solid #ccc;border-radius:6px;max-height:200px;overflow-y:auto;box-shadow:0 4px 8px #0000001a;transform:translate(-5px,-5px);z-index:9999}@media (max-width: 480px){.SelectContent{transform:translate(-5px,185px);max-height:calc(100dvh - 120px)}}@media (max-width: 480px){.SelectContent.patient-form-opened{transform:translate(-5px,145px)}}.SelectItem{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:14px;cursor:pointer}.SelectItem:hover{background-color:#f0f0f0}.SelectItem[data-state=checked]{background-color:#e0e0e0}.color-box{width:12px;height:12px;border-radius:3px;display:inline-block}.patientListContainer{display:flex;flex-direction:column;gap:1rem;padding:1rem;height:100%;overflow-y:scroll}@media (max-width: 480px){.patientListContainer{padding:.4rem;gap:.5rem;max-width:100vw}}.patientListContainer .titleContainer{font-size:1.5rem;width:100%;display:flex;align-items:center;gap:.7rem;color:var(--color-titles-headers);justify-content:flex-start}@media (max-width: 480px){.patientListContainer .titleContainer{gap:.5rem;padding:.3rem}}@media (max-width: 480px){.patientListContainer .titleContainer h3{font-size:1.2rem}}.patientListContainer .titleContainer span{align-self:center;font-size:1rem;color:var(--color-text-dark)}.patientListContainer .patientListResultsContainer{display:flex;flex-direction:column;padding:1rem;background:var(--color-bg-cards);border-radius:10px;box-shadow:0 4px 8px #0000001a;width:100%;max-height:max-content}@media (max-width: 480px){.patientListContainer .patientListResultsContainer{padding:.2rem;margin-top:.5rem}}.patientListContainer .patientListResultsContainer .title_patientListContainer{font-size:1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;color:var(--color-titles-headers);width:100%}@media (max-width: 480px){.patientListContainer .patientListResultsContainer .title_patientListContainer{margin-bottom:.5rem;gap:.3rem;align-items:flex-end}}.patientListContainer .patientListResultsContainer .title_patientListContainer img{width:58px}@media (max-width: 480px){.patientListContainer .patientListResultsContainer .title_patientListContainer h2{font-size:1.1rem}}.patientListContainer .patientListResultsContainer .title_patientListContainer small{color:#000;align-self:center;color:var(--color-text-dark)}@media (max-width: 480px){.patientListContainer .patientListResultsContainer .title_patientListContainer small{align-self:flex-end}}.patientListContainer .patientListResultsContainer hr{width:100%;max-height:1px;background:var(--color-neutral)}@media (max-width: 480px){.patientListContainer .patientListResultsContainer hr{max-width:100%;height:1px;margin:0}}.patientListContainer .patientListResultsContainer .loadingMessage,.patientListContainer .patientListResultsContainer .errorLoadingMessage{font-size:1.5rem;font-weight:600;text-align:center;margin-top:2rem}.patientListContainer .patientListResultsContainer span.spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:25px;height:25px;animation:spin .6s linear infinite;display:inline-block;vertical-align:middle;margin-left:8px}.patientListContainer .patientListResultsContainer span.spinner.small{width:12px;height:12px;border-width:2px}@media (max-width: 480px){.patientListContainer .patientListResultsContainer .patientListResults{padding:.3rem;overflow-x:auto;width:auto}}.patientListContainer .patientListResultsContainer .patientListResults .patientTable{width:100%;border-collapse:collapse;margin-top:1rem;border-radius:10px;overflow:hidden}.patientListContainer .patientListResultsContainer .patientListResults .patientTable thead{background:var(--color-table-head);color:var(--color-white)}.patientListContainer .patientListResultsContainer .patientListResults .patientTable th,.patientListContainer .patientListResultsContainer .patientListResults .patientTable td{border-bottom:1px solid #ddd;padding:8px;text-align:center;text-wrap:pretty}@media (max-width: 480px){.patientListContainer .patientListResultsContainer .patientListResults .patientTable th,.patientListContainer .patientListResultsContainer .patientListResults .patientTable td{padding:.2rem;font-size:.8rem}}.patientListContainer .patientListResultsContainer .patientListResults .patientTable th.patient-name,.patientListContainer .patientListResultsContainer .patientListResults .patientTable td.patient-name{text-align:start}.patientListContainer .patientListResultsContainer .patientListResults .patientTable th{font-weight:700}.patientListContainer .patientListResultsContainer .patientListResults .patientTable tbody tr:hover{background-color:#cdcbcb}.patientListContainer .patientListResultsContainer .patientListResults .profileButton{display:flex;align-items:center;background-color:var(--color-cta-btn);color:#fff;padding:8px 16px;font-size:.8rem;font-weight:600;border:none;border-radius:4px}@media (max-width: 480px){.patientListContainer .patientListResultsContainer .patientListResults .profileButton{padding:.3rem;font-size:.7rem;font-weight:500}}.patientListContainer .patientListResultsContainer .patientListResults .profileButton:hover{cursor:pointer;background-color:var(--color-cta-hover-btn);transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.patientListContainer .patientListResultsContainer .noResults{font-size:1.5rem;font-weight:600;text-align:center;margin-top:2rem}@media (max-width: 480px){.patientListContainer .patientListResultsContainer .noResults{margin:.5rem;font-size:1rem}}.editPatientContainer{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;padding:1rem;height:100%;overflow-y:scroll}@media (max-width: 480px){.editPatientContainer{padding:.4rem;overflow-x:hidden}}.editPatientContainer h2.editPatientTitle{font-size:1.4rem;display:flex;align-items:center;gap:.6rem;color:var(--color-titles-headers);vertical-align:bottom}@media (max-width: 480px){.editPatientContainer h2.editPatientTitle{font-size:1.2rem;flex-wrap:wrap;gap:.3rem}}.editPatientContainer h2.editPatientTitle span.editPatientTitle_icons{display:flex}.editPatientContainer h2.editPatientTitle span.editPatientTitle_icons svg.personIcon{align-self:flex-start}@media (max-width: 480px){.editPatientContainer h2.editPatientTitle span.editPatientTitle_icons svg.personIcon{font-size:25px}}.editPatientContainer h2.editPatientTitle span.editPatientTitle_icons svg.pencilIcon{align-self:flex-start;width:20px}@media (max-width: 480px){.editPatientContainer h2.editPatientTitle span.editPatientTitle_icons svg.pencilIcon{font-size:15px}}.editPatientContainer h2.editPatientTitle small{color:var(--color-text-dark);font-weight:500;font-size:1rem}@media (max-width: 480px){.editPatientContainer h2.editPatientTitle small{font-size:.9rem}}.editPatientContainer .editPatientForm{display:flex;flex-direction:column;flex-wrap:nowrap;gap:1rem;width:100%}.editPatientContainer .editPatientForm .top{display:flex;gap:1rem}@media (max-width: 480px){.editPatientContainer .editPatientForm .top{flex-direction:column}}.editPatientContainer .editPatientForm .top .formBox{flex:1 1 100%;background-color:var(--color-bg-cards);border-radius:8px;padding:1rem;box-shadow:0 4px 8px #0000001a}@media (max-width: 480px){.editPatientContainer .editPatientForm .top .formBox{width:100%}}.editPatientContainer .editPatientForm .top .formBox.basicDataContainer{max-width:50%}.editPatientContainer .editPatientForm .top .formBox.basicDataContainer .formBoxInputs{gap:.8rem}@media (max-width: 480px){.editPatientContainer .editPatientForm .top .formBox.basicDataContainer{max-width:100%}}.editPatientContainer .editPatientForm .top .formBox.aditionalDataContainer{background:var(--color-dashboard);display:flex;flex-direction:column;justify-items:space-between;height:100%;gap:1rem;padding:0;border:none;max-width:50%;box-shadow:none}@media (max-width: 480px){.editPatientContainer .editPatientForm .top .formBox.aditionalDataContainer{max-width:100%}}@media (max-width: 480px){.editPatientContainer .editPatientForm .top .formBox.aditionalDataContainer .epsData h3{margin-bottom:.2rem}}.editPatientContainer .editPatientForm .top .formBox.aditionalDataContainer .epsData .epsInputs{flex-direction:row;justify-content:space-between}.editPatientContainer .editPatientForm .top .formBox.aditionalDataContainer .epsData .epsInputs .formGroup{justify-content:flex-end}.editPatientContainer .editPatientForm .top .formBox.aditionalDataContainer .epsData .epsInputs .tipo_afiliado{width:45%}.editPatientContainer .editPatientForm .top .formBox.aditionalDataContainer .companionData{padding:0;box-shadow:none;height:min-content;border-radius:8px;padding:1rem;box-shadow:0 4px 8px #0000001a}.editPatientContainer .editPatientForm .top .formBox.aditionalDataContainer .companionData .formBoxInputs{gap:.8rem}.editPatientContainer .editPatientForm .top .formBox.aditionalDataContainer .companionData .companionInputs{margin-top:.5rem;flex-direction:row;justify-content:space-between}.editPatientContainer .editPatientForm .top .formBox.aditionalDataContainer .companionData .companionInputs .formGroup{justify-content:flex-end}.editPatientContainer .editPatientForm .top .formBox.aditionalDataContainer .companionData .companionInputs .telefono{width:50%}.editPatientContainer .editPatientForm .top .formBox.aditionalDataContainer .consultReason .recordingReasonBtn{letter-spacing:1px;width:max-content;align-self:center;background-color:var(--color-cta-btn);color:var(--color-white);padding:.2rem;font-size:1rem;border:none;border-radius:.3rem;cursor:pointer;text-wrap:no-wrap}.editPatientContainer .editPatientForm .top .formBox.aditionalDataContainer .consultReason .recordingReasonBtn .recordingBtnMsg{display:flex;gap:.3rem;justify-content:center;align-items:center}.editPatientContainer .editPatientForm .top .formBox.aditionalDataContainer .consultReason .recordingReasonBtn:hover{background:var(--color-cta-hover-btn);transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.editPatientContainer .editPatientForm .top .formBox.aditionalDataContainer .consultReason .recordingReasonBtn:active{transform:translateY(0);box-shadow:0 4px 6px #0000001a}.editPatientContainer .editPatientForm .top .formBox.aditionalDataContainer .consultReason .recordingReasonBtn:focus{outline:2px solid var(--color-titles-subHeaders);outline-offset:2px}.editPatientContainer .editPatientForm .top .formBox .formBoxTitle{font-size:1.2rem;color:var(--color-titles-headers);margin-bottom:1rem}.editPatientContainer .editPatientForm .top .formBox .formBoxInputs,.editPatientContainer .editPatientForm .top .formBox .formGroup{display:flex;flex-direction:column;gap:.3rem}.editPatientContainer .editPatientForm .top .formBox .formGroup label{font-size:1rem;color:var(--color-text-dark);font-weight:600;letter-spacing:.6px}.editPatientContainer .editPatientForm .top .formBox .formGroup input,.editPatientContainer .editPatientForm .top .formBox .formGroup select,.editPatientContainer .editPatientForm .top .formBox .formGroup textarea{padding:.5rem;border:1px solid var(--color-neutral);border-radius:4px;font-size:1rem;width:100%;background-color:var(--color-white);transition:border-color .3s ease}.editPatientContainer .editPatientForm .top .formBox .formGroup input:focus,.editPatientContainer .editPatientForm .top .formBox .formGroup select:focus,.editPatientContainer .editPatientForm .top .formBox .formGroup textarea:focus{border-color:var(--color-titles-headers);outline:none}.editPatientContainer .editPatientForm .top .formBox .formGroup #nombre,.editPatientContainer .editPatientForm .top .formBox .formGroup #apellido{color:var(--color-titles-headers);font-weight:600;background:var(--color-neutral)}.editPatientContainer .editPatientForm .top .formBox .idInfo,.editPatientContainer .editPatientForm .top .formBox .birth-and-gender-info{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;gap:2rem}.editPatientContainer .editPatientForm .top .formBox .idInfo .idGroup,.editPatientContainer .editPatientForm .top .formBox .idInfo .formGroup,.editPatientContainer .editPatientForm .top .formBox .birth-and-gender-info .idGroup,.editPatientContainer .editPatientForm .top .formBox .birth-and-gender-info .formGroup{display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:flex-end;gap:.3rem;width:50%}.editPatientContainer .editPatientForm .top .formBox .formGroup #numero_documento:disabled,.editPatientContainer .editPatientForm .top .formBox .formGroup #motivo_consulta:disabled{background:var(--color-neutral);color:var(--color-titles-headers);font-weight:600}.editPatientContainer .editPatientForm .top .formBox .formGroup input[type=date]{padding-left:1rem}.editPatientContainer .editPatientForm .top .formBox .formGroup .inputError{color:var(--color-alert);font-size:12px;margin-top:-.3rem}.editPatientContainer .editPatientForm .someError{color:red;font-size:15px;font-weight:600;margin-top:-.3rem;text-align:center}.editPatientContainer .editPatientForm .form_bottom{background:var(--color-bg-cards);padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-self:center;width:max-content;gap:1.3rem;margin-top:.5rem;margin-bottom:1rem}@media (max-width: 480px){.editPatientContainer .editPatientForm .form_bottom{margin-top:.5rem;flex-direction:column;gap:1.2rem;width:100%}}.editPatientContainer .editPatientForm .form_bottom .nextStepContainer{display:flex;flex-direction:column;gap:10px}@media (max-width: 480px){.editPatientContainer .editPatientForm .form_bottom .nextStepContainer{gap:8px}}.editPatientContainer .editPatientForm .form_bottom .nextStepContainer label{display:block;font-size:1rem;font-weight:600;color:var(--color-text-dark);letter-spacing:.3px;margin-bottom:2px}@media (max-width: 480px){.editPatientContainer .editPatientForm .form_bottom .nextStepContainer label{font-size:14px}}.editPatientContainer .editPatientForm .form_bottom .nextStepContainer select{width:100%;padding:12px 40px 12px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:16px;font-weight:500;color:var(--color-text-black);background-color:var(--color-white);background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236b7280' strokeWidth='2' strokeLinecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .2s ease;outline:none;font-family:inherit}.editPatientContainer .editPatientForm .form_bottom .nextStepContainer select:hover{border-color:#d1d5db}.editPatientContainer .editPatientForm .form_bottom .nextStepContainer select:focus{border-color:var(--color-titles-subHeaders);box-shadow:0 0 0 3px #3b82f61a}.editPatientContainer .editPatientForm .form_bottom .nextStepContainer select:not([value=""]){border-color:var(--color-titles-subHeaders);background-color:#eff6ff;color:var(--color-titles-headers);font-weight:600}.editPatientContainer .editPatientForm .form_bottom .nextStepContainer select:disabled{background-color:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.6}@media (max-width: 480px){.editPatientContainer .editPatientForm .form_bottom .nextStepContainer select{padding:11px 36px 11px 12px;font-size:13px}}.editPatientContainer .editPatientForm .form_bottom .nextStepContainer select option{padding:10px;font-size:14px;color:var(--color-text-black)}.editPatientContainer .editPatientForm .form_bottom .nextStepContainer select option:disabled{color:#9ca3af}.editPatientContainer .editPatientForm .form_bottom .nextStepContainer--compact{flex-direction:row;align-items:center;gap:12px}@media (max-width: 480px){.editPatientContainer .editPatientForm .form_bottom .nextStepContainer--compact{flex-direction:column;align-items:flex-start}}.editPatientContainer .editPatientForm .form_bottom .nextStepContainer--compact label{margin-bottom:0;white-space:nowrap}.editPatientContainer .editPatientForm .form_bottom .nextStepContainer--compact select{flex:1;min-width:200px}@media (max-width: 480px){.editPatientContainer .editPatientForm .form_bottom .nextStepContainer--compact select{width:100%;min-width:unset}}.editPatientContainer .editPatientForm .form_bottom button.submitButton{display:flex;gap:.5rem;background-color:var(--color-cta-btn);color:var(--color-white);width:max-content;padding:.5rem 1rem;font-size:1.1rem;border:none;border-radius:4px;transition:background-color .3s ease;letter-spacing:.5px;font-weight:600;align-items:center;justify-content:center;align-self:center;cursor:pointer}.editPatientContainer .editPatientForm .form_bottom button.submitButton:hover{background:var(--color-cta-hover-btn);transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.editPatientContainer .editPatientForm .form_bottom button.submitButton .spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:16px;height:16px;animation:spin .6s linear infinite;display:inline-block;vertical-align:middle;margin-left:8px}.editPatientContainer .editPatientForm .form_bottom button.submitButton .spinner.small{width:12px;height:12px;border-width:2px}.editPatientContainer .editPatientForm .form_bottom button.submitButton:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.editPatientContainer .editPatientForm .form_bottom button.submitButton{font-size:1rem;width:max-content;align-self:center}}.diagnosisContainer{display:flex;flex-direction:column;gap:.8rem;padding:1rem;height:100%;overflow-y:scroll}@media (max-width: 480px){.diagnosisContainer{padding:.4rem}}.diagnosisContainer h2.diagnosisTitle{font-size:1.6rem;display:flex;align-items:center;gap:.6rem;color:var(--color-titles-headers)}@media (max-width: 480px){.diagnosisContainer h2.diagnosisTitle{font-size:1.3rem;flex-wrap:wrap;gap:.3rem}}.diagnosisContainer h2.diagnosisTitle span.diagnosisTitle_icons{display:flex;justify-content:end;justify-items:end;align-items:end}@media (max-width: 480px){.diagnosisContainer h2.diagnosisTitle span.diagnosisTitle_icons svg{align-self:end}}.diagnosisContainer h2.diagnosisTitle small{color:var(--color-text-dark);font-weight:500;font-size:1rem}@media (max-width: 480px){.diagnosisContainer h2.diagnosisTitle small{font-size:.9rem}}.diagnosisContainer .hasAlreadyDiagnosisAlert{color:var(--color-titles-headers);font-weight:600;font-size:1.2rem;text-align:center}@media (max-width: 480px){.diagnosisContainer .hasAlreadyDiagnosisAlert{font-size:1rem;text-align:center}}.diagnosisContainer .hasAlreadyDiagnosisAlert .name{color:var(--color-alert)}.diagnosisContainer .diagnosisForm{display:flex;flex-direction:column;flex-wrap:nowrap;margin-top:1rem;gap:1rem;width:100%}.diagnosisContainer .diagnosisForm .form_top{display:flex;gap:1rem;flex-direction:column}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_top{flex-direction:column}}.diagnosisContainer .diagnosisForm .form_top .formBox{flex:1 1 100%;background-color:var(--color-bg-cards);border-radius:8px;padding:.5rem;box-shadow:0 4px 8px #0000001a}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_top .formBox{width:100%}}.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer{padding:.8rem}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer{padding:.5rem}}.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .formBoxTitle{display:flex;justify-content:space-between;font-size:1.1rem;color:var(--color-titles-headers);margin-bottom:.3rem}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .formBoxTitle{margin-bottom:.3rem}}.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .formBoxTitle small{color:var(--color-text-dark);display:flex;align-items:flex-end;flex-direction:column}.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .formBoxTitle small strong{color:var(--color-titles-headers)}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .formBoxTitle small strong{font-size:.7rem}}.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer hr{margin-bottom:1rem}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer hr{margin-bottom:0}}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer{max-width:100%}}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .initialData{gap:1.2rem}}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .initialData .fechaDiagnostico-mapa-dental{flex-wrap:wrap;margin-top:.8rem}}.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .initialData .fechaDiagnostico-mapa-dental .fechas{display:flex;flex-direction:row;justify-content:space-between}.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .initialData .fechaDiagnostico-mapa-dental .fechas .select-odontogram-date{width:42%}.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .initialData .fechaDiagnostico-mapa-dental .fechas .select-odontogram-date label{font-size:1.1rem}.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .initialData .fechaDiagnostico-mapa-dental .fechas .select-odontogram-date label small{font-size:.8rem}.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .initialData .fechaDiagnostico-mapa-dental .fechas .fecha-diagnostico{width:max-content}.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .initialData .fechaDiagnostico-mapa-dental .mapaDental-container{margin-top:1rem}.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .initialData .fechaDiagnostico-mapa-dental .mapaDental-container hr{margin-bottom:.7rem}.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .initialData .fechaDiagnostico-mapa-dental .mapaDental-container .img-help{display:flex;gap:1rem}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .initialData .fechaDiagnostico-mapa-dental .mapaDental-container .img-help{flex-direction:column}}.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .initialData .fechaDiagnostico-mapa-dental .mapaDental-container .img-help .img-help-container,.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .initialData .fechaDiagnostico-mapa-dental .mapaDental-container .img-help .img-help-container img{width:100%}.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .initialData .fechaDiagnostico-mapa-dental .mapaDental-container .img-help .carta-dental-help{display:flex;flex-direction:column;gap:1rem}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .initialData .fechaDiagnostico-mapa-dental .mapaDental-container .img-help .carta-dental-help .formGroup{flex-direction:row;align-items:center;gap:1.5rem}}.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .initialData .fechaDiagnostico-mapa-dental .mapaDental-container .img-help .carta-dental-help .formGroup label{font-size:1.1rem;color:var(--color-titles-headers);font-weight:600;letter-spacing:.6px;width:max-content}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .initialData .fechaDiagnostico-mapa-dental .mapaDental-container .img-help .carta-dental-help .formGroup label{font-size:1rem}}.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .initialData .fechaDiagnostico-mapa-dental .mapaDental-container .img-help .carta-dental-help .formGroup input{width:max-content;text-transform:capitalize}.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .initialData .fechaDiagnostico-mapa-dental .mapaDental-container .img-help .carta-dental-help span{color:var(--color-titles-headers);font-weight:600}.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .initialData .fechaDiagnostico-mapa-dental .mapaDental-container .img-help .carta-dental-help p{color:var(--color-dark)}.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .initialData .diagnosticImages{background-color:var(--color-bg-cards);border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:.5rem;margin-bottom:1rem}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_top .formBox.basicDataContainer .initialData .diagnosticImages{margin-bottom:.5rem}}.diagnosisContainer .diagnosisForm .form_top .formBox .titleContainer .formBoxTitle{display:flex;justify-content:space-between;font-size:1.2rem;color:var(--color-titles-headers)}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_top .formBox .titleContainer .formBoxTitle{margin-bottom:.3rem}}.diagnosisContainer .diagnosisForm .form_top .formBox .titleContainer .formBoxTitle hr{border:0;height:1px;background:var(--color-neutral);margin:.1rem 0}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_top .formBox .titleContainer .formBoxTitle hr{max-width:400px;height:1px;margin:0}}.diagnosisContainer .diagnosisForm .form_top .formBox .titleContainer .formBoxTitle.diagnostic-images-title{justify-content:flex-start;align-items:center;gap:.3rem}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_top .formBox .titleContainer .formBoxTitle.diagnostic-images-title{font-size:1.1rem;margin-bottom:.3rem;text-wrap:nowrap}}.diagnosisContainer .diagnosisForm .form_top .formBox .titleContainer .formBoxTitle.diagnostic-images-title small{width:max-content;color:var(--color-text-dark);font-weight:600;font-size:.9rem;font-style:italic;align-self:flex-end}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_top .formBox .titleContainer .formBoxTitle.diagnostic-images-title small{font-size:.8rem;text-align:end;text-wrap:balance}}.diagnosisContainer .diagnosisForm .form_top .formBox .formBoxInputs .diagnosticos_pronosticos{display:grid;grid-template-columns:repeat(2,1fr);flex-direction:row;justify-content:space-between;gap:1.3rem}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_top .formBox .formBoxInputs .diagnosticos_pronosticos{grid-template-columns:repeat(1,1fr)}}.diagnosisContainer .diagnosisForm .form_top .formBox .formBoxInputs .diagnosticos_pronosticos .formGroup label{display:flex;gap:1rem;align-items:end;max-height:min-content}.diagnosisContainer .diagnosisForm .form_top .formBox .formBoxInputs .diagnosticos_pronosticos .formGroup label .loadingPointsContainer{display:flex;gap:.1rem;align-items:end;color:var(--color-alert)}.diagnosisContainer .diagnosisForm .form_top .formBox .formBoxInputs .diagnosticos_pronosticos .formGroup label .loadingPointsContainer .loadingPoints{display:flex;align-items:end}.diagnosisContainer .diagnosisForm .form_top .formBox .formBoxInputs .diagnosticos_pronosticos .formGroup label .loadingPointsContainer .loadingPoints span{vertical-align:end;font-size:1.5rem;max-height:min-content;animation:loading 1.4s infinite ease-in-out}.diagnosisContainer .diagnosisForm .form_top .formBox .formBoxInputs .diagnosticos_pronosticos .formGroup label .loadingPointsContainer .loadingPoints span:nth-child(1){animation-delay:-.32s}.diagnosisContainer .diagnosisForm .form_top .formBox .formBoxInputs .diagnosticos_pronosticos .formGroup label .loadingPointsContainer .loadingPoints span:nth-child(2){animation-delay:-.16s}.diagnosisContainer .diagnosisForm .form_top .formBox .formBoxInputs .diagnosticos_pronosticos .formGroup .textArea-recordingBtn{display:flex;gap:1rem;align-items:center}.diagnosisContainer .diagnosisForm .form_top .formBox .formBoxInputs .diagnosticos_pronosticos .formGroup .textArea-recordingBtn .recordingBtn{letter-spacing:1px;width:max-content;align-self:center;background-color:var(--color-titles-headers);color:var(--color-white);padding:.2rem;font-size:1rem;border:none;border-radius:.3rem;cursor:pointer;text-wrap:no-wrap}.diagnosisContainer .diagnosisForm .form_top .formBox .formBoxInputs .diagnosticos_pronosticos .formGroup .textArea-recordingBtn .recordingBtn:disabled{background:var(--color-neutral);color:#000}.diagnosisContainer .diagnosisForm .form_top .formBox .formBoxInputs .diagnosticos_pronosticos .formGroup .textArea-recordingBtn .recordingBtn .recordingBtnMsg{display:flex;gap:.3rem;justify-content:center;align-items:center}.diagnosisContainer .diagnosisForm .form_top .formBox .formBoxInputs .diagnosticos_pronosticos .formGroup .textArea-recordingBtn textarea{height:6rem;justify-content:flex-start;text-wrap:pretty;color:#0c7386}.diagnosisContainer .diagnosisForm .form_top .formBox .formBoxInputs .diagnosticos_pronosticos .formGroup .textArea-recordingBtn label{margin-left:3.7rem}.diagnosisContainer .diagnosisForm .form_top .formBox.treatment_plan{height:min-content;border-radius:8px;padding:1rem;box-shadow:0 4px 8px #0000001a}.diagnosisContainer .diagnosisForm .form_top .formBox.treatment_plan .treatment_plan_title{display:flex;justify-content:flex-start;align-items:center;gap:1rem;font-size:1.1rem;color:var(--color-titles-headers);margin-bottom:.3rem}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_top .formBox.treatment_plan .treatment_plan_title{align-items:flex-start;margin-bottom:.3rem;flex-direction:column;gap:0}}.diagnosisContainer .diagnosisForm .form_top .formBox.treatment_plan .treatment_plan_title .formBoxTitle{display:flex;font-size:1.1rem;color:var(--color-titles-headers);text-wrap:nowrap;width:max-content}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_top .formBox.treatment_plan .treatment_plan_title .formBoxTitle{margin-bottom:.3rem}}.diagnosisContainer .diagnosisForm .form_top .formBox.treatment_plan .treatment_plan_title small{color:var(--color-text-dark);display:flex;flex-direction:column;width:100%;font-style:italic}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_top .formBox.treatment_plan .treatment_plan_title small{font-size:.8rem}}.diagnosisContainer .diagnosisForm .form_top .formBox.treatment_plan .treatment_plan_title small strong{color:var(--color-titles-headers)}.diagnosisContainer .diagnosisForm .form_top .formBox.treatment_plan .plan_tratamiento{margin-top:1rem;width:100%}.diagnosisContainer .diagnosisForm .form_top .formBox.treatment_plan .plan_tratamiento label{display:flex;gap:1rem;align-items:end;max-height:min-content}.diagnosisContainer .diagnosisForm .form_top .formBox.treatment_plan .plan_tratamiento label .loadingPointsContainer{display:flex;gap:.1rem;align-items:end;color:var(--color-alert)}.diagnosisContainer .diagnosisForm .form_top .formBox.treatment_plan .plan_tratamiento label .loadingPointsContainer .loadingPoints{display:flex;align-items:end}.diagnosisContainer .diagnosisForm .form_top .formBox.treatment_plan .plan_tratamiento label .loadingPointsContainer .loadingPoints span{vertical-align:end;font-size:1.5rem;max-height:min-content;animation:loading 1.4s infinite ease-in-out}.diagnosisContainer .diagnosisForm .form_top .formBox.treatment_plan .plan_tratamiento label .loadingPointsContainer .loadingPoints span:nth-child(1){animation-delay:-.32s}.diagnosisContainer .diagnosisForm .form_top .formBox.treatment_plan .plan_tratamiento label .loadingPointsContainer .loadingPoints span:nth-child(2){animation-delay:-.16s}@keyframes loading{0%,80%,to{opacity:0}40%{opacity:1}}.diagnosisContainer .diagnosisForm .form_top .formBox.treatment_plan .plan_tratamiento .textArea-recordingBtn label{margin-left:3.7rem}.diagnosisContainer .diagnosisForm .form_top .formBox.treatment_plan .plan_tratamiento .textArea-recordingBtn{display:flex;gap:1rem;align-items:center}.diagnosisContainer .diagnosisForm .form_top .formBox.treatment_plan .plan_tratamiento .textArea-recordingBtn .recordingBtn{letter-spacing:1px;width:max-content;align-self:center;background-color:var(--color-titles-headers);color:var(--color-white);padding:.2rem;font-size:1rem;border:none;border-radius:.3rem;cursor:pointer;text-wrap:no-wrap}.diagnosisContainer .diagnosisForm .form_top .formBox.treatment_plan .plan_tratamiento .textArea-recordingBtn .recordingBtn:disabled{background:var(--color-neutral);color:#000}.diagnosisContainer .diagnosisForm .form_top .formBox.treatment_plan .plan_tratamiento .textArea-recordingBtn .recordingBtn .recordingBtnMsg{display:flex;gap:.3rem;justify-content:center;align-items:center}.diagnosisContainer .diagnosisForm .form_top .formBox.treatment_plan .plan_tratamiento .textArea-recordingBtn textarea{color:#0c7386}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_top .formBox.treatment_plan .plan_tratamiento .textArea-recordingBtn textarea{height:7rem}}.diagnosisContainer .diagnosisForm .form_top .formBox .formBoxInputs,.diagnosisContainer .diagnosisForm .form_top .formBox .formGroup{display:flex;flex-direction:column;gap:.5rem;color:#0c7386}.diagnosisContainer .diagnosisForm .form_top .formBox .formGroup input:disabled,.diagnosisContainer .diagnosisForm .form_top .formBox .formGroup select:disabled,.diagnosisContainer .diagnosisForm .form_top .formBox .formGroup textarea:disabled{background:var(--color-neutral);color:#000}.diagnosisContainer .diagnosisForm .form_top .formBox .formGroup label{font-size:1rem;color:var(--color-text-dark);font-weight:600;letter-spacing:.6px}.diagnosisContainer .diagnosisForm .form_top .formBox .formGroup input,.diagnosisContainer .diagnosisForm .form_top .formBox .formGroup select,.diagnosisContainer .diagnosisForm .form_top .formBox .formGroup textarea{padding:.5rem;border:1px solid var(--color-neutral);border-radius:4px;font-size:1rem;width:100%;background-color:var(--color-white);transition:border-color .3s ease;color:#0c7386}.diagnosisContainer .diagnosisForm .form_top .formBox .formGroup input:focus,.diagnosisContainer .diagnosisForm .form_top .formBox .formGroup select:focus,.diagnosisContainer .diagnosisForm .form_top .formBox .formGroup textarea:focus{border-color:var(--color-titles-headers);outline:none}.diagnosisContainer .diagnosisForm .form_top .formBox .formGroup input[type=date]{padding-left:1rem}.diagnosisContainer .diagnosisForm .form-bottom{display:flex;flex-direction:column;justify-content:center;align-items:center}.diagnosisContainer .diagnosisForm .form-bottom .alert-odontogram-missing{display:flex;flex-direction:column;align-items:center;font-size:1rem;text-align:center;margin-bottom:1rem;font-weight:600}.diagnosisContainer .diagnosisForm .form-bottom .alert-odontogram-missing strong{color:var(--color-alert);font-size:1.1rem}.diagnosisContainer .diagnosisForm .form_submit{background:var(--color-bg-cards);padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-self:center;width:max-content;gap:1.3rem;margin-top:.5rem;margin-bottom:1rem}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_submit{margin-top:.5rem;flex-direction:column;gap:1.2rem;width:100%}}.diagnosisContainer .diagnosisForm .form_submit .nextStepContainer{display:flex;flex-direction:column;gap:10px}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_submit .nextStepContainer{gap:8px}}.diagnosisContainer .diagnosisForm .form_submit .nextStepContainer label{display:block;font-size:1rem;font-weight:600;color:var(--color-text-dark);letter-spacing:.3px;margin-bottom:2px}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_submit .nextStepContainer label{font-size:14px}}.diagnosisContainer .diagnosisForm .form_submit .nextStepContainer select{width:100%;padding:12px 40px 12px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:16px;font-weight:500;color:var(--color-text-black);background-color:var(--color-white);background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236b7280' strokeWidth='2' strokeLinecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .2s ease;outline:none;font-family:inherit}.diagnosisContainer .diagnosisForm .form_submit .nextStepContainer select:hover{border-color:#d1d5db}.diagnosisContainer .diagnosisForm .form_submit .nextStepContainer select:focus{border-color:var(--color-titles-subHeaders);box-shadow:0 0 0 3px #3b82f61a}.diagnosisContainer .diagnosisForm .form_submit .nextStepContainer select:not([value=""]){border-color:var(--color-titles-subHeaders);background-color:#eff6ff;color:var(--color-titles-headers);font-weight:600}.diagnosisContainer .diagnosisForm .form_submit .nextStepContainer select:disabled{background-color:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.6}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_submit .nextStepContainer select{padding:11px 36px 11px 12px;font-size:13px}}.diagnosisContainer .diagnosisForm .form_submit .nextStepContainer select option{padding:10px;font-size:14px;color:var(--color-text-black)}.diagnosisContainer .diagnosisForm .form_submit .nextStepContainer select option:disabled{color:#9ca3af}.diagnosisContainer .diagnosisForm .form_submit .nextStepContainer--compact{flex-direction:row;align-items:center;gap:12px}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_submit .nextStepContainer--compact{flex-direction:column;align-items:flex-start}}.diagnosisContainer .diagnosisForm .form_submit .nextStepContainer--compact label{margin-bottom:0;white-space:nowrap}.diagnosisContainer .diagnosisForm .form_submit .nextStepContainer--compact select{flex:1;min-width:200px}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_submit .nextStepContainer--compact select{width:100%;min-width:unset}}.diagnosisContainer .diagnosisForm .form_submit button.submitButton{display:flex;gap:.5rem;background-color:var(--color-cta-btn);color:var(--color-white);width:max-content;padding:.5rem 1rem;font-size:1.1rem;border:none;border-radius:4px;transition:background-color .3s ease;letter-spacing:.5px;font-weight:600;align-items:center;justify-content:center;align-self:center;cursor:pointer}.diagnosisContainer .diagnosisForm .form_submit button.submitButton:hover{background:var(--color-cta-hover-btn);transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.diagnosisContainer .diagnosisForm .form_submit button.submitButton .spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:16px;height:16px;animation:spin .6s linear infinite;display:inline-block;vertical-align:middle;margin-left:8px}.diagnosisContainer .diagnosisForm .form_submit button.submitButton .spinner.small{width:12px;height:12px;border-width:2px}.diagnosisContainer .diagnosisForm .form_submit button.submitButton:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.diagnosisContainer .diagnosisForm .form_submit button.submitButton{font-size:1rem;width:max-content;align-self:center}}.cartaDentalContainer{display:flex;flex-direction:column;width:100%;max-width:100%;height:100%;background-color:var(--color-bg-cards);border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:.3rem;margin-bottom:1rem}@media (max-width: 480px){.cartaDentalContainer{margin-bottom:.5rem}}.cartaDentalContainer .cartaDental_titleContainer{display:flex;flex-direction:column;color:var(--color-titles-headers);vertical-align:bottom;margin-bottom:.2rem}.cartaDentalContainer .cartaDental_titleContainer h2{font-size:1.1rem;width:50%;text-wrap:nowrap;display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}@media (max-width: 480px){.cartaDentalContainer .cartaDental_titleContainer{font-size:1.2rem;flex-wrap:wrap;gap:.3rem}}.cartaDentalContainer .cartaDental_titleContainer small{color:var(--color-text-dark);font-weight:600;font-size:.9rem;font-style:italic;align-self:flex-end}@media (max-width: 480px){.cartaDentalContainer .cartaDental_titleContainer small{font-size:.9rem}}.cartaDentalContainer .teethContainer{display:flex;flex-direction:column;max-width:100%}@media (max-width: 480px){.cartaDentalContainer .teethContainer{max-width:100%}}.cartaDentalContainer .teethContainer .permanentTeethContainer{display:flex;flex-direction:column;row-gap:.3rem}@media (max-width: 480px){.cartaDentalContainer .teethContainer .permanentTeethContainer{margin-bottom:1rem}}.cartaDentalContainer .teethContainer .permanentTeethContainer .dentitionTypeContainer{display:grid;grid-template-columns:repeat(2,1fr);max-width:100%}@media (max-width: 480px){.cartaDentalContainer .teethContainer .permanentTeethContainer .dentitionTypeContainer{grid-template-columns:repeat(1,1fr);width:100%}}.cartaDentalContainer .teethContainer .permanentTeethContainer .dentitionTypeContainer .teethBox{display:flex;justify-content:center;gap:.5rem;padding:.5rem;flex-wrap:wrap}.cartaDentalContainer .teethContainer .permanentTeethContainer .dentitionTypeContainer .teethBox.top{padding-bottom:1rem;border-bottom:1px solid #ccc}.cartaDentalContainer .teethContainer .permanentTeethContainer .dentitionTypeContainer .teethBox.left{border-right:1px solid #ccc}@media (max-width: 480px){.cartaDentalContainer .teethContainer .permanentTeethContainer .dentitionTypeContainer .teethBox.left{border-right:none}}@media (max-width: 480px){.cartaDentalContainer .teethContainer .permanentTeethContainer .dentitionTypeContainer .teethBox{justify-items:center}}.cartaDentalContainer .teethContainer .permanentTeethContainer .dentitionTypeContainer .teethBox.teethBox1 .teeth-quadrant{justify-content:end}@media (max-width: 480px){.cartaDentalContainer .teethContainer .permanentTeethContainer .dentitionTypeContainer .teethBox.teethBox1 .teeth-quadrant{justify-content:center}}@media (max-width: 480px){.cartaDentalContainer .teethContainer .permanentTeethContainer .dentitionTypeContainer .teethBox.teethBox3{justify-content:center;border-bottom:1px solid #ccc;padding-bottom:.5rem}}.cartaDentalContainer .teethContainer .permanentTeethContainer .dentitionTypeContainer .teethBox.teethBox3 .teeth-quadrant{justify-content:end}@media (max-width: 480px){.cartaDentalContainer .teethContainer .permanentTeethContainer .dentitionTypeContainer .teethBox.teethBox3 .teeth-quadrant{justify-content:center}}.cartaDentalContainer .teethContainer .permanentTeethContainer .dentitionTypeContainer .teethBox .teeth-quadrant{display:flex;flex-direction:row;gap:.45rem;max-width:100%;flex-wrap:wrap}@media (max-width: 480px){.cartaDentalContainer .teethContainer .permanentTeethContainer .dentitionTypeContainer .teethBox .teeth-quadrant{justify-content:center}}.cartaDentalContainer .teethContainer .permanentTeethContainer .dentitionTypeContainer .teethBox .teeth-quadrant .toothCard{display:flex;flex-direction:column;justify-content:center;justify-items:center;align-items:center;width:min-content;background:var(--color-titles-headers);border-radius:1rem;box-shadow:2px 4px 6px #000000a7;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;padding:.3rem}.cartaDentalContainer .teethContainer .permanentTeethContainer .dentitionTypeContainer .teethBox .teeth-quadrant .toothCard:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026;cursor:pointer}.cartaDentalContainer .teethContainer .permanentTeethContainer .dentitionTypeContainer .teethBox .teeth-quadrant .toothCard .toothImg{width:35px;height:30px;overflow:hidden;display:flex;align-items:center}.cartaDentalContainer .teethContainer .permanentTeethContainer .dentitionTypeContainer .teethBox .teeth-quadrant .toothCard .toothImg img{width:100%;height:100%;object-fit:cover}.cartaDentalContainer .teethContainer .permanentTeethContainer .dentitionTypeContainer .teethBox .teeth-quadrant .toothCard .toothCondition{color:#fff;text-transform:capitalize;text-wrap:pretty;font-size:.8rem;text-align:center}.cartaDentalContainer .teethContainer .temporalTeethContainer{display:flex;flex-direction:column;row-gap:1rem;column-gap:0;padding:.5rem;margin-top:1rem}@media (max-width: 480px){.cartaDentalContainer .teethContainer .temporalTeethContainer{padding:.5rem 0;margin-top:0}}.cartaDentalContainer .teethContainer .temporalTeethContainer .dentitionTypeContainer{display:grid;grid-template-columns:repeat(2,1fr)}@media (max-width: 480px){.cartaDentalContainer .teethContainer .temporalTeethContainer .dentitionTypeContainer{grid-template-columns:repeat(1,1fr);width:100%}}.cartaDentalContainer .teethContainer .temporalTeethContainer .dentitionTypeContainer .teethBox{display:flex;gap:.5rem;padding:.7rem .2rem}@media (max-width: 480px){.cartaDentalContainer .teethContainer .temporalTeethContainer .dentitionTypeContainer .teethBox{justify-content:center}}.cartaDentalContainer .teethContainer .temporalTeethContainer .dentitionTypeContainer .teethBox.top{padding-bottom:1rem;border-bottom:1px solid #ccc}.cartaDentalContainer .teethContainer .temporalTeethContainer .dentitionTypeContainer .teethBox.left{border-right:1px solid #ccc}@media (max-width: 480px){.cartaDentalContainer .teethContainer .temporalTeethContainer .dentitionTypeContainer .teethBox.left{border-right:none}}.cartaDentalContainer .teethContainer .temporalTeethContainer .dentitionTypeContainer .teethBox.teethBox1{justify-content:end}@media (max-width: 480px){.cartaDentalContainer .teethContainer .temporalTeethContainer .dentitionTypeContainer .teethBox.teethBox1{justify-content:center}}.cartaDentalContainer .teethContainer .temporalTeethContainer .dentitionTypeContainer .teethBox.teethBox3{justify-content:end}@media (max-width: 480px){.cartaDentalContainer .teethContainer .temporalTeethContainer .dentitionTypeContainer .teethBox.teethBox3{justify-content:center;border-bottom:1px solid #ccc}}.cartaDentalContainer .teethContainer .temporalTeethContainer .dentitionTypeContainer .teethBox .teeth-quadrant{display:flex;flex-direction:row;justify-content:center;align-items:end;gap:.5rem}@media (max-width: 480px){.cartaDentalContainer .teethContainer .temporalTeethContainer .dentitionTypeContainer .teethBox .teeth-quadrant{justify-content:center;align-items:normal}}.cartaDentalContainer .teethContainer .temporalTeethContainer .dentitionTypeContainer .teethBox .toothCard{display:flex;flex-direction:column;justify-content:center;justify-items:center;align-items:center;width:min-content;background:var(--color-titles-headers);border-radius:1rem;box-shadow:2px 4px 6px #000000a7;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;padding:.3rem}.cartaDentalContainer .teethContainer .temporalTeethContainer .dentitionTypeContainer .teethBox .toothCard:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026;cursor:pointer}.cartaDentalContainer .teethContainer .temporalTeethContainer .dentitionTypeContainer .teethBox .toothCard .toothImg{width:50px;height:50px;overflow:hidden;display:flex;align-items:center}.cartaDentalContainer .teethContainer .temporalTeethContainer .dentitionTypeContainer .teethBox .toothCard .toothImg img{width:70%;height:70%;object-fit:cover}.cartaDentalContainer .teethContainer .temporalTeethContainer .dentitionTypeContainer .teethBox .toothCard .toothImg .toothName{color:#fff}.cartaDentalContainer .teethContainer .temporalTeethContainer .dentitionTypeContainer .teethBox .toothCard .toothCondition{color:#fff;text-transform:capitalize;text-wrap:pretty;font-size:.8rem;text-align:center}.cartaDentalContainer .noOdontogramSummary{color:var(--color-titles-headers);font-size:.9rem}.image-uploader-container{border:2px dashed #ccc;border-radius:8px;height:10rem;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:.1rem 4rem .7rem;cursor:pointer;transition:background-color .3s}.image-uploader-container:hover{background-color:#f9f9f9}.image-uploader-container.drag-active{border-color:var(--color-titles-subHeaders);background-color:#e8f4fb}.image-uploader-container.drag-active .upload-icon{color:var(--color-titles-subHeaders)}@media (max-width: 480px){.image-uploader-container{margin:.5rem;padding:.3rem;height:8rem}}.image-uploader-container .upload-icon{font-size:40px;color:var(--color-titles-subHeaders);margin-bottom:12px;transition:all .3s}.image-uploader-container .upload-title{margin:0 0 8px;font-size:1rem;font-weight:600;text-align:center;color:var(--color-text-black)}@media (max-width: 480px){.image-uploader-container .upload-title{font-size:.9rem;text-align:center;text-wrap:balance}}.image-uploader-container .uploader-text{margin:0;color:var(--color-text-dark);font-size:1rem}@media (max-width: 480px){.image-uploader-container .uploader-text{font-size:.8rem;text-align:center;text-wrap:balance}}.image-uploader-container .file-input{display:none}.image-preview-grid{margin:auto;display:grid;align-content:center;align-self:center;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.image-preview-item{position:relative;border:1px solid #ddd;border-radius:4px;display:flex;flex-direction:column;justify-content:center}.image-preview-item .preview-image{width:100%;height:100%;object-fit:cover}.image-preview-item .preview-pdf{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;object-fit:cover}.image-preview-item .preview-pdf .pdfName{text-align:center}.image-preview-item .remove-image-btn{position:absolute;top:5px;right:5px;background-color:#0009;color:#fff;border:none;border-radius:50%;width:23px;height:23px}.image-preview-item .remove-image-btn:hover{cursor:pointer;background:var(--color-alert)}.image-view-item{border-radius:4px;position:relative;display:flex;flex-direction:column;justify-content:center;gap:.5rem}.image-view-item .preview-image{width:100%;height:100%;object-fit:cover}.image-view-item .pdf-view{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;object-fit:cover}.image-view-item .pdf-view .pdfName{text-align:center}.image-view-item .pdf-actions{color:var(--color-cta-hover-btn);border:solid 1px grey;border-radius:20px;padding:.2rem;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.image-view-item .pdf-actions:hover{color:#fff;background:var(--color-cta-hover-btn);transform:scale(1.05);box-shadow:0 6px 12px #00000026}.image-view-item .pdf-actions:active{transform:scale(.97);box-shadow:0 3px 6px #0003}.usersContainer{display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;padding:1rem;height:100%;overflow-y:scroll}@media (max-width: 480px){.usersContainer{overflow-x:hidden;gap:1rem;padding:.4rem}}.usersContainer h2.usersTitle{font-size:1.4rem;display:flex;align-items:center;gap:.7rem;color:var(--color-titles-headers);margin-bottom:-1rem}.usersContainer .usersList{max-width:100%}.usersContainer .userManagement_title_container{display:flex;flex-direction:column;align-items:start;gap:.5rem;font-size:1.1rem;color:var(--color-titles-headers);flex:1 1 100%;background-color:var(--color-bg-cards);border-radius:8px;padding:1rem;box-shadow:0 4px 8px #0000001a}@media (max-width: 480px){.usersContainer .userManagement_title_container{align-items:flex-start;margin-bottom:0;flex-direction:column;gap:0;padding:.8rem}}.usersContainer .userManagement_title_container .heading-group{display:flex;flex-direction:row;align-items:center;gap:1rem}@media (max-width: 480px){.usersContainer .userManagement_title_container .heading-group{flex-direction:column;gap:.2rem}}.usersContainer .userManagement_title_container .heading-group .formBoxTitle{display:flex;font-size:1.2rem;color:var(--color-titles-headers);text-wrap:nowrap;width:max-content;gap:.5rem}@media (max-width: 480px){.usersContainer .userManagement_title_container .heading-group .formBoxTitle{margin-bottom:.3rem;align-self:flex-start}}.usersContainer .userManagement_title_container small{color:var(--color-text-dark);display:flex;flex-direction:column;width:100%;font-style:italic}@media (max-width: 480px){.usersContainer .userManagement_title_container small{font-size:.9rem}}.usersContainer .userManagement_title_container small strong{color:var(--color-titles-headers)}.usersContainer .userManagement_title_container hr{width:100%;border:0;border-top:1px solid var(--color-neutral)}@media (max-width: 480px){.usersContainer .userManagement_title_container hr{margin-top:.5rem}}.usersContainer .newUserForm{display:flex;flex-direction:column;flex-wrap:nowrap;gap:1rem;width:100%}.usersContainer .newUserForm .top{display:flex;gap:1rem;width:100%;justify-content:space-between}@media (max-width: 480px){.usersContainer .newUserForm .top{flex-direction:column}}.usersContainer .newUserForm .top .formBox{flex:1 1 100%;background-color:var(--color-bg-cards);border-radius:8px;padding:1rem;box-shadow:0 4px 8px #0000001a}@media (max-width: 480px){.usersContainer .newUserForm .top .formBox{max-width:100%;padding:1rem .5rem}}.usersContainer .newUserForm .top .formBox.basicDataContainer{max-width:49%}@media (max-width: 480px){.usersContainer .newUserForm .top .formBox.basicDataContainer{max-width:100%;padding:1rem .5rem}}.usersContainer .newUserForm .top .formBox.basicDataContainer .formBoxInputs{display:flex;justify-content:space-between;gap:1rem}@media (max-width: 480px){.usersContainer .newUserForm .top .formBox.basicDataContainer .idInfo .tipoDoc{width:45%}}@media (max-width: 480px){.usersContainer .newUserForm .top .formBox.basicDataContainer .idInfo .numDoc{width:50%}}.usersContainer .newUserForm .top .formBox.aditionalDataContainer{background:var(--color-dashboard);display:flex;flex-direction:column;justify-items:space-between;height:100%;gap:1rem;padding:0;border:none;max-width:49%;box-shadow:none}@media (max-width: 480px){.usersContainer .newUserForm .top .formBox.aditionalDataContainer{max-width:100%}}.usersContainer .newUserForm .top .formBox.aditionalDataContainer .access-data{padding:0;box-shadow:none;height:min-content;max-height:min-content;border-radius:8px;padding:1rem;box-shadow:0 4px 8px #0000001a}.usersContainer .newUserForm .top .formBox.aditionalDataContainer .access-data .formGroup .input_group{display:flex;gap:.5rem;position:relative;flex:1 1 100%;justify-content:space-between}.usersContainer .newUserForm .top .formBox.aditionalDataContainer .access-data .formGroup .input_group .input-error-group{display:flex;flex-direction:column;width:100%}.usersContainer .newUserForm .top .formBox.aditionalDataContainer .access-data .formGroup .input_group .input-error-group .inputError{margin-top:0}.usersContainer .newUserForm .top .formBox.aditionalDataContainer .access-data .formGroup .input_group .copy-button{background-color:#f4f4f4;color:#333;border:1px solid #ccc;padding:.5rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease-in-out}.usersContainer .newUserForm .top .formBox.aditionalDataContainer .access-data .formGroup .input_group .copy-button:hover{background-color:#eaeaea;border-color:#aaa;color:#000}.usersContainer .newUserForm .top .formBox.aditionalDataContainer .access-data .formGroup .input_group .copy-button:active{transform:scale(.97)}.usersContainer .newUserForm .top .formBox.aditionalDataContainer .access-data .formGroup .input_group .copy-button:focus{outline:none;box-shadow:0 0 0 2px var(--color-titles-subHeaders)}.usersContainer .newUserForm .top .formBox.aditionalDataContainer .access-data .formGroup .input_group .tooltip-copied-pass-message{position:absolute;background-color:var(--color-titles-subHeaders);color:#fff;padding:.3rem;border-radius:4px;font-size:.8rem;top:105%;left:89.5%;text-wrap:nowrap;transform:translate(-50%);z-index:10}.usersContainer .newUserForm .top .formBox .formBoxTitle{font-size:1.2rem;color:var(--color-titles-headers);margin-bottom:1rem}.usersContainer .newUserForm .top .formBox .formBoxInputs,.usersContainer .newUserForm .top .formBox .formGroup{max-width:100%;display:flex;flex-direction:column;gap:.5rem}.usersContainer .newUserForm .top .formBox .formGroup label{font-size:1rem;font-weight:600;color:var(--color-text-dark)}.usersContainer .newUserForm .top .formBox .formGroup input,.usersContainer .newUserForm .top .formBox .formGroup select,.usersContainer .newUserForm .top .formBox .formGroup textarea{padding:.5rem;border:1px solid var(--color-neutral);border-radius:4px;font-size:1rem;max-width:100%;background-color:var(--color-white);transition:border-color .3s ease}.usersContainer .newUserForm .top .formBox .formGroup input:focus,.usersContainer .newUserForm .top .formBox .formGroup select:focus,.usersContainer .newUserForm .top .formBox .formGroup textarea:focus{border-color:var(--color-titles-headers);outline:none}.usersContainer .newUserForm .top .formBox .formGroup input:disabled,.usersContainer .newUserForm .top .formBox .formGroup select:disabled,.usersContainer .newUserForm .top .formBox .formGroup textarea:disabled{background:var(--color-neutral);font-weight:600;color:#000}.usersContainer .newUserForm .top .formBox .formGroup input:read-only,.usersContainer .newUserForm .top .formBox .formGroup textarea:read-only{max-width:100%;cursor:not-allowed;font-weight:600;background-color:var(--color-neutral)}.usersContainer .newUserForm .top .formBox .idInfo{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.7rem;align-items:center;justify-content:space-between;max-width:100%}.usersContainer .newUserForm .top .formBox .idInfo .tipoDoc{width:40%}.usersContainer .newUserForm .top .formBox .idInfo .numDoc{width:55%}.usersContainer .newUserForm .top .formBox .formGroup .inputError{color:var(--color-alert);font-size:12px;margin-top:-.3rem}.usersContainer .newUserForm .top .aditionalDataContainer .professional-info .formBoxInputs{gap:1.5rem}.usersContainer .newUserForm .top .aditionalDataContainer .professional-info .formGroup .comisionLabel{font-style:italic;margin-left:.5rem;font-weight:500}.usersContainer .newUserForm .top .aditionalDataContainer .professional-info .formGroup .input-percentage-simbol-box{display:flex;align-items:center;gap:.5rem}.usersContainer .newUserForm .top .aditionalDataContainer .professional-info .formGroup .input-percentage-simbol-box input{width:35%}.usersContainer .newUserForm .top .aditionalDataContainer .professional-info .formGroup .input-percentage-simbol-box span{font-size:1.2rem;font-weight:600}.usersContainer .newUserForm .someError{color:red;font-size:1rem;font-weight:600;margin-top:-.3rem;text-align:center}.usersContainer .newUserForm .form_bottom{display:flex;justify-content:center;gap:2rem;margin-top:.5rem;margin-bottom:1rem;width:100%}@media (max-width: 480px){.usersContainer .newUserForm .form_bottom{margin-top:1rem;flex-direction:column;gap:1.2rem}}.usersContainer .newUserForm .form_bottom .nextStepContainer{display:flex;flex-direction:column;gap:.3rem;font-size:1rem}@media (max-width: 480px){.usersContainer .newUserForm .form_bottom .nextStepContainer{font-size:1rem}}.usersContainer .newUserForm .form_bottom .nextStepContainer label{font-weight:600}@media (max-width: 480px){.usersContainer .newUserForm .form_bottom .nextStepContainer label{font-size:1rem;width:max-content;align-self:center}}.usersContainer .newUserForm .form_bottom .nextStepContainer select{font-size:1rem;padding:.2rem}@media (max-width: 480px){.usersContainer .newUserForm .form_bottom .nextStepContainer select{font-size:1rem;width:max-content;align-self:center}}.usersContainer .newUserForm .form_bottom button.submitButton{display:flex;gap:.5rem;background-color:var(--color-cta-btn);color:var(--color-white);padding:.5rem;font-size:1.1rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;letter-spacing:.5px;font-weight:600;align-items:center}.usersContainer .newUserForm .form_bottom button.submitButton .spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:16px;height:16px;animation:spin .6s linear infinite;display:inline-block;vertical-align:middle;margin-left:8px}.usersContainer .newUserForm .form_bottom button.submitButton .spinner.small{width:12px;height:12px;border-width:2px}.usersContainer .newUserForm .form_bottom button.submitButton:disabled{opacity:.6;cursor:not-allowed}.usersContainer .newUserForm .form_bottom button.submitButton:hover{background-color:var(--color-cta-hover-btn);color:#fff}@media (max-width: 480px){.usersContainer .newUserForm .form_bottom button.submitButton{font-size:1.1rem;width:max-content;align-self:center}}.users-summary{margin-top:.5rem;display:flex;flex-direction:column;max-width:100%}.users-summary .accordion{border-radius:12px!important;max-width:100%}.users-summary .MuiAccordion-root{background:var(--color-bg-cards);box-shadow:0 2px 4px #00000014;border-radius:12px}.users-summary .MuiAccordionSummary-root{background-color:var(--color-cta-hover-btn);color:var(--color-white);border-radius:12px 12px 0 0}.users-summary .MuiAccordionSummary-root:hover{background-color:var(--color-titles-subHeaders)}.users-summary .condition-summary__title{align-items:center;display:flex;gap:.5rem;font-weight:700;color:var(--color-white)}.users-summary .condition-summary__table-container{background-color:var(--color-white);overflow:auto;border-radius:10px}.users-summary .condition-summary__header-cell{font-weight:700;color:#fff;background-color:var(--color-table-head)}.users-summary .accordion-details{padding:.6rem}@media (max-width: 480px){.users-summary .accordion-details{padding:0}}.users-summary table{width:100%}.users-summary table .loadingMessage,.users-summary table .isErrorMessage{font-size:1.2rem;font-weight:600;text-align:center;margin-top:2rem;margin:1rem auto;padding:1rem;text-wrap:balance}.users-summary table span.spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:25px;height:25px;animation:spin .6s linear infinite;display:inline-block;vertical-align:middle;margin-left:8px}.users-summary table span.spinner.small{width:12px;height:12px;border-width:2px}.users-summary table td,.users-summary table th{font-size:.95rem;color:#0c7386;padding:8px;align-items:center}@media (max-width: 480px){.users-summary table td,.users-summary table th{align-content:flex-start}}.searchUserContainer{background:var(--color-bg-cards);border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:1rem;display:flex;flex-direction:column;gap:.3rem;position:relative}@media (max-width: 480px){.searchUserContainer{margin-top:.3rem;padding:.3rem;gap:.5rem;max-width:100vw}}.searchUserContainer .title_inputSearchContainer{display:flex;gap:1rem}@media (max-width: 480px){.searchUserContainer .title_inputSearchContainer{flex-direction:column;gap:0rem}}.searchUserContainer .title_inputSearchContainer .icon{display:flex;align-items:center;gap:.5rem;color:var(--color-titles-headers)}@media (max-width: 480px){.searchUserContainer .title_inputSearchContainer .icon{gap:.2rem}}.searchUserContainer .title_inputSearchContainer .icon .title{font-size:1.2rem;font-weight:700;min-width:max-content;color:var(--color-titles-headers)}.searchUserContainer .title_inputSearchContainer small{color:var(--color-text-dark);font-size:.9rem;line-height:1.2;margin-top:.5rem;display:block}@media (max-width: 480px){.searchUserContainer .title_inputSearchContainer small{font-size:.85rem;text-wrap:wrap;margin-top:.2rem}}.searchUserContainer hr{border:0;height:1px;background:var(--color-neutral);margin:.5rem 0}@media (max-width: 480px){.searchUserContainer hr{max-width:400px;height:1px;margin:0}}.searchUserContainer .inputSearchContainer{display:flex;gap:1rem;align-items:center;padding:.2rem}@media (max-width: 480px){.searchUserContainer .inputSearchContainer{flex-wrap:wrap;gap:.7rem}}.searchUserContainer .inputSearchContainer label{font-size:1.1rem;color:var(--color-text-black);font-weight:600}@media (max-width: 480px){.searchUserContainer .inputSearchContainer label{font-size:1rem}}.searchUserContainer .inputSearchContainer select{padding:.8rem;border-radius:5px;border:1px solid var(--color-neutral);font-size:1rem;color:var(--color-text-dark);background:var(--color-white);transition:border .3s;flex:1}@media (max-width: 480px){.searchUserContainer .inputSearchContainer select{font-size:1rem;padding:.4rem}}.searchUserContainer .inputSearchContainer select:focus{border-color:var(--color-cta-btn);outline:none}.searchUserContainer .inputSearchContainer input{padding:.8rem;border-radius:5px;border:1px solid var(--color-neutral);font-size:1rem;color:var(--color-text-black);background:var(--color-white);transition:border .3s;flex:3}@media (max-width: 480px){.searchUserContainer .inputSearchContainer input{font-size:1rem;padding:.6rem}}.searchUserContainer .inputSearchContainer input::placeholder{color:var(--color-neutral)}.searchUserContainer .inputSearchContainer input:focus{border-color:var(--color-cta-btn);outline:none}.searchUserContainer .inputSearchContainer .btnSearch{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.4rem 1rem;background:var(--color-cta-btn);color:var(--color-white);font-size:1.2rem;font-weight:600;border:none;border-radius:5px;cursor:pointer;transition:background .3s,transform .2s,box-shadow .3s;box-shadow:0 4px 6px #0000001a}@media (max-width: 480px){.searchUserContainer .inputSearchContainer .btnSearch{font-size:1rem;padding:.4rem .8rem;gap:.2rem}}.searchUserContainer .inputSearchContainer .btnSearch .MuiSvgIcon-root{color:var(--color-white)}.searchUserContainer .inputSearchContainer .btnSearch:hover{background:var(--color-cta-hover-btn);transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.searchUserContainer .inputSearchContainer .btnSearch:active{transform:translateY(0);box-shadow:0 4px 6px #0000001a}.searchUserContainer .inputSearchContainer .btnSearch:focus{outline:2px solid var(--color-titles-subHeaders);outline-offset:2px}.searchUserContainer .error{position:absolute;color:var(--color-alert);bottom:1px;left:33%;width:50%;border-radius:10px;font-size:14px}.searchUserContainer .searchResults{display:block;position:absolute;background:#fff;color:var(--color-titles-headers);top:90%;left:30%;width:45.2%;border-radius:10px;padding:.5rem;opacity:0;transition:opacity .5s ease-in-out;z-index:10}@media (max-width: 480px){.searchUserContainer .searchResults{top:190px;left:3px;width:70%;border:.5px solid}}.searchUserContainer .searchResults .users-list{overflow-y:auto;max-height:200px}.searchUserContainer .searchResults .users-list li{padding:.5rem;list-style-type:none}.searchUserContainer .searchResults .users-list li.highlighted,.searchUserContainer .searchResults .users-list li:hover{background:var(--color-titles-subHeaders);cursor:pointer;color:#fff;border-radius:5px}.searchUserContainer .searchResults.visible{opacity:1}.searchUserContainer .users-list li{padding:8px;cursor:pointer}.patient-payment-container{display:flex;flex-direction:column;gap:.8rem;padding:1rem;height:100%;overflow-y:scroll}@media (max-width: 480px){.patient-payment-container{padding:.5rem}}.patient-payment-container .page-header{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.08)}@media (max-width: 480px){.patient-payment-container .page-header{padding:.5rem;margin-bottom:0}}.patient-payment-container .page-header__content{display:flex;align-items:center;gap:1rem}.patient-payment-container .page-header__icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#1d4ed8);display:flex;align-items:center;justify-content:center;color:var(--color-white);flex-shrink:0;box-shadow:0 4px 12px #2563eb40}.patient-payment-container .page-header__icon svg{display:block}.patient-payment-container .page-header__text{flex:1}.patient-payment-container .page-header__title{font-size:1.5rem;color:var(--color-titles-headers);font-weight:700;margin:0 0 .375rem;line-height:1.2}.patient-payment-container .page-header__subtitle{font-size:.9375rem;color:var(--color-text-light, #6b7280);font-weight:400;margin:0;line-height:1.4}@media (max-width: 768px){.patient-payment-container .page-header{padding-bottom:1rem}.patient-payment-container .page-header__icon{width:48px;height:48px;border-radius:10px}.patient-payment-container .page-header__title{font-size:1.5rem}.patient-payment-container .page-header__subtitle{font-size:.875rem}}@media (max-width: 480px){.patient-payment-container .page-header__content{gap:.75rem}.patient-payment-container .page-header__icon{width:40px;height:40px;border-radius:8px}.patient-payment-container .page-header__title{font-size:1.25rem}.patient-payment-container .page-header__subtitle{font-size:.8125rem}}.patient-payment-container .hasNotTreatmentsAlert{color:var(--color-titles-headers);font-weight:600;font-size:1.2rem;margin:auto;text-align:center}@media (max-width: 480px){.patient-payment-container .hasNotTreatmentsAlert{font-size:1rem}}.patient-payment-container .hasNotTreatmentsAlert .name{color:var(--color-alert)}.patient_finance_details_container{background-color:var(--color-bg-cards);padding:1.5rem;border-radius:8px;margin-top:1rem;box-shadow:0 4px 8px #0000001a}@media (max-width: 480px){.patient_finance_details_container{padding:.5rem}}.patient_finance_details_container .total_treatments_summary{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}@media (max-width: 480px){.patient_finance_details_container .total_treatments_summary{grid-template-columns:1fr;gap:.8rem;margin-bottom:1.2rem}}.patient_finance_details_container .total_treatments_summary .total_value_summary,.patient_finance_details_container .total_treatments_summary .total_debt_summary{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem 3.5rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000000f}@media (max-width: 480px){.patient_finance_details_container .total_treatments_summary .total_value_summary,.patient_finance_details_container .total_treatments_summary .total_debt_summary{padding:1rem;gap:.5rem}}.patient_finance_details_container .total_treatments_summary .total_value_summary:before,.patient_finance_details_container .total_treatments_summary .total_debt_summary:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-titles-headers),#38bdf8)}.patient_finance_details_container .total_treatments_summary .total_value_summary:hover,.patient_finance_details_container .total_treatments_summary .total_debt_summary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.patient_finance_details_container .total_treatments_summary .total_value_summary h4,.patient_finance_details_container .total_treatments_summary .total_debt_summary h4{margin:0;font-size:.9rem;font-weight:600;color:var(--color-text-dark);text-transform:uppercase;letter-spacing:.5px;opacity:.8;line-height:1.3}@media (max-width: 480px){.patient_finance_details_container .total_treatments_summary .total_value_summary h4,.patient_finance_details_container .total_treatments_summary .total_debt_summary h4{font-size:.8rem}}.patient_finance_details_container .total_treatments_summary .total_value_summary span,.patient_finance_details_container .total_treatments_summary .total_debt_summary span{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,var(--color-titles-headers),#1e40af);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px;line-height:1}@media (max-width: 480px){.patient_finance_details_container .total_treatments_summary .total_value_summary span,.patient_finance_details_container .total_treatments_summary .total_debt_summary span{font-size:1.3rem}}.patient_finance_details_container .total_treatments_summary .total_value_summary:before{background:linear-gradient(90deg,#059669,#10b981)}.patient_finance_details_container .total_treatments_summary .total_value_summary:after{content:"✓";position:absolute;top:1rem;right:1rem;width:32px;height:32px;background:#e8f5e8;color:#059669;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;opacity:.6}@media (max-width: 480px){.patient_finance_details_container .total_treatments_summary .total_value_summary:after{top:.5rem;right:.3rem;width:28px;height:28px;font-size:.8rem}}.patient_finance_details_container .total_treatments_summary .total_value_summary span{background:linear-gradient(135deg,#059669,#065f46);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.patient_finance_details_container .total_treatments_summary .total_debt_summary:before{background:linear-gradient(90deg,#dc2626,#ef4444)}.patient_finance_details_container .total_treatments_summary .total_debt_summary:after{content:"⏳";position:absolute;top:1rem;right:1rem;width:32px;height:32px;background:#ffebee;color:#dc2626;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;opacity:.6}@media (max-width: 480px){.patient_finance_details_container .total_treatments_summary .total_debt_summary:after{top:.7rem;right:.5rem;width:28px;height:28px;font-size:.9rem}}.patient_finance_details_container .total_treatments_summary .total_debt_summary span{background:linear-gradient(135deg,#dc2626,#991b1b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.patient_finance_details_container .total_treatments_summary .total_value_summary h4:before{content:"💰";margin-right:.3rem}.patient_finance_details_container .total_treatments_summary .total_debt_summary h4:before{content:"📊";margin-right:.3rem}.patient_finance_details_container .treatments_container{padding:1rem;background-color:var(--bg-dashboard);height:100%;overflow-y:scroll;border:1px solid;border-radius:20px}@media (max-width: 480px){.patient_finance_details_container .treatments_container{padding:.5rem}}.patient_finance_details_container .treatments_list_title_container{display:flex;flex-direction:column;padding-left:.3rem;margin-bottom:0;margin:.5rem 0 1rem;font-size:1.1rem;color:var(--color-text-dark)}@media (max-width: 480px){.patient_finance_details_container .treatments_list_title_container{margin:.2rem 0 .7rem;font-size:.93rem;padding-left:0;align-items:center;text-align:center;text-wrap:pretty}}.patient_finance_details_container .treatments_list_title_container span{color:var(--color-titles-headers)}.patient_finance_details_container .treatments_list_title_container hr{border:0;height:1px;background:var(--color-neutral);width:100%}@media (max-width: 480px){.patient_finance_details_container .treatments_list_title_container hr{height:1px;margin:.4rem 0}}.patient_finance_details_container tr{display:flex;justify-content:center}.patient_finance_details_container tr td{border:none}.patient_finance_details_container .loadingMessage,.patient_finance_details_container .errorLoadingMessage{font-size:1.1rem;font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--color-text-dark)}.patient_finance_details_container .errorLoadingMessage{flex-direction:column}.patient_finance_details_container .errorLoadingMessage span{color:var(--color-alert)}.patient_finance_details_container span.spinner{border:3px solid #f3f3f3;border-top:3px solid var(--color-titles-headers);border-radius:50%;width:25px;height:25px;animation:spin .6s linear infinite;display:inline-block}.patient_finance_details_container span.spinner.small{width:16px;height:16px;border-width:2px}.patient_finance_details_container .MuiAccordion-root{background-color:var(--color-white);color:var(--color-text-dark);margin-bottom:1.5rem;border-radius:6px!important;box-shadow:0 2px 4px #0000000d}@media (max-width: 480px){.patient_finance_details_container .MuiAccordion-root{margin-bottom:1rem}}@media (max-width: 480px){.patient_finance_details_container .MuiAccordion-root .MuiAccordionDetails-root{overflow-x:scroll;padding-left:0rem}}.patient_finance_details_container .MuiAccordion-root .MuiAccordionSummary-content{color:var(--color-titles-headers);display:flex}.patient_finance_details_container .MuiAccordion-root .MuiAccordionSummary-content .treatment_summary_header{width:100%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.5rem;align-items:center}@media (max-width: 480px){.patient_finance_details_container .MuiAccordion-root .MuiAccordionSummary-content .treatment_summary_header{grid-template-columns:1fr;gap:.5rem}}.patient_finance_details_container .MuiAccordion-root .MuiAccordionSummary-content .treatment_summary_header .treatment_summary{display:flex;flex-direction:column;font-weight:500;color:var(--color-text-dark);text-wrap:balance;font-weight:600}.patient_finance_details_container .MuiAccordion-root .MuiAccordionSummary-content .treatment_summary_header .treatment_summary strong.treatment_value{color:#14c343}.patient_finance_details_container .MuiAccordion-root .MuiAccordionSummary-content .treatment_summary_header .treatment_summary .treatment_name{display:flex;flex-direction:column;font-size:1.1rem;color:var(--color-titles-headers);text-wrap:balance}.patient_finance_details_container .MuiAccordion-root .MuiAccordionSummary-content .treatment_summary_header .treatment_summary strong.balance_due{color:var(--color-alert)}.patient_finance_details_container .MuiAccordion-root .MuiAccordionSummary-content .treatment_summary_header .status_tag{padding:.25rem .5rem;border-radius:12px;font-weight:600;font-size:.8rem;color:var(--color-white);justify-self:end;width:max-content}@media (max-width: 480px){.patient_finance_details_container .MuiAccordion-root .MuiAccordionSummary-content .treatment_summary_header .status_tag{justify-self:flex-start}}.patient_finance_details_container .MuiAccordion-root .MuiAccordionSummary-content .treatment_summary_header .status_tag.paid{background:var(--bg-paid);color:var(--color-paid)}.patient_finance_details_container .MuiAccordion-root .MuiAccordionSummary-content .treatment_summary_header .status_tag.partial{background:var(--bg-pending);color:var(--color-pending)}.patient_finance_details_container .MuiAccordion-root .MuiAccordionSummary-content .treatment_summary_header .status_tag.unpaid{background:var(--bg-unpaid);color:var(--color-unpaid)}.patient_finance_details_container .MuiAccordion-root .MuiAccordionSummary-content .treatment_summary_header .payment_form_button{justify-self:center}@media (max-width: 480px){.patient_finance_details_container .MuiAccordion-root .MuiAccordionSummary-content .treatment_summary_header .payment_form_button{justify-self:flex-start;margin-top:1rem}}.patient_finance_details_container .treatments_table{width:100%;border-collapse:collapse;border-radius:10px;overflow:hidden}.patient_finance_details_container .treatments_table th,.patient_finance_details_container .treatments_table td{padding:.7rem;text-align:left;border-bottom:1px solid var(--color-neutral);text-wrap:nowrap;width:20%}.patient_finance_details_container .treatments_table th.payment-date,.patient_finance_details_container .treatments_table td.payment-date{font-weight:600}.patient_finance_details_container .treatments_table th.saldo,.patient_finance_details_container .treatments_table td.saldo{font-weight:600;color:var(--color-alert)}.patient_finance_details_container .treatments_table th.payment,.patient_finance_details_container .treatments_table td.payment{font-weight:600;color:#14c343}.patient_finance_details_container .treatments_table th.payment-observations,.patient_finance_details_container .treatments_table td.payment-observations{color:var(--color-text-dark);text-wrap:balance}.patient_finance_details_container .treatments_table th{font-weight:600;font-size:.9rem;color:#fff;background-color:var(--color-table-head)}.modal_backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:100}.modal_content{background-color:var(--color-white);padding:0;border-radius:12px;box-shadow:0 10px 40px #0003;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 480px){.modal_content{width:95%;max-width:95%;max-height:93dvh;overflow-y:auto}}.modal_content .modal_header{background:linear-gradient(135deg,var(--color-titles-headers),#1e40af);color:var(--color-white);margin:0;padding:1.2rem 1.7rem;font-size:1.3rem;font-weight:700;letter-spacing:.3px;border:none;display:flex;align-items:center;gap:.75rem}.modal_content .modal_header:before{content:"💰";font-size:1.2rem}@media (max-width: 480px){.modal_content .modal_header{padding:1.25rem 1.5rem;font-size:1.1rem}}.modal_content .modal_body{padding:1.3rem;display:flex;flex-direction:column;gap:1rem;overflow-y:scroll}@media (max-width: 480px){.modal_content .modal_body{padding:.8rem;gap:1rem}}.modal_content .modal_body .summary_section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:8px;padding:.8rem;display:flex;flex-direction:column}.modal_content .modal_body .summary_section .summary_header{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .5rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0;width:100%;color:var(--color-text-dark)}.modal_content .modal_body .summary_section .summary_header span{color:var(--color-titles-headers)}.modal_content .modal_body .summary_section .summary_row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}@media (max-width: 480px){.modal_content .modal_body .summary_section .summary_row{align-items:flex-start;gap:.25rem}}.modal_content .modal_body .summary_section .summary_row .summary_label{font-size:.9rem;font-weight:600;color:var(--color-text-dark);display:flex;align-items:center;gap:.5rem}.modal_content .modal_body .summary_section .summary_row .summary_label:before{content:"•";color:var(--color-titles-headers);font-weight:900;font-size:1.2rem}.modal_content .modal_body .summary_section .summary_row .summary_value{font-size:.95rem;color:var(--color-text-black);font-weight:700}.modal_content .modal_body .summary_section .summary_row .summary_value.treatment_value.highlight{background:linear-gradient(135deg,#059669,#065f46);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal_content .modal_body .summary_section .summary_row .summary_value.highlight{font-size:1.1rem;background:linear-gradient(135deg,#dc2626,#991b1b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal_content .modal_body form{padding:.5rem;display:flex;flex-direction:column;gap:1rem}.modal_content .modal_body form .formBoxInputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 480px){.modal_content .modal_body form .formBoxInputs{grid-template-columns:1fr;gap:1.25rem}}.modal_content .modal_body form .form_group{display:flex;flex-direction:column;gap:.5rem}.modal_content .modal_body form .form_group label{font-weight:600;font-size:.9rem;color:var(--color-text-dark);letter-spacing:.3px;display:flex;align-items:center;gap:.25rem}.modal_content .modal_body form .form_group label:after{content:"*";color:#dc2626;font-weight:700;margin-left:.15rem}.modal_content .modal_body form .form_group input[type=number],.modal_content .modal_body form .form_group input[type=date],.modal_content .modal_body form .form_group input[type=text],.modal_content .modal_body form .form_group select,.modal_content .modal_body form .form_group textarea{padding:.75rem;border:2px solid #e2e8f0;border-radius:6px;font-size:1rem;font-family:inherit;transition:all .3s ease;background-color:var(--color-white)}.modal_content .modal_body form .form_group input[type=number]:focus,.modal_content .modal_body form .form_group input[type=date]:focus,.modal_content .modal_body form .form_group input[type=text]:focus,.modal_content .modal_body form .form_group select:focus,.modal_content .modal_body form .form_group textarea:focus{outline:none;border-color:var(--color-titles-headers);box-shadow:0 0 0 3px rgba(var(--color-titles-headers-rgb, 0, 123, 255),.1)}.modal_content .modal_body form .form_group input[type=number]::placeholder,.modal_content .modal_body form .form_group input[type=date]::placeholder,.modal_content .modal_body form .form_group input[type=text]::placeholder,.modal_content .modal_body form .form_group select::placeholder,.modal_content .modal_body form .form_group textarea::placeholder{color:#94a3b8;opacity:1}@media (max-width: 480px){.modal_content .modal_body form .form_group input[type=number],.modal_content .modal_body form .form_group input[type=date],.modal_content .modal_body form .form_group input[type=text],.modal_content .modal_body form .form_group select,.modal_content .modal_body form .form_group textarea{font-size:.95rem;padding:.65rem}}.modal_content .modal_body form .form_group input[type=number]{font-size:1.1rem;font-weight:600;color:var(--color-titles-headers)}.modal_content .modal_body form .form_group input[type=number]::-webkit-inner-spin-button,.modal_content .modal_body form .form_group input[type=number]::-webkit-outer-spin-button{opacity:1}.modal_content .modal_body form .form_group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23334155' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.modal_content .modal_body form .form_group select option{padding:.5rem}.modal_content .modal_body form .form_group textarea{min-height:80px;resize:vertical;font-family:inherit;line-height:1.5}.modal_content .modal_body form .form_group.error input:focus,.modal_content .modal_body form .form_group.error select:focus,.modal_content .modal_body form .form_group.error textarea:focus{box-shadow:0 0 0 3px #dc26261a}.modal_content .modal_body form .form_group .error_message{font-size:.75rem;color:#dc2626;font-weight:500;display:flex;align-items:center;gap:.25rem}.modal_content .modal_body form .form_group .error_message:before{content:"⚠"}.modal_content .form_actions{display:flex;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background-color:#f8fafc;border-top:1px solid #e2e8f0;margin:0}@media (max-width: 480px){.modal_content .form_actions{padding:1rem 2rem;flex-direction:column-reverse;gap:.75rem}}.modal_content .form_actions button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;letter-spacing:.3px;display:flex;align-items:center;justify-content:center;gap:.5rem}@media (max-width: 480px){.modal_content .form_actions button{width:100%;padding:.85rem}}.modal_content .form_actions button:disabled{opacity:.5;cursor:not-allowed}.modal_content .form_actions button.btn--save{background:linear-gradient(135deg,var(--color-cta-btn),var(--color-cta-hover-btn));color:var(--color-white);box-shadow:0 2px 4px #0000001a}.modal_content .form_actions button.btn--save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.modal_content .form_actions button.btn--save:active:not(:disabled){transform:translateY(0)}.modal_content .form_actions button.btn--save:before{content:"✓";font-size:1.1rem}.modal_content .form_actions button.btn--save .spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:16px;height:16px;animation:spin .6s linear infinite;display:inline-block;vertical-align:middle;margin-left:8px}.modal_content .form_actions button.btn--save .spinner.small{width:12px;height:12px;border-width:2px}.modal_content .form_actions button.btn--cancel{background-color:var(--color-white);color:var(--color-text-dark);border:2px solid #e2e8f0}.modal_content .form_actions button.btn--cancel:hover{background-color:#f8fafc;border-color:#cbd5e1}.modal_content .form_actions button.btn--cancel:before{content:"×";font-size:1.3rem;font-weight:700}.modal_content{animation:modalSlideIn .3s ease-out}.clinic-expenses-container{padding:1rem;background-color:var(--bg-dashboard);height:100%;overflow-y:scroll}@media (max-width: 480px){.clinic-expenses-container{padding:.5rem}}.clinic-expenses-container .page-header{margin-bottom:1rem;padding:.5rem .7rem;border-bottom:1px solid rgba(0,0,0,.08);display:flex;justify-content:space-between}@media (max-width: 480px){.clinic-expenses-container .page-header{flex-direction:column;width:100%;padding:.5rem .3rem}}.clinic-expenses-container .page-header__content{display:flex;align-items:center;gap:1rem;width:max-content}@media (max-width: 480px){.clinic-expenses-container .page-header__content{width:100%}}.clinic-expenses-container .page-header__icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#1d4ed8);display:flex;align-items:center;justify-content:center;color:var(--color-white);flex-shrink:0;box-shadow:0 4px 12px #2563eb40}.clinic-expenses-container .page-header__icon svg{display:block}.clinic-expenses-container .page-header__text{flex:1}.clinic-expenses-container .page-header__title{font-size:1.5rem;color:var(--color-titles-headers);font-weight:700;margin:0 0 .375rem;line-height:1.2}@media (max-width: 480px){.clinic-expenses-container .page-header__title{font-size:1.3rem}}.clinic-expenses-container .page-header__subtitle{font-size:.9375rem;color:var(--color-text-light, #6b7280);font-weight:400;margin:0;line-height:1.4}.clinic-expenses-container .page-header .open-register-modal{display:flex;justify-content:center;width:max-content;gap:.75rem;align-items:center}@media (max-width: 480px){.clinic-expenses-container .page-header .open-register-modal{width:100%;flex-direction:column;margin:1rem 0 .5rem}}.clinic-expenses-container .page-header .open-register-modal .button{display:inline-flex;align-items:center;gap:.5rem;border:none;padding:.75rem 1.25rem;border-radius:8px;font-size:.9375rem;letter-spacing:.5px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:inherit}.clinic-expenses-container .page-header .open-register-modal .button svg{flex-shrink:0;transition:transform .2s ease}.clinic-expenses-container .page-header .open-register-modal .button:active{transform:scale(.98)}.clinic-expenses-container .page-header .open-register-modal .button:disabled{opacity:.6;cursor:not-allowed}.clinic-expenses-container .page-header .open-register-modal .button.button--primary{background-color:var(--color-cta-btn);color:var(--color-white);box-shadow:0 1px 3px #0000001a}.clinic-expenses-container .page-header .open-register-modal .button.button--primary:hover:not(:disabled){background-color:var(--color-cta-hover-btn);box-shadow:0 4px 12px #2563eb40;transform:translateY(-1px)}.clinic-expenses-container .page-header .open-register-modal .button.button--primary:focus-visible{outline:2px solid var(--color-cta-btn);outline-offset:2px}@media (max-width: 768px){.clinic-expenses-container .page-header .open-register-modal .button .header{padding-bottom:1rem;margin-bottom:1.5rem}.clinic-expenses-container .page-header .open-register-modal .button .header .header-content{flex-direction:column;align-items:flex-start;gap:1rem}.clinic-expenses-container .page-header .open-register-modal .button .header .header-text .title{font-size:1.5rem}.clinic-expenses-container .page-header .open-register-modal .button .header .header-text .subtitle{font-size:.875rem}.clinic-expenses-container .page-header .open-register-modal .button .header .header-actions{width:100%;flex-direction:column}.clinic-expenses-container .page-header .open-register-modal .button .header .header-actions .button{width:100%;justify-content:center}}.clinic-expenses-container .page-header .open-register-modal .button .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.clinic-expenses-container .page-header .open-register-modal .button .summary-cards .card{background-color:var(--color-white);padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #0000000d}.clinic-expenses-container .page-header .open-register-modal .button .summary-cards .card .card-title{font-size:.9rem;color:var(--color-text-dark);margin-bottom:.5rem;font-weight:500}.clinic-expenses-container .page-header .open-register-modal .button .summary-cards .card .card-value{font-size:1.75rem;color:var(--color-titles-headers);font-weight:600}.clinic-expenses-container .page-header .open-register-modal .button .expenses-table-container{background-color:var(--color-white);padding:1rem;border-radius:12px;box-shadow:0 4px 12px #0000000d}@media (max-width: 480px){.clinic-expenses-container .page-header .open-register-modal .button .expenses-table-container{padding:0;background-color:var(--color-neutral)}}.clinic-expenses-container .page-header .open-register-modal .button .expenses-table-container .table-filters{margin-bottom:1.5rem}.clinic-expenses-container .page-header .open-register-modal .button .expenses-table-container .table-filters .search-input{width:100%;max-width:400px;padding:.8rem 1rem;border-radius:8px;border:1px solid var(--color-neutral);font-size:1rem}@media (max-width: 480px){.modal-expense-form-content{padding:1rem}}.modal-expense-form-content form .currency-input{position:relative}.modal-expense-form-content form .currency-input .form-control.with-currency{padding-left:.8rem;font-weight:500}.modal-expense-form-content form .currency-input .total-input{font-size:16px;font-weight:700}.expense-modal{animation:modalSlideIn .3s ease-out}.expenses-container{border-radius:12px;overflow:hidden}.table-wrapper{background:#fff;overflow-x:auto;box-shadow:0 1px 3px #0000001a;border-radius:7px}.expenses-table{width:100%;border-collapse:collapse;font-size:14px}.expenses-table thead{border-radius:20px;border-bottom:2px solid #dee2e6;background:var(--color-table-head)}.expenses-table th{padding:1rem;text-align:left;font-weight:600;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.5px}th.ticket-head{padding:1rem .5rem}.expenses-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .15s ease}.expenses-table tbody tr:hover{background-color:#f8f9fa}.expenses-table td{padding:.8rem .7rem;color:#212529;vertical-align:middle;text-align:left}.text-right{text-align:right}.text-center{text-align:center}td.date-cell{font-weight:500;color:#495057;white-space:nowrap;align-self:flex-start;text-align:left;max-width:80px;padding-left:.2rem}td.ticket-cell button,td.ticket-cell span{display:flex;justify-self:center}.description-cell{width:100%;text-wrap:balance;max-width:300px;font-weight:500}.provider-cell{color:#6c757d}.amount-cell{font-weight:600;color:#212529;text-align:right;white-space:nowrap}.category-badge{display:inline-block;padding:4px 12px;background:#e7f1ff;color:#0c5aa6;border-radius:12px;font-size:12px;font-weight:500;text-align:center}.status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.status-pagado{background:#d1f4e0;color:var(--color-paid)}.status-pendiente{background:#fff3cd;color:var(--color-pending)}.status-anulado{background:#f8d7da;color:var(--color-unpaid)}.actions-cell{text-align:center;white-space:nowrap}.action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;margin:0 4px}.action-button.edit{background:#e7f1ff;color:#0d6efd}.action-button.edit:before:hover{content:"editar"}.action-button.edit:hover{background:#0d6efd;color:#fff}.action-button.delete{background:#f8d7da;color:#dc3545}.action-button.delete:hover{background:#dc3545;color:#fff}.loadingMessage,.errorLoadingMessage{font-size:1.1rem;font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--color-text-dark)}.errorLoadingMessage{flex-direction:column}.errorLoadingMessage span{color:var(--color-alert)}span.spinner{border:3px solid #f3f3f3;border-top:3px solid var(--color-titles-headers);border-radius:50%;width:25px;height:25px;animation:spin .6s linear infinite;display:inline-block}span.spinner.small{width:16px;height:16px;border-width:2px}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--color-white);border-top:2px solid #f3f4f6;gap:16px}@media (max-width: 480px){.table-footer{padding:14px;gap:12px}}.results-info{display:flex;align-items:center}.results-info .results-count{font-size:14px;color:var(--color-text-dark)}.results-info .results-count strong{font-weight:600;color:var(--color-titles-headers)}.pagination-controls{display:flex;align-items:center;gap:20px}@media (max-width: 768px){.pagination-controls{flex-direction:column;gap:12px;width:100%}}.page-info{font-size:14px;font-weight:500;color:var(--color-text-dark);white-space:nowrap}.pagination-buttons{display:flex;gap:6px}@media (max-width: 768px){.pagination-buttons{width:100%;justify-content:center}}.pagination-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:2px solid #e5e7eb;border-radius:8px;background-color:var(--color-white);color:var(--color-titles-headers);cursor:pointer;transition:all .2s ease;padding:0}.pagination-btn svg{font-size:20px}.pagination-btn:hover:not(:disabled){border-color:var(--color-titles-subHeaders);background-color:#eff6ff;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.pagination-btn:active:not(:disabled){transform:translateY(0)}.pagination-btn:disabled{border-color:#f3f4f6;background-color:#f9fafb;color:#d1d5db;cursor:not-allowed;opacity:.6}.empty-state{text-align:center;padding:24px;color:#6c757d;font-size:15px}@media (max-width: 768px){.filters-container{flex-direction:column;align-items:stretch}.search-box{width:100%;min-width:auto}.filter-group{width:100%}.filter-item{flex:1}.expenses-table{font-size:13px}.expenses-table th,.expenses-table td{padding:12px 16px}.description-cell{max-width:200px}}.expense-filters{background:var(--color-white);border-radius:12px;padding:1.5rem 1rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}@media (max-width: 480px){.expense-filters{padding:.9rem .7rem}}.expense-filters .filters-main-row{display:flex;gap:1rem;align-items:stretch;flex-wrap:wrap}@media (max-width: 1024px){.expense-filters .filters-main-row{flex-direction:column}}.expense-filters .search-box{position:relative;flex:1;min-width:280px;display:flex;align-items:center}.expense-filters .search-box .search-icon{position:absolute;left:14px;color:var(--color-text-dark);font-size:20px;pointer-events:none}.expense-filters .search-box .search-input{width:100%;padding:12px 40px 12px 44px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;color:var(--color-text-black);background-color:var(--color-white);transition:all .2s;outline:none}.expense-filters .search-box .search-input:focus{border-color:var(--color-titles-subHeaders);box-shadow:0 0 0 3px #3b82f61a}.expense-filters .search-box .search-input::placeholder{color:var(--color-neutral)}.expense-filters .search-box .clear-search{position:absolute;right:8px;background:none;border:none;color:var(--color-text-dark);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.expense-filters .search-box .clear-search svg{font-size:18px}.expense-filters .search-box .clear-search:hover{background-color:#f3f4f6;color:var(--color-text-black)}.expense-filters .quick-filters{display:flex;gap:2rem;align-items:end;flex-wrap:wrap}@media (max-width: 480px){.expense-filters .quick-filters{gap:1rem}}@media (max-width: 768px){.expense-filters .quick-filters{width:100%}}.expense-filters .date-range{position:relative;display:flex;flex-direction:column;gap:5px;width:max-content}@media (max-width: 480px){.expense-filters .date-range{width:100%}}.expense-filters .date-range .filter-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--color-text-dark);letter-spacing:.3px}@media (max-width: 480px){.expense-filters .date-range .filter-label{font-size:14px}}.expense-filters .date-range .filter-label .label-icon{font-size:16px;color:var(--color-titles-subHeaders)}.expense-filters .date-range .date-inputs{display:flex;align-items:center;gap:10px;align-self:flex-start}@media (max-width: 480px){.expense-filters .date-range .date-inputs{flex-direction:row;width:100%;gap:8px;margin-top:.5rem}}.expense-filters .date-range .date-inputs .date-input{flex:1;padding:10px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;color:var(--color-text-black);background-color:var(--color-white);transition:all .2s;outline:none}.expense-filters .date-range .date-inputs .date-input:focus{border-color:var(--color-titles-subHeaders);box-shadow:0 0 0 3px #3b82f61a}.expense-filters .date-range .date-inputs .date-separator{color:var(--color-text-dark);font-weight:600;font-size:18px}.expense-filters .error-message{position:absolute;bottom:-30%;font-size:.75rem;color:#dc2626;font-weight:500;display:flex;align-items:center;align-self:flex-end;gap:.25rem}.expense-filters .error-message:before{content:"⚠"}.expense-filters .filter-item{position:relative;display:flex;align-items:center}.expense-filters .filter-item .filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:12px 36px 12px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;color:var(--color-text-black);background-color:var(--color-white);cursor:pointer;transition:all .2s;outline:none;font-weight:500;min-width:140px}.expense-filters .filter-item .filter-select:hover{border-color:#d1d5db}.expense-filters .filter-item .filter-select:focus{border-color:var(--color-titles-subHeaders);box-shadow:0 0 0 3px #3b82f61a}.expense-filters .filter-item .filter-select:not([value=""]){border-color:var(--color-titles-subHeaders);color:var(--color-titles-headers)}.expense-filters .filter-item .select-icon{position:absolute;right:10px;color:var(--color-text-dark);font-size:20px;pointer-events:none}.expense-filters .expenses-categories-message{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;color:var(--color-text-black);background-color:var(--color-white);transition:all .2s;outline:none;font-family:inherit}.expense-filters .expenses-categories-message:focus{border-color:var(--color-titles-subHeaders)}.expense-filters .expenses-categories-message::placeholder{color:var(--color-neutral)}.expense-filters .expenses-categories-message:disabled,.expense-filters .expenses-categories-message.disabled{background-color:var(--color-bg-cards);cursor:not-allowed}.expense-filters .advanced-toggle{display:flex;align-items:center;gap:8px;padding:12px 18px;border:2px solid #e5e7eb;border-radius:10px;background-color:var(--color-white);color:var(--color-text-dark);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;position:relative}.expense-filters .advanced-toggle svg{font-size:18px}.expense-filters .advanced-toggle:hover{border-color:var(--color-titles-subHeaders);background-color:#eff6ff;color:var(--color-titles-headers)}.expense-filters .advanced-toggle.active{border-color:var(--color-titles-subHeaders);background-color:var(--color-titles-subHeaders);color:#fff}.expense-filters .advanced-toggle .filter-badge{position:absolute;top:-6px;right:-6px;background-color:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center;box-shadow:0 2px 4px #0003}.expense-filters .btns-container{display:flex;gap:2rem;align-self:flex-end}.expense-filters .btns-container button{display:flex;align-items:center;width:max-content;gap:6px;padding:12px 16px;border-radius:10px;color:#dc2626;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.expense-filters .btns-container button svg{font-size:18px}.expense-filters .btns-container .clear-all-btn{border:2px solid #fee2e2;background-color:#fef2f2;color:#dc2626}.expense-filters .btns-container .clear-all-btn:hover{border-color:#fecaca;background-color:#fee2e2;transform:translateY(-1px)}.expense-filters .btns-container .search-btn{border:2px solid var(--color-titles-subHeaders);background-color:#eff6ff;color:var(--color-titles-headers)}.expense-filters .btns-container .search-btn:hover{border-color:#85b7f8;background-color:#b6cce9;transform:translateY(-1px)}.expense-filters .advanced-filters{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #f3f4f6;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.expense-filters .advanced-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}@media (max-width: 768px){.expense-filters .advanced-filters-grid{grid-template-columns:1fr}}.expense-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width: 480px){.expense-modal-overlay{padding:10px}}.expense-modal{background-color:var(--color-white);border-radius:16px;width:90%;max-width:750px;max-height:90vh;overflow:hidden;box-shadow:0 24px 48px #23578926,0 8px 16px #0000001a;display:flex;flex-direction:column}@media (max-width: 480px){.expense-modal{width:100%;max-height:95dvh}}.modal-header{padding:.7rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--color-titles-headers) 0%,var(--color-cta-hover-btn) 100%);color:var(--color-white)}@media (max-width: 480px){.modal-header{padding:.5rem 1rem}}.modal-header h2{margin:0;font-size:1.2rem;font-weight:600;letter-spacing:-.5px}@media (max-width: 480px){.modal-header h2{font-size:1.1rem}}.modal-header .close-button{background:#ffffff26;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s;color:var(--color-white)}.modal-header .close-button:hover{background-color:#ffffff40}.modal-header .close-button svg{font-size:22px}.modal-expense-form-content{width:100%;overflow-y:auto;padding:1.2rem 1.5rem;flex:1;background-color:#fafbfc}@media (max-width: 480px){.modal-expense-form-content{padding:1.1rem .8rem}}.modal-expense-form-content form{width:100%}.modal-expense-form-content form .form-section{margin-bottom:1.3rem}.modal-expense-form-content form .form-section:last-child{margin-bottom:0}.modal-expense-form-content form .section-title{font-size:15px;font-weight:600;color:var(--color-titles-headers);margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--color-titles-subHeaders);letter-spacing:.3px;text-transform:uppercase;display:flex;align-items:center;gap:8px}.modal-expense-form-content form .section-title .title-bar{width:4px;height:16px;background-color:var(--color-titles-subHeaders);border-radius:2px}.modal-expense-form-content form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}@media (max-width: 480px){.modal-expense-form-content form .form-grid{grid-template-columns:1fr;gap:1rem}}.modal-expense-form-content form .form-group{display:flex;flex-direction:column;justify-content:start}.modal-expense-form-content form .form-group.full-width{margin-top:1rem;grid-column:1/-1}.modal-expense-form-content form .form-group label{display:block;font-size:13px;font-weight:600;color:var(--color-text-dark);margin-bottom:10px;letter-spacing:.2px}.modal-expense-form-content form .form-group label.radio-card{display:flex;gap:.3rem;margin-bottom:0}.modal-expense-form-content form .form-group label .required{color:var(--color-alert)}.modal-expense-form-content form .form-group .error_message{font-size:.75rem;color:#dc2626;font-weight:500;display:flex;align-items:center;gap:.25rem}.modal-expense-form-content form .form-group .error_message:before{content:"⚠"}.modal-expense-form-content form .form-control{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;color:var(--color-text-black);background-color:var(--color-white);transition:all .2s;outline:none;font-family:inherit}.modal-expense-form-content form .form-control:focus{border-color:var(--color-titles-subHeaders)}.modal-expense-form-content form .form-control::placeholder{color:var(--color-neutral)}.modal-expense-form-content form .form-control:disabled,.modal-expense-form-content form .form-control.disabled{background-color:var(--color-bg-cards);cursor:not-allowed}.modal-expense-form-content form select.form-control{cursor:pointer}.modal-expense-form-content form textarea.form-control{resize:vertical;line-height:1.5;max-height:60px}.modal-expense-form-content form .input-with-icon{position:relative}.modal-expense-form-content form .input-with-icon .form-control{padding-right:1rem}.modal-expense-form-content form .input-with-icon .input-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--color-titles-subHeaders);pointer-events:none;font-size:18px}.modal-expense-form-content form .label-with-checkbox{display:flex;align-items:center;gap:10px}.modal-expense-form-content form .checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px 10px;background-color:#e8f4fb;border-radius:6px;transition:all .2s;margin-left:auto}.modal-expense-form-content form .checkbox-label .checkbox-input{cursor:pointer;width:16px;height:16px}.modal-expense-form-content form .checkbox-label .checkbox-text{font-size:12px;color:var(--color-titles-subHeaders);font-weight:600}.modal-expense-form-content form .checkbox-label:hover{background-color:#d4e9f7}.modal-expense-form-content form .radio-group{display:flex;gap:16px;padding-top:4px}@media (max-width: 480px){.modal-expense-form-content form .radio-group{gap:10px}}.modal-expense-form-content form .radio-card{display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 16px;border-radius:8px;border:2px solid #e5e7eb;background-color:transparent;transition:all .2s;flex:1;justify-content:center}@media (max-width: 480px){.modal-expense-form-content form .radio-card{padding:10px}}.modal-expense-form-content form .radio-card input[type=radio]{cursor:pointer;width:18px;height:18px}.modal-expense-form-content form .radio-card span{font-size:14px;font-weight:500;color:var(--color-text-dark)}.modal-expense-form-content form .radio-card.active{border-color:var(--color-titles-subHeaders);background-color:#e8f4fb}.modal-expense-form-content form .radio-card.active span{color:var(--color-titles-headers)}.modal-expense-form-content form .radio-card:hover{border-color:var(--color-titles-subHeaders)}.modal-expense-form-content form .file-upload-area{height:10rem;border:2px dashed #d1d5db;border-radius:12px;padding:1.5rem 1rem;text-align:center;background-color:var(--color-white);cursor:pointer;transition:all .3s}@media (max-width: 480px){.modal-expense-form-content form .file-upload-area{height:7rem;padding:1rem}}.modal-expense-form-content form .file-upload-area.drag-active{border-color:var(--color-titles-subHeaders);background-color:#e8f4fb}.modal-expense-form-content form .file-upload-area.drag-active .upload-icon{color:var(--color-titles-subHeaders)}.modal-expense-form-content form .file-upload-area:hover{border-color:var(--color-titles-subHeaders)}.modal-expense-form-content form .file-upload-area .upload-icon{font-size:40px;color:var(--color-text-dark);margin-bottom:12px;transition:all .3s}@media (max-width: 480px){.modal-expense-form-content form .file-upload-area .upload-icon{font-size:25px}}.modal-expense-form-content form .file-upload-area .upload-title{margin:0 0 8px;font-size:15px;font-weight:600;color:var(--color-text-black)}@media (max-width: 480px){.modal-expense-form-content form .file-upload-area .upload-title{font-size:12px}}.modal-expense-form-content form .file-upload-area .upload-subtitle{margin:0;font-size:13px;color:var(--color-text-dark)}.modal-expense-form-content form .file-selected{margin-top:16px;padding:12px 16px;background-color:#e8f4fb;border-radius:8px;display:inline-flex;align-items:center;gap:10px}.modal-expense-form-content form .file-selected .file-icon{color:var(--color-titles-headers);font-size:20px}.modal-expense-form-content form .file-selected .file-name{font-size:14px;color:var(--color-titles-headers);font-weight:500}.modal-expense-form-content form .file-selected .remove-file{background:none;border:none;color:var(--color-alert);cursor:pointer;font-size:24px;padding:0;line-height:1;margin-left:6px;font-weight:300;transition:transform .2s}.modal-expense-form-content form .file-selected .remove-file:hover{transform:scale(1.2)}.modal-expense-form-content form .image-preview-container{margin:auto;width:60%;display:flex;align-content:center;align-self:center}.modal-expense-form-content form .remove-image-btn{position:absolute;top:-10px;right:-10px;background-color:#0009;color:#fff;border:none;border-radius:50%;font-size:1.5rem;width:25px;height:25px}.modal-expense-form-content form .remove-image-btn:hover{cursor:pointer;background:var(--color-alert)}.modal-expense-form-content form .image-view-item{border-radius:4px;position:relative;display:flex;flex-direction:column;justify-content:center;gap:.5rem;margin-top:.3rem}.modal-expense-form-content form .image-view-item .preview-image{width:100%;height:100%;object-fit:cover}.modal-expense-form-content form .image-view-item .pdf-view{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;object-fit:cover}.modal-expense-form-content form .image-view-item .pdf-view .pdfName{text-align:center}.modal-expense-form-content form .image-view-item .pdf-actions{color:var(--color-cta-hover-btn);border:solid 1px grey;border-radius:20px;padding:.2rem;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.modal-expense-form-content form .image-view-item .pdf-actions:hover{color:#fff;background:var(--color-cta-hover-btn);transform:scale(1.05);box-shadow:0 6px 12px #00000026}.modal-expense-form-content form .image-view-item .pdf-actions:active{transform:scale(.97);box-shadow:0 3px 6px #0003}.modal-footer{padding:24px 36px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:14px;background-color:var(--color-white)}@media (max-width: 480px){.modal-footer{padding:1rem;justify-content:center}}.btn-cancel{padding:12px 28px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;font-weight:600;color:var(--color-text-dark);background-color:var(--color-white);cursor:pointer;transition:all .2s;letter-spacing:.3px}.btn-cancel:hover{border-color:var(--color-text-dark);background-color:#f9fafb}.btn-submit{padding:12px 32px;border:none;border-radius:10px;font-size:14px;font-weight:600;color:var(--color-white);background:linear-gradient(135deg,var(--color-cta-btn) 0%,var(--color-cta-hover-btn) 100%);cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #23578933;display:flex;align-items:center;gap:8px;letter-spacing:.3px}.btn-submit .btn-icon{font-size:18px}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2357894d}.btn-submit:active{transform:translateY(0)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.btn-submit .spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:16px;height:16px;animation:spin .6s linear infinite;display:inline-block;vertical-align:middle;margin-left:8px}.btn-submit .spinner.small{width:12px;height:12px;border-width:2px}.expense_modal{animation:modalSlideIn .3s ease-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}@media (max-width: 480px){.modal-overlay{padding:0 .5rem}}.modal-expense-content{position:relative;background:#fff;padding:20px;border-radius:8px;width:33rem;max-width:35rem;display:flex;flex-direction:column;align-items:center}@media (max-width: 480px){.modal-expense-content{padding:40px 10px 20px}}.modal-expense-content.pdf-content{height:60vh;max-height:60vh;max-width:32rem;width:30rem}.modal-expense-content .modal-image{max-width:100%;max-height:100%;object-fit:contain}.modal-expense-content .pdf-view{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;object-fit:cover;margin-bottom:1.3rem}.modal-expense-content .pdf-view .pdfName{text-align:center}.modal-expense-content .pdf-actions{color:var(--color-cta-hover-btn);border:solid 1px grey;border-radius:20px;padding:.2rem;width:40%;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.modal-expense-content .pdf-actions:hover{color:#fff;background:var(--color-cta-hover-btn);transform:scale(1.05);box-shadow:0 6px 12px #00000026}.modal-expense-content .pdf-actions:active{transform:scale(.97);box-shadow:0 3px 6px #0003}.modal-expense-content .close-button{position:absolute;top:-10px;right:-10px;background:#ff4d4d;color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}@media (max-width: 480px){.modal-expense-content .close-button{top:7px}}.modal-expense-content .close-button:hover{background:#c00}.modal-expense-content .image-counter{font-size:14px;color:#555}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-expense-content{animation:modalSlideIn .3s ease-out}:root{--color-background-body: linear-gradient(120deg, #1e40af 0%, #3b82f6 100%);--color-titles-headers: #235789;--color-titles-subHeaders: #67b0e8;--color-contactMeBtn-MainSlider: #696969;--color-bg-cards: #f5f6fa;--color-cta-btn: #3b82f6;--color-cta-hover-btn: #2e6db5;--color-disabled-text: #0066ff;--color-disabled-bg: #dddddd;--color-contactMe-Bar: #af7f6ab7;--color-modal-menu: #333;--color-table-head: #3b82f6;--bg-dashboard: #e8e8e8;--color-text-dark: #4a4a4a;--color-text-black: #2c2c2c;--color-white: #ffffff;--color-alert: #ff6b6b;--color-neutral: #dddddd;--navBar-height: 100px;--bg-paid: #d1f4e0;--color-paid: #28a745;--bg-pending: #fff3cd;--color-pending: #fd7e14;--bg-unpaid: #f8d7da;--color-unpaid: #dc3545;--color-bg-highlighted: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%)}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-cards .card{background-color:var(--color-white);padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000a;border:1px solid rgba(0,0,0,.06);transition:all .2s ease;position:relative;overflow:hidden}.summary-cards .card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--accent-color, #3b82f6),transparent);opacity:0;transition:opacity .2s ease}.summary-cards .card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.summary-cards .card:hover:before{opacity:1}.summary-cards .card.card--primary{--accent-color: #2563eb}.summary-cards .card.card--warning{--accent-color: #f59e0b}.summary-cards .card.card--success{--accent-color: #059669}.summary-cards .card.card--neutral{--accent-color: #8b5cf6}.summary-cards .card.card--teal{--accent-color: #0d9488}.summary-cards .card.card-indigo{--accent-color: #4f46e5}.summary-cards .card .card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.summary-cards .card .card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-cards .card .card-icon.card-icon--blue{background-color:#2563eb1a;color:#2563eb}.summary-cards .card .card-icon.card-icon--orange{background-color:#f59e0b1a;color:#f59e0b}.summary-cards .card .card-icon.card-icon--green{background-color:#0596691a;color:#059669}.summary-cards .card .card-icon.card-icon--purple{background-color:#8b5cf61a;color:#8b5cf6}.summary-cards .card .card-icon.card-icon--teal{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);color:#0d9488;border:2px solid #99f6e4}.summary-cards .card .card-icon.card-icon--indigo{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5;border:2px solid #c7d2fe}.summary-cards .card .card-icon svg{display:block}.summary-cards .card .card-header h3.card-title{font-size:.875rem;color:var(--color-text-dark);font-weight:500;line-height:1.4;margin-bottom:0}.summary-cards .card .card-value{font-size:2rem;color:var(--color-titles-headers);font-weight:700;margin:.5rem 0;line-height:1.2}.summary-cards .card .card-value.card-value--small{font-size:1.5rem}.summary-cards .card .card-trend{display:inline-flex;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:500;padding:.25rem .5rem;border-radius:6px}.summary-cards .card .card-trend svg{width:14px;height:14px}.summary-cards .card .card-trend.card-trend--up{color:#059669;background-color:#0596691a}.summary-cards .card .card-trend.card-trend--down{color:#dc2626;background-color:#dc26261a}.summary-cards .card .card-trend.card-trend--down svg{transform:rotate(180deg)}.summary-cards .card .card-trend.card-trend--stable{background-color:#2563eb1a}.summary-cards .card .card-subtitle{display:block;font-size:.8125rem;color:var(--color-text-light, #6b7280);font-weight:400;margin-top:.5rem}.summary-cards .card .payment-methods-breakdown{display:flex;flex-direction:column;gap:5px;margin-top:5px}.summary-cards .card .payment-method-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8fafc;border-radius:6px;font-size:13px}.summary-cards .card .payment-method-name{color:var(--color-text-dark);font-weight:500}.summary-cards .card .payment-method-value{color:var(--color-titles-headers);font-weight:700;font-size:14px}@media (max-width: 768px){.summary-cards{grid-template-columns:1fr;gap:1rem}.summary-cards .card .card-value{font-size:1.75rem}}.access-denied{min-height:100vh;width:100%;background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.access-denied .content-card{background:#fffffffa;border-radius:32px;padding:1rem 3rem;max-width:600px;width:100%;box-shadow:0 25px 50px -12px #00000040;position:relative;z-index:1;text-align:center;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.access-denied .content-card .icon-container{position:relative;display:inline-flex;margin-bottom:1.5rem}.access-denied .content-card .icon-container .icon-background{width:120px;height:120px;background:linear-gradient(135deg,#ff6b6b,#ff8787);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px #ff6b6b4d;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 20px 40px #ff6b6b4d}50%{transform:scale(1.05);box-shadow:0 25px 50px #ff6b6b66}}.access-denied .content-card .icon-container .icon-background .main-icon{font-size:5rem!important;color:#fff}.access-denied .content-card .icon-container .lock-badge{position:absolute;bottom:5px;right:5px;width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;border:4px solid rgba(255,255,255,.98)}.access-denied .content-card .icon-container .lock-badge svg{font-size:1.5rem!important;color:#ff6b6b}.access-denied .content-card .title{font-size:2rem;font-weight:800;color:#2c2c2c;margin-bottom:.75rem;letter-spacing:-1px}.access-denied .content-card .subtitle{font-size:1.25rem;color:#4a4a4a;font-weight:500;margin-bottom:2rem}.access-denied .content-card .message-box{background:linear-gradient(135deg,#f5f6fa,#e8e8e8);border-radius:16px;padding:1.5rem;margin-bottom:2rem;border-left:4px solid #ff6b6b}.access-denied .content-card .message-box .message{font-size:1rem;color:#4a4a4a;line-height:1.6;margin:0;text-align:left}.access-denied .content-card .info-badges{display:flex;gap:1rem;justify-content:center;margin-bottom:2.5rem;flex-wrap:wrap}.access-denied .content-card .info-badges .badge{background:#f5f6fa;padding:.75rem 1.25rem;border-radius:12px;display:flex;flex-direction:column;gap:.25rem;min-width:140px;border:1px solid #e8e8e8}.access-denied .content-card .info-badges .badge .badge-label{font-size:.75rem;color:#4a4a4a;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.access-denied .content-card .info-badges .badge .badge-value{font-size:.95rem;color:#2c2c2c;font-weight:700}.access-denied .content-card .info-badges .badge .badge-value.error{color:#ff6b6b}.access-denied .content-card .actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;flex-wrap:wrap}.access-denied .content-card .actions .btn-primary,.access-denied .content-card .actions .btn-secondary{padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.access-denied .content-card .actions .btn-primary svg,.access-denied .content-card .actions .btn-secondary svg{font-size:1.25rem!important}.access-denied .content-card .actions .btn-primary{background:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.access-denied .content-card .actions .btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.access-denied .content-card .actions .btn-secondary{background:#f5f6fa;color:#2c2c2c;border:2px solid #e8e8e8}.access-denied .content-card .actions .btn-secondary:hover{background:#e8e8e8;border-color:#ddd;transform:translateY(-2px)}.access-denied .content-card .help-text{padding-top:1.5rem;border-top:1px solid #e8e8e8}.access-denied .content-card .help-text p{font-size:.875rem;color:#4a4a4a;margin:0}@media (max-width: 768px){.access-denied .content-card{padding:3rem 2rem}.access-denied .content-card .icon-container .icon-background{width:120px;height:120px}.access-denied .content-card .icon-container .icon-background .main-icon{font-size:4rem!important}.access-denied .content-card .icon-container .lock-badge{width:45px;height:45px}.access-denied .content-card .icon-container .lock-badge svg{font-size:1.25rem!important}.access-denied .content-card .title{font-size:2rem}.access-denied .content-card .subtitle{font-size:1.1rem}.access-denied .content-card .actions{flex-direction:column;width:100%}.access-denied .content-card .actions .btn-primary,.access-denied .content-card .actions .btn-secondary{width:100%;justify-content:center}.access-denied .content-card .info-badges{flex-direction:column;align-items:stretch}.access-denied .content-card .info-badges .badge{min-width:auto}}@media (max-width: 480px){.access-denied{padding:1rem}.access-denied .content-card{padding:2rem 1.5rem;border-radius:24px}.access-denied .content-card .icon-container .icon-background{width:100px;height:100px}.access-denied .content-card .icon-container .icon-background .main-icon{font-size:3.5rem!important}.access-denied .content-card .icon-container .lock-badge{width:40px;height:40px;border:3px solid rgba(255,255,255,.98)}.access-denied .content-card .icon-container .lock-badge svg{font-size:1.1rem!important}.access-denied .content-card .title{font-size:1.75rem}.access-denied .content-card .subtitle{font-size:1rem}.access-denied .content-card .message-box{padding:1.25rem}.access-denied .content-card .message-box .message{font-size:.95rem}}