.new-appointment-wrapper{width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.377);font-size:.9rem}.admin-wrapper .new-appointment-wrapper{top:0}.custom-select-input{position:relative}.options-container{position:absolute;background-color:#fff;border:1px solid #ccc;width:100%;max-height:200px;overflow-y:auto;z-index:10}.option-item{padding:8px;cursor:pointer;display:block;visibility:visible;opacity:1;color:#000}.option-item:hover{background-color:#f0f0f0}.new-appointment{width:100%;max-width:1000px;min-height:80vh;max-height:100vh;overflow-y:scroll;-webkit-overflow-scrolling:touch;padding:1.5rem;background-color:var(--color-background);border-radius:10px;box-shadow:0 0 20px 5px rgba(0,0,0,.315);color:#000;display:flex;flex-direction:column;gap:1rem}.header{display:flex;justify-content:space-between}.new-appointment>.date{display:flex;flex-direction:column;max-width:none;border:1px solid grey;padding:1rem;border-radius:10px}.date>.REACT-CALENDAR{width:250px}.new-appointment>.input-box{border:1px solid grey;padding:1rem;width:100%;border-radius:10px}.new-appointment>.input-box>input,.new-appointment>.input-box>select{margin:0}.buttons{display:flex;justify-content:flex-end;gap:2rem;position:-webkit-sticky;position:sticky;bottom:-2rem;background-color:var(--color-background);padding:1rem 0}.buttons>.blue-btn{padding:.5rem 1rem}.buttons>.blue-border-btn{padding:.5rem 1rem;border:1px solid var(--color-primary);background-color:transparent;color:var(--color-primary)}.main{justify-content:space-around;padding:2rem 0}.main,.time{display:flex;width:100%}.time{padding:0 2rem;flex-direction:column;align-items:center}body>div>div>div.new-appointment-wrapper>div>div.main>div.time>div:first-child>div{width:100%}.precio-wrapper{display:flex;gap:3rem}.precio{width:100%}.pago{align-items:flex-start}.date,.pago{display:flex;flex-direction:column;gap:1rem}.date{align-items:center}.notification-modal{width:500px;max-width:800px;height:-moz-fit-content;height:fit-content;max-height:100vh;padding:1.5rem;background-color:var(--color-background);border-radius:10px;box-shadow:0 0 20px 5px rgba(0,0,0,.315);color:#000;display:flex;flex-direction:column;justify-content:center;gap:1rem;min-height:200px;position:relative}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;height:2rem}.notification-body{z-index:100;gap:1rem}.notification-img{position:absolute;height:100px;width:100px;object-fit:contain;bottom:0;right:0;opacity:.5}.react-calendar__tile--active{background-color:var(--color-primary);color:#fff;font-weight:bolder}@media screen and (max-width:990px){.new-appointment-wrapper{top:0;height:100%}}@media screen and (max-width:500px){.new-appointment-wrapper{top:0}.new-appointment{width:100%;height:100%}.main{display:flex;flex-direction:column;justify-content:space-around;justify-content:center;padding:2rem 0}.date>.REACT-CALENDAR,.main{width:100%}.time{padding:0}.buttons{padding-bottom:5rem}}.premium-block-form{padding:20px;max-height:70vh;overflow-y:auto}.block-form-section{margin-bottom:25px;padding:15px;border:1px solid #e9ecef;border-radius:8px;background:#fafbfc}.block-form-section h3{margin:0 0 15px;color:#1580c2;font-size:16px;font-weight:600}.input-group{margin-bottom:15px}.input-group label{display:block;font-size:14px;font-weight:600;color:#334155;margin-bottom:6px}.input-group input,.input-group select,.input-group textarea{width:100%;padding:8px 12px;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s ease;background:#fff;box-sizing:border-box}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{outline:none;border-color:#1580c2;box-shadow:0 0 0 3px rgba(21,128,194,.1)}.blocked-type-toggle{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:12px;gap:12px;margin:15px 0}.blocked-type-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:12px;text-align:center;cursor:pointer;transition:all .2s ease}.blocked-type-card:hover{background:#e9ecef;border-color:#94a3b8}.blocked-type-card.active{background:linear-gradient(135deg,#1580c2,#0056a3);border-color:#1580c2;color:#fff;box-shadow:0 4px 12px rgba(21,128,194,.3)}.blocked-type-title{font-size:14px;font-weight:600;margin-bottom:4px}.blocked-type-desc{font-size:11px;opacity:.8;line-height:1.3}.weekday-picker{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px;margin-top:8px}.weekday-btn{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:8px 4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.weekday-btn:hover{background:#e9ecef;border-color:#94a3b8}.weekday-btn.active{background:linear-gradient(135deg,#1580c2,#0056a3);border-color:#1580c2;color:#fff;box-shadow:0 2px 6px rgba(21,128,194,.3)}@media (max-width:768px){.premium-block-form{padding:15px}.blocked-type-toggle{grid-template-columns:1fr;gap:8px}.weekday-picker{grid-template-columns:repeat(7,1fr);gap:4px}.weekday-btn{padding:6px 2px;font-size:11px}.block-form-section{padding:12px;margin-bottom:15px}}