@import"https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700";:root{--color-bg-primary: rgb(247, 241, 239);--color-bg-secondary: rgb(200, 195, 190);--day-not-available: #5b5857;--color-disabled: #7c7978;--color-dark-bg: #221E1B;--color-text-primary: #333;--color-btn-primary: #B47F41;--color-btn-hover: #9A6E3C;--color-btn-text: #FDFDFD;--color-border-highlight: rgb(240, 160, 90)}body{margin:0;overflow-x:hidden;font-family:Source Sans Pro,sans-serif}h1,h2,h3,h4,h5{position:relative;font-family:Montserrat,sans-serif}#root{max-width:100%;margin:0 auto;text-align:center}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.contenedorGeneral{position:relative;min-height:100vh;width:350px;display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:1rem;color:var(--color-btn-text);border-radius:10px;background-color:var(--color-bg-primary)}.contenedorLeftRight{background-color:var(--color-disabled)}.contenedorServicios{width:100%;margin:20px auto;background-color:var(--color-dark-bg);display:flex;flex-direction:column;align-items:center}.contenedorServicios h2{margin:1rem 0;margin-bottom:10px;text-align:center;border-bottom:solid 1px var(--color-btn-primary);width:100%;font-weight:400;padding-bottom:10px}.seleccionServicios{width:100%;display:flex;flex-direction:column;align-items:center;color:var(--color-btn-text)}.seleccionServiciosCheckbox{display:flex;flex-direction:column;width:60%;margin:10px 0;border-bottom:1px solid var(--color-btn-primary);padding:0 10%}.seleccionServiciosCheckbox:hover{background-color:var(--color-btn-primary);color:var(--color-btn-text);cursor:pointer;border-radius:10px;font-size:1.1rem}.infoServicio{display:flex;flex-direction:column;margin:0 10%;align-items:flex-start}.buscarServiciosBtn{margin:10% auto;height:40px;font-size:1rem;font-weight:500;outline:none;border:none;color:var(--color-btn-text);background-color:var(--color-btn-primary);border-radius:5px;cursor:pointer;padding:5px 10px;border:1px solid var(--color-btn-primary)}.buscarServiciosBtn:hover{background-color:var(--color-btn-hover);border-color:var(--color-btn-hover)}.checkboxLabel{display:flex;justify-content:space-between;font-weight:600}.servicios-btn{margin:10px auto;height:40px;font-size:1rem;font-weight:500;outline:none;border:none;color:var(--color-btn-text);background-color:var(--color-btn-primary);border-radius:5px;cursor:pointer;padding:5px 10px;border:1px solid var(--color-btn-primary)}.servicios-btn:hover{background-color:var(--color-btn-hover);border-color:var(--color-btn-hover)}.calendar{position:relative;width:100%;height:100%;display:flex;flex-direction:column;color:var(--color-text-primary);border-radius:5px;background-color:var(--color-bg-secondary)}.calendar .month{width:100%;height:100px;display:flex;font-size:1.2rem;font-weight:700;text-transform:capitalize;align-items:center;justify-content:center}.calendar .month>div{margin:0 10px}.calendar .month i{cursor:pointer;background:var(--monthNavigation-btn);border-radius:100px;font-weight:700;font-size:1.5rem;padding:10px}.calendar .month i:hover{background:var(--color-btn-primary);color:var(--color-bg-secondary)}.calendar .weekdays{width:100%;height:80px;display:flex;align-items:center;justify-content:space-between;font-size:.9rem;font-weight:500}.calendar .weekdays div{width:14.28%;height:100%;display:flex;align-items:center;justify-content:center}.calendar .days{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;font-size:.9rem;font-weight:500}.calendar .days .day{width:14.28%;height:75px;display:flex;align-items:center;justify-content:center;cursor:pointer}.calendar .days .day:not(.not-available,.next-month):hover{background-color:var(--color-btn-primary);color:var(--color-btn-text);font-size:1.2rem;font-weight:700}.available{background-color:var(--color-bg-secondary)}.not-available{pointer-events:none;background-color:var(--day-not-available);color:var(--color-text-primary)}.next-month{background-color:var(--color-bg-secondary)}.next-month:hover{background:var(--color-btn-primary);color:var(--color-btn-text);font-size:1.2rem;font-weight:700}.today{text-decoration:underline;font-size:1.2rem;font-weight:700}.days .active{font-size:1.5rem;font-weight:900;background-color:var(--color-btn-primary);color:var(--color-btn-text)}.contenedorRight{width:100%}.headerAgenda{display:flex;justify-content:space-around;align-items:center;margin:0}.headerAgenda h2{margin:0 20px;font-weight:500}.events{max-height:728px;overflow-y:auto;display:flex;justify-content:center;flex-wrap:wrap;max-height:450px}.events .event{position:relative;width:30%;min-height:70px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;margin:10px auto;border-radius:20px;border:solid 3px;text-transform:capitalize;background:var(--color-btn-primary);color:var(--color-btn-text);border-color:var(--color-border-highlight)}.events .event:hover{background:var(--color-btn-hover)}.fechaSeleccionada span{margin-top:10px;font-weight:700;font-size:large;font-weight:lighter}.filtros{display:flex;justify-content:center;align-items:center;margin:20px 0}.swal-confirmarReserva{display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-start;align-content:center}.swal-confirmarReserva p{text-align:start}@media (max-width: 360px){.contenedorGeneral{padding:0}}@media (min-width: 768px){.contenedorGeneral{width:768px;display:flex;flex-direction:column;max-width:768px}.contenedorServicio{width:40%;margin:20px 0}.contenedorLeftRight{display:flex;flex-direction:row;flex-wrap:nowrap;max-height:555px}.calendar{width:400px}.events{margin-top:0}}html,body{margin:0;padding:0;box-sizing:border-box;width:100%;height:100%;overflow-x:hidden}body{font-family:Inter,sans-serif;width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.componente-reserva{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding:16px;box-shadow:0 2px 10px #0000001a;border-radius:8px;max-height:100vh}.componente-reserva-id{display:none}.componente-reserva-header{display:flex;justify-content:space-between;align-items:center;width:100%;background-color:#000;color:#fff;padding:8px;border-radius:8px 8px 0 0}.componente-reserva-body{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding:16px}.componente-reserva-body>div{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 0;color:gray}.componente-reserva-borrar{text-align:start}.btn-eliminar{background-color:#7b0c0c;color:#fff;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:10px 2px;cursor:pointer;border-radius:8px}strong{color:#000}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;background-color:#000;color:#fff;box-shadow:0 -2px 10px #0003}.bottom-nav ul{display:flex;justify-content:space-around;list-style-type:none;margin:0 auto;padding:0}.bottom-nav ul:hover{cursor:pointer}.bottom-nav li{flex:1;text-align:center;padding:16px;color:#fff}.bottom-nav li.active a{color:#fc0}.bottom-nav li a{color:#fff;text-decoration:none}.bottom-nav li:hover a{color:#fc0}.no-ver-filtros{display:none}.ver-filtros{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:flex-start;width:100%;padding:16px;box-shadow:0 2px 10px #0000001a;border-radius:8px;max-height:100vh;align-items:center}.filtrosStepForm{display:flex;flex-direction:column;justify-content:center;align-items:center}.ver-filtros label{color:#000;font-size:16px;margin:4px 2px}.ver-filtros input,.input-seleccionar-barbero{padding:10px;margin:4px 2px;border-radius:8px;border:1px solid #000}.app-container{width:100%;padding-bottom:60px}.btn-filtros{background-color:#000;color:#fff;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:10px 2px;cursor:pointer;border-radius:8px}.btn-filtros:hover{background-color:#fff;color:#000;border:solid 1px}.seleccionarFiltro button{background-color:#000;color:#fff;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:10px 2px;cursor:pointer;border-radius:8px}.seleccionarFiltro button:hover{background-color:#fff;color:#000;border:solid 1px}.filtrosActionButtons{display:flex;justify-content:center;width:100%}.filtrosActionButtons button{background-color:#000;color:#fff;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:10px 2px;cursor:pointer;border-radius:8px}.filtrosActionButtons button:hover{background-color:#fff;color:#000;border:solid 1px}.contenedorInfoBarberos{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;width:100%;border:1px solid #000}.displayBarbers{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%}.displayBarbers>div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:16px;box-shadow:0 2px 10px #0000001a;border-radius:8px;margin:8px}.displayBarbers>div:hover{background-color:#000;color:#fff;cursor:pointer}.selectEditForm{display:flex;flex-direction:column;border-radius:8px}.selectEditForm span{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:16px 2px;box-shadow:0 2px 10px #0000001a;border-radius:8px;margin:8px 0}.selectEditForm span:hover{background-color:#000;color:#fff;cursor:pointer}.formStepAtras{background-color:#000;color:#fff;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:10px 2px;cursor:pointer;border-radius:8px}.formStepAtras:hover{background-color:#fff;color:#000;border:solid 1px}.formModificarDias{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;border-radius:8px}.form-group{display:flex;width:100%;padding:16px 0;box-shadow:0 2px 10px #0000001a;border-radius:8px;justify-content:space-around}.form-group:hover{background-color:#000;color:#fff;cursor:pointer}.btnActualizar{background-color:#000;color:#fff;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:10px 2px;cursor:pointer;border-radius:8px}.formModificarHorario{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:16px 0;border-radius:8px}.formModificarHorario .horario{display:flex;flex-wrap:wrap;align-items:center;width:100%;padding:16px 0;justify-content:space-evenly}.datosBarberoSeleccionado{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f2f2f2;border:solid;box-shadow:0 2px 10px #0000001a;padding:16px;border-radius:8px;margin:8px}.datosBarberoSeleccionado h2{margin-bottom:0}@media (min-width: 768px){.componente-reserva{padding:24px}.componente-reserva-header{height:auto;border-radius:8px 0 0 8px}.componente-reserva-body{height:auto;padding:24px}.componente-reserva-body>div{padding:12px 0}}