@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.navbar{display:flex;text-align:center;align-items:center}.navbar-logo{justify-content:start}.navbar-logo img{width:120px;height:120px}.div-titulo{display:flex;justify-content:center;overflow:hidden;height:100%;width:100%;margin-left:-40px}.titulo-h1{color:#000}.tu-logo{color:#000;font-weight:700;font-size:1.5rem}.h3{margin-top:20px;margin-bottom:10px;color:var(--color-letras)}.select-seccion option{font-size:14px;color:var(--color-letras);border-radius:5px;border:var(--border-input);border-radius:1rem;padding:1rem;font-size:1rem;color:#f5f5f5;transition:border .15s cubic-bezier(.4,0,.2,1)}.button-agendar:disabled{opacity:.6;cursor:not-allowed}.titulo-servicio{font-family:var(--font);color:var(--color-letras);font-weight:400}.titulo{display:flex;justify-content:center;align-items:center;color:var(--titulo-color);font-family:var(--font);margin-top:10px}.profesionales-selector{display:flex;gap:1rem;flex-wrap:wrap;justify-content:space-between;margin:2rem auto;width:100%}.prof-card{background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid transparent;border-radius:16px;padding:1rem;text-align:center;width:140px;cursor:pointer;box-shadow:0 6px 18px #0003;color:#000;transition:all .3s ease;position:relative}.prof-card:hover{transform:translateY(-4px);border-color:#fff3}.prof-card.selected{background:#1e1e1e62;border:var(--border-input);box-shadow:0 8px 20px #9246088f}.prof-card-img{width:80px;height:80px;object-fit:cover;border-radius:50%;border:2px solid rgba(255,255,255,.3);margin-bottom:.5rem}.prof-card p{font-size:.95rem;font-weight:500;margin:0}@media (max-width: 600px){.prof-card{width:100px;padding:.7rem}.prof-card-img{width:60px;height:60px}.prof-card p{font-size:.85rem}}.loader-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.loader{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}section{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;background:url(/assets/vanesamonteros-C4LSNr1w.png);background-position:center;background-size:contain;background-repeat:no-repeat}.fomrs{display:flex;flex-direction:column;align-items:center;font-family:var(--font)}.form-box{position:relative;width:400px;height:450px;display:flex;align-items:center;justify-content:center;background:#0000008f;border:2px solid #fff;border-radius:10px}.h2-login{font-size:2rem;color:var(--color-letras-boton);font-family:var(--font);text-align:center}.input-box{position:relative;margin:30px 0;width:320px;border-bottom:2px solid #fff}.input-box label{position:absolute;top:-35%;left:5px;color:#fff;transform:translateY(-50%);pointer-events:none;font-size:1rem;transition:.5s}.input-box input{width:100%;height:25px;background:transparent;outline:none;border:none;font-size:1em;padding:0 35px 0 5px;color:#fff}.input-box ion-icon{position:absolute;right:8px;color:#fff;font-size:1.2em}.f-password{margin:-15px 0 15px;font-size:.9em;color:#fff;display:flex;justify-content:space-between}.f-password label input{margin-right:3px}.f-password a:hover{color:#fff}.button-inicio{display:block;margin:20px auto;background:var(--color-boton);color:var(--color-letras-boton);font-family:Segoe UI,sans-serif;font-weight:700;font-size:18px;border:none;border-radius:30px;padding:14px 28px;cursor:pointer;box-shadow:0 5px 15px #0003;animation:button-shimmer 2s infinite;transition:all .3s ease-in-out}.button-inicio:hover{background:var(--color-boton);animation:button-particles 1s ease-in-out infinite;transform:translateY(-2px)}.button-inicio:active{transform:scale(.95);box-shadow:0 2px 10px #0000004d}@media (max-width: 600px){.form-box{border:none}}.estado-peluquero{display:flex;flex-direction:column;align-items:center;margin-top:20px}h2{font-family:var(--font);color:var(--color-letras);font-size:20px;margin-bottom:20px;font-size:1.5rem;text-align:center}.p-estado{font-family:var(--font);color:var(--color-letras);width:80%;text-align:center;margin-bottom:20px}.demora{font-family:var(--font);margin-top:20px;width:80%;text-align:center}.info-turno{display:flex;flex-direction:column;align-items:center;justify-content:center}.input-estado{font-size:14px;width:80%;border:solid 1.5px #9e9e9e;border-radius:1rem;background:none;padding:1rem;font-size:1rem;color:var(--color-letras);transition:border .15s cubic-bezier(.4,0,.2,1);outline:none;border:var(--border-input)}.button-estado{margin-top:20px;position:relative;display:inline-block;background:var(--color-boton);color:var(--color-letras-boton);font-family:Segoe UI,sans-serif;font-weight:700;font-size:18px;border:none;border-radius:30px;padding:14px 28px;cursor:pointer;box-shadow:0 5px 15px #0003;animation:button-shimmer 2s infinite;transition:all .3s ease-in-out}.button-estado:hover{background:var(--color-boton);animation:button-particles 1s ease-in-out infinite;transform:translateY(-2px)}.button-estado:active{transform:scale(.95);box-shadow:0 2px 10px #0000004d}.button-estado2{margin-top:20px;margin-bottom:20px;position:relative;display:inline-block;background:linear-gradient(to bottom,#5a0b0b,#c01b1b);color:#fff;font-family:Segoe UI,sans-serif;font-weight:700;font-size:18px;border:none;border-radius:30px;padding:14px 28px;cursor:pointer;box-shadow:0 5px 15px #0003;animation:button-shimmer 2s infinite;transition:all .3s ease-in-out}.estado-demoras-container{width:90%;max-width:1000px;margin:2rem auto;padding:1.5rem;font-family:Segoe UI,sans-serif}.estado-demoras-cargando{text-align:center;font-size:1rem;color:#555}.estado-demoras-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.demora-card-cliente{background:#fff3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:14px;box-shadow:0 8px 20px #00000012;padding:1rem 1.25rem;border:1px solid rgba(255,255,255,.3);transition:all .3s ease;text-align:center}.demora-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0000001f}.h3-demora{margin:0 0 .5rem;font-size:1.1rem;color:#2c3e50;font-weight:600}.demora-card p{font-size:.95rem;color:#444}.recomendaciones-cliente{padding:2rem 1rem;font-family:Segoe UI,sans-serif;max-width:1200px;margin:0 auto;box-sizing:border-box;width:100%}.recomendaciones-cliente h2{text-align:center;margin-bottom:2rem;font-size:2rem;color:#2c3e50;font-weight:600}.reco-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.5rem;width:100%;box-sizing:border-box;padding:5px}.reco-card{background:#fff3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;box-shadow:0 8px 24px #00000014;transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between;max-width:100%;box-sizing:border-box}.reco-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px #00000026}.reco-card img{width:100%;max-width:100%;height:180px;object-fit:contain;display:block;margin-top:10px}.reco-card h3{font-size:1.2rem;margin:1rem 1rem .5rem;color:#2d3436;font-weight:600;text-align:center}.reco-card p{text-align:center;font-size:.95rem;color:#555;margin:0 1rem .75rem;line-height:1.4}.reco-card strong{text-align:center;font-size:1.1rem;margin:0 1rem 1rem;color:#2e7d32;font-weight:600}@media (max-width: 480px){.recomendaciones-cliente h2{font-size:1.5rem}.reco-card h3{font-size:1.05rem}.reco-card p{font-size:.9rem}.reco-card strong{font-size:1rem}}.recomendaciones-cliente,.reco-grid,.reco-card{overflow-x:hidden}.button-turno{margin-top:10px;position:relative;display:inline-block;background:var(--color-boton);color:#fff;font-family:Segoe UI,sans-serif;font-weight:700;font-size:18px;border:none;border-radius:30px;padding:14px 28px;cursor:pointer;box-shadow:0 5px 15px #0003;animation:button-shimmer 2s infinite;transition:all .3s ease-in-out}.button-turno:hover{background:var(--color-boton);animation:button-particles 1s ease-in-out infinite;transform:translateY(-2px)}.button-turno:active{transform:scale(.95);box-shadow:0 2px 10px #0000004d}.div-button{display:flex;justify-content:center;margin-bottom:20px}.select-servicio{outline:none;border:var(--border-input);width:100%;margin-top:20px;font-size:14px;border-radius:1rem;background:none;padding:1rem;font-size:1rem;color:var(--color-letras);transition:border .15s cubic-bezier(.4,0,.2,1)}.select-servicio option{font-size:14px;background-color:var(--background-options);color:var(--color-letras);border-radius:5px;border:var(--border-input);border-radius:1rem;padding:1rem;font-size:1rem;transition:border .15s cubic-bezier(.4,0,.2,1)}@media (max-width: 600px){.form-reserva{width:80%;display:flex;flex-direction:column;text-align:center;margin:auto}.seccion{display:flex;justify-content:center;max-width:100%;width:100%}.div-tel{display:flex;flex-direction:column;width:100%}.seccion-2{display:flex;flex-direction:column}.input-gral2{width:90%}}@media (min-width: 600px){.form-reserva{width:60%;display:flex;flex-direction:column;text-align:center;margin:auto}.seccion{display:flex;justify-content:center;max-width:100%;width:100%}.div-tel{display:flex;flex-direction:column;width:100%}.seccion-2{display:flex;flex-direction:column}.input-gral2{width:90%}}.h3{margin-top:20px;margin-bottom:10px}.input-gral{font-size:14px;width:100%;border:solid 1.5px #9e9e9e;border-radius:1rem;background:none;padding:1rem;font-size:1rem;color:var(--color-letras);transition:border .15s cubic-bezier(.4,0,.2,1);outline:none;border:var(--border-input)}.input-gral2{margin-top:20px;max-width:100%;width:100%;font-size:14px;border:solid 1.5px #9e9e9e;border-radius:1rem;background:none;padding:1rem;font-size:1rem;color:var(--color-letras);transition:border .15s cubic-bezier(.4,0,.2,1);outline:none;border:var(--border-input);box-sizing:border-box}.div-tel{display:flex;justify-content:space-between;width:100%}.seccion-2{display:flex;justify-content:space-around}.select-seccion{outline:none;border:var(--border-input);width:100%;margin-top:20px;font-size:14px;border-radius:1rem;background:none;padding:1rem;font-size:1rem;color:var(--color-letras);transition:border .15s cubic-bezier(.4,0,.2,1)}.select-seccion option{font-size:14px;background-color:var(--background-options);color:var(--color-letras);border-radius:5px;border:var(--border-input);border-radius:1rem;padding:1rem;font-size:1rem;transition:border .15s cubic-bezier(.4,0,.2,1)}.titulo-servicio{font-family:var(--font);font-weight:400}.div-serv{margin-top:20px}.titulo{display:flex;justify-content:center;align-items:center;font-family:var(--font);margin-top:10px}.titulo svg{font-size:50px;padding:0 20px}.div-date{margin-top:20px;display:flex;flex-direction:column;max-width:100%;justify-content:center;align-items:center}.select-seccion2{outline:none;border:var(--border-input);max-width:100%;width:100%;margin-top:20px;font-size:14px;border-radius:1rem;background:none;padding:1rem;font-size:1rem;color:var(--color-letras);transition:border .15s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.buttons{margin-top:20px;padding:10px;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-bottom:20px}.buttons svg{font-size:15px;padding:0 10px}.custom-warning-icon .swal2-warning{color:red}.custom-icon .swal2-success,.custom-icon .swal2-success .swal2-success-ring{border-color:red}.button-agendar{margin-top:20px;margin-bottom:20px;position:relative;display:inline-block;background:var(--color-boton);color:var(--color-letras-boton);font-family:Segoe UI,sans-serif;font-weight:700;font-size:18px;border:none;border-radius:30px;padding:14px 28px;cursor:pointer;box-shadow:0 5px 15px #0003;animation:button-shimmer 2s infinite;transition:all .3s ease-in-out}.button-agendar:hover{background:var(--color-boton);animation:button-particles 1s ease-in-out infinite;transform:translateY(-2px)}.button-agendar:active{transform:scale(.95);box-shadow:0 2px 10px #0000004d}.div-fijo{display:flex;justify-content:center;align-items:center}.div-recurrencia{margin-bottom:50px}.cyberpunk-checkbox2{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border:2px solid black;border-radius:5px;margin-top:15px;margin-right:10px;background-color:transparent;display:inline-block;position:relative;cursor:pointer}.cyberpunk-checkbox2:before{content:"";background-color:green;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;border-radius:3px;transition:all .3s ease-in-out}.cyberpunk-checkbox2:checked:before{transform:translate(-50%,-50%) scale(1)}.div-config{max-width:1000px;margin:2rem auto;padding:2rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 10px 30px #00000026;font-family:Segoe UI,sans-serif;color:#222;box-sizing:border-box}.h2-horarios{text-align:center;font-size:2rem;font-weight:600;margin-bottom:2.5rem;color:#2c3e50}.div-day{margin-bottom:1.5rem;padding:1.5rem;border-radius:16px;background:#ffffffea;box-shadow:0 4px 16px #00000012;transition:transform .3s ease;display:flex;flex-direction:column;gap:1rem}.div-day:hover{transform:translateY(-2px)}.div-trabajo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.div-trabajo h3{font-size:1.2rem;font-weight:500;margin:0}.cyberpunk-checkbox-label{display:flex;align-items:center}.cyberpunk-checkbox{width:20px;height:20px;accent-color:#4e73df}.div-hora1,.div-hora2,.div-intervalo{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.div-hora1 label,.div-hora2 label,.div-intervalo label{flex:1 1 45%;display:flex;flex-direction:column;font-size:.95rem;color:#444}.input-hora,.select-intervalo{margin-top:.3rem;padding:.6rem;border-radius:8px;border:1px solid #ccc;font-size:1rem;width:100%;background-color:#fefefe;transition:border-color .3s}.input-hora:focus,.select-intervalo:focus{border-color:#4e73df;outline:none}.select-intervalo{cursor:pointer}.button-horario{display:block;margin:2.5rem auto 0;background:var(--color-boton, #4e73df);color:#fff;padding:.85rem 1.8rem;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 14px #0003;transition:background .3s ease,transform .2s ease}.button-horario:hover{background:#3c5ccf;transform:scale(1.02)}@media (max-width: 768px){.div-hora1 label,.div-hora2 label,.div-intervalo label{flex:1 1 100%}.div-trabajo{flex-direction:column;align-items:flex-start}}.servicios-container{max-width:800px;margin:2rem auto;padding:2rem;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;box-shadow:0 8px 28px #00000026;font-family:Segoe UI,sans-serif}.servicios-titulo{font-size:2rem;text-align:center;color:#2c3e50;margin-bottom:1.5rem}.servicio-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.servicio-input{padding:.75rem 1rem;border:1px solid #ccc;border-radius:10px;font-size:1rem;width:100%;outline:none;transition:border-color .3s}.servicio-input:focus{border-color:var(--color-boton, #4e73df)}.servicio-btn{padding:.75rem;background:var(--color-boton, #4e73df);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:background .3s ease}.servicio-subtitulo{font-size:1.4rem;margin-bottom:1rem;color:#333}.servicio-lista{list-style:none;padding:0;margin:0}.servicio-card{background:#fff;border-radius:14px;box-shadow:0 4px 18px #00000014;padding:1rem 1.5rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.6rem}.servicio-nombre{font-size:1.2rem;color:#222}.servicio-datos{font-size:1rem;color:#555}.servicio-editar span{display:block;margin-bottom:.5rem;font-size:.95rem}.servicio-editar input{margin-left:.5rem;padding:.3rem .6rem;border-radius:6px;border:1px solid #ccc;font-size:.95rem}.servicio-actions{display:flex;gap:.6rem;flex-wrap:wrap}.servicio-actions button{flex:1;padding:.6rem;font-size:.95rem;border-radius:8px;border:none;background-color:var(--color-boton, #4e73df);color:#fff;font-weight:500;cursor:pointer;transition:background .3s ease}@media (max-width: 480px){.servicio-actions{flex-direction:column}.servicio-card{padding:1rem}}.servicio-orden-buttons{display:flex;gap:.3rem;position:absolute;right:1rem;top:1rem}.servicio-orden-buttons button{background:#e0e0e0;border:none;border-radius:6px;width:28px;height:28px;cursor:pointer;font-weight:700;transition:background .2s}.servicio-orden-buttons button:hover{background:var(--color-boton, #4e73df);color:#fff}.servicio-card{position:relative}.bottom-navbar{position:fixed;bottom:0;left:0;width:100%;background:#00000048;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-around;align-items:center;padding:10px 0;z-index:1000;border-top:1px solid rgba(255,255,255,.2);border-radius:10px 10px 0 0}.nav-icon{color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;width:100px;font-weight:500;font-size:14px;transition:color .3s ease,transform .3s ease}.nav-icon:hover{color:#fc0;transform:scale(1.1)}.dropdown-menu{position:fixed;bottom:65px;left:50%;transform:translate(-50%);background:#ffffffe6;border-radius:12px;box-shadow:0 4px 15px #0000004d;padding:15px;z-index:1000;width:60%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .3s ease-in-out}.dropdown-menu ul{list-style:none;margin:0;padding:0}.dropdown-menu ul li{margin:12px 0}.dropdown-menu ul li a{text-decoration:none;color:#333;font-size:16px;font-weight:400;display:flex;align-items:center;transition:color .3s ease,transform .3s ease}.dropdown-menu ul li a:hover{color:#fc0;transform:translate(5px)}.dropdown-menu ul li a svg{margin-right:10px}.dropdown-menu.open{transform:translateY(0)}h3{display:flex;font-family:var(--font);margin:30px 0;font-size:24px;align-items:center;justify-content:center}.ul-nav{display:flex;flex-direction:column;list-style:none;padding:0;justify-content:center;align-items:center}.desktop-navbar{position:fixed;top:0;left:0;height:100%;width:20%;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;display:flex;flex-direction:column;align-items:flex-start;padding:20px;z-index:1000;overflow-y:auto;overflow-x:hidden;box-shadow:2px 0 15px #0000004d;border-right:1px solid rgba(255,255,255,.2);border-radius:0 10px 10px 0;transition:all .3s ease-in-out}.desktop-navbar ul{list-style:none;padding:0;margin:0;width:100%}.desktop-navbar ul li{margin:20px 0;width:100%;border-bottom:1px solid #444}.desktop-navbar ul li a,.desktop-navbar ul li a:visited{color:#fff;text-decoration:none;display:flex;align-items:center;gap:15px;font-size:18px;padding:12px 15px;border-radius:6px;transition:background-color .3s ease,transform .3s ease;font-weight:500}.desktop-navbar ul li a:hover{background-color:#fc0;color:#333;transform:scale(1.05)}.desktop-navbar ul li a svg{flex-shrink:0;transition:transform .3s ease}.desktop-navbar ul li a:hover svg{transform:translate(5px)}.desktop-navbar::-webkit-scrollbar{width:8px}.desktop-navbar::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.desktop-navbar::-webkit-scrollbar-thumb:hover{background-color:#777}.desktop-navbar::-webkit-scrollbar-track{background-color:#333}.app-layout{display:flex;flex-direction:row;height:100%;overflow:hidden}.div-estado{height:100%}.responsive-navbar{width:20%;min-width:20%;height:auto;padding:20px;background-color:transparent;color:#fff;overflow-y:auto;height:100vh}.app-content{flex-grow:1;overflow-y:auto;box-sizing:border-box}@media (max-width: 1000px){.app-layout{flex-direction:column}.responsive-navbar{width:100%;height:auto}.app-content{width:100%;min-height:100vh;overflow-y:auto}}.caja-container{max-width:800px;margin:0 auto;padding:20px;background:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a;font-family:Arial,sans-serif}.titulo{text-align:center;color:#333;margin-bottom:20px}.fecha-filtros{display:flex;gap:10px;margin-bottom:20px;margin-top:20px}.grafico-container{display:flex;justify-content:center;margin:20px 0}.MuiTable-root{margin-top:20px}.MuiTableCell-root{text-align:center}.MuiTableRow-head{background-color:#36a2eb;color:#fff}.productos-container{padding:20px;max-width:1200px;margin:0 auto}.productos-title{text-align:center;font-size:2rem;color:var(--color-letras);margin-bottom:20px;font-family:var(--font)}.productos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 1024px){.productos-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.productos-grid{grid-template-columns:repeat(2,1fr)}}.producto-card{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:default}.producto-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #0003}.producto-image{width:100%;height:200px;object-fit:contain}.producto-info{padding:15px;display:flex;flex-direction:column;justify-content:space-between}.producto-title{font-size:1.2rem;color:#333;margin-bottom:10px;text-align:center;font-family:var(--font)}.producto-description{display:flex;font-size:.9rem;color:#666;margin-bottom:10px;line-height:1.4;height:100%;justify-content:center;text-align:center}.producto-price{font-size:1rem;color:#27ae60;font-weight:700;text-align:center}.cambiar-contraseña-container{max-width:500px;margin:2rem auto;padding:2rem;border-radius:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 32px #0000001a;font-family:Segoe UI,sans-serif;color:#333;text-align:center}.titulo{font-size:1.8rem;margin-bottom:1.5rem;color:#2c3e50}.input-contraseña .MuiInputBase-root{background:#fff;border-radius:8px;margin-bottom:10px}.boton-cambiar{margin-top:1.5rem;background-color:var(--color-boton)!important;color:#fff!important;font-weight:700;border-radius:8px;padding:.6rem 1.2rem;transition:background-color .3s}.boton-cambiar:hover{background-color:#3c5ccf!important}.mensaje{margin-top:1rem;color:red;font-size:.95rem}.h2-panel{margin-top:30px;font-size:1.5rem;font-family:var(--letra);color:var(--color-letras)}.demoras-container-admin{max-width:700px;margin:2rem auto;padding:2rem;background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;box-shadow:0 8px 24px #00000026;font-family:Segoe UI,sans-serif}.demoras-title-admin{text-align:center;font-size:1.8rem;margin-bottom:2rem;color:#2c3e50;font-weight:600}.demoras-profesionales{display:flex;flex-direction:column;gap:1rem}.demora-card-admin{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;transition:transform .3s}.demora-card-admin:hover{transform:translateY(-2px)}.demora-nombre{font-size:1rem;font-weight:500;color:#333}.demora-input{width:100px;padding:.5rem .75rem;font-size:1rem;border-radius:8px;border:1px solid #ccc;text-align:center;outline:none;transition:border-color .3s}.demora-input:focus{border-color:#4e73df}.mostrar-check{margin-top:2rem;margin-bottom:1.5rem;display:flex;justify-content:center}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#444}.checkbox-label input[type=checkbox]{transform:scale(1.3);accent-color:var(--color-boton);margin-left:8px;margin-right:8px}.demoras-button{display:block;margin:0 auto;background:var(--color-boton, #4e73df);color:#fff;padding:.75rem 1.5rem;border:none;font-size:1rem;font-weight:600;border-radius:10px;cursor:pointer;transition:background .3s ease}@media (max-width: 480px){.demora-card-admin{flex-direction:column;align-items:flex-start;gap:.5rem}.demora-input{width:80%}}.codigos-admin{max-width:800px;margin:2rem auto;padding:2rem;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;box-shadow:0 8px 24px #0000001f;font-family:Segoe UI,sans-serif}.codigos-title{text-align:center;font-size:1.8rem;color:#2c3e50;margin-bottom:2rem;font-weight:600}.codigos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.codigo-card{background:#fff;border-radius:14px;padding:1rem 1.2rem;box-shadow:0 4px 12px #00000014;transition:transform .2s ease;text-align:center}.codigo-card:hover{transform:translateY(-3px)}.codigo-card h4{font-size:1.1rem;margin-bottom:.5rem;color:#333}.codigo-texto{font-size:1.2rem;color:#4e73df;font-weight:700;word-break:break-all}.loader-codigos,.error-codigos{text-align:center;font-size:1.1rem;color:#555;margin-top:2rem}@media (max-width: 480px){.codigos-title{font-size:1.5rem}.codigo-card h4,.codigo-texto{font-size:1rem}}@media (max-width: 400px){.codigos-grid{grid-template-columns:1fr}.codigo-card{padding:1rem;font-size:.95rem}.codigo-texto{font-size:1rem}}.recomendaciones-admin{max-width:900px;margin:2rem auto;padding:2rem;background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;box-shadow:0 8px 24px #0000001a;font-family:Segoe UI,sans-serif;border:1px solid rgba(255,255,255,.3)}.recomendaciones-admin h2,.recomendaciones-admin h3{margin-bottom:1rem;color:#2c3e50;text-align:center}.form-reco{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.form-reco input,.form-reco textarea{padding:.75rem;border-radius:10px;border:1px solid #ccc;font-size:1rem;font-family:inherit;background:#fffc;box-shadow:inset 0 1px 2px #0000000d;transition:border .3s ease}.form-reco input:focus,.form-reco textarea:focus{border-color:var(--color-boton);outline:none}.form-reco textarea{resize:vertical;min-height:100px}.form-reco button{align-self:flex-start;padding:.75rem 1.5rem;background:var(--color-boton);color:#fff;border:none;border-radius:10px;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s;min-width:150px;height:100%}.form-reco button:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0003}.lista-reco{list-style:none;padding:0;margin:0}.reco-item{display:flex;align-items:center;justify-content:space-between;background:#ffffffd9;padding:.75rem 1rem;border-radius:10px;margin-bottom:.7rem;box-shadow:0 4px 12px #0000000d;gap:1rem;flex-wrap:wrap}.reco-titulo{flex:2;font-weight:600;color:#333;min-width:150px}.reco-precio{flex:1;font-size:1rem;color:#2e7d32;font-weight:600;min-width:70px;text-align:center}.reco-item.activa{background-color:#e9f4ff}.lista-reco li{padding:.75rem 1rem;border-radius:10px;background:#ffffffe6;display:flex;justify-content:space-between;align-items:center;transition:background .2s ease;box-shadow:0 2px 8px #0000000f;gap:1rem;flex-wrap:wrap;width:100%}.lista-reco li.activa{background-color:#d1e6ff99;font-weight:600;border-left:4px solid var(--color-boton)}.reco-actions{flex:3;display:flex;gap:.5rem;align-items:center;justify-content:flex-end;flex-wrap:wrap;min-width:220px;box-sizing:border-box}.reco-actions button,.reco-check input[type=checkbox]{height:36px;padding:0 12px;background:var(--color-boton);color:#fff;border:none;border-radius:8px;font-size:.9rem;cursor:pointer}.reco-actions button:hover{background-color:#444}.reco-check{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#333}.reco-actions input[type=checkbox]{transform:scale(1.3);accent-color:var(--color-boton);margin-left:8px;margin-right:8px}@media (max-width: 480px){.reco-titulo{text-align:center}.reco-actions{flex-direction:column;align-items:stretch;justify-content:center;align-items:center}.reco-actions button,.reco-actions label{width:60%;justify-content:center}}.panel-admin{width:80%;margin:1.2rem auto;border-radius:12px;overflow:hidden;background:#ffffff40;box-shadow:0 8px 20px #00000014;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s ease;border:1px solid rgba(255,255,255,.3)}.panel-admin:hover{box-shadow:0 10px 24px #0000001f;transform:translateY(-2px)}.panel-header{padding:1rem 1.25rem;background:#ffffff59;border-bottom:1px solid rgba(255,255,255,.3);color:#333;font-weight:600;font-size:1.1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;transition:background .2s ease}.panel-header:hover{background:#ffffff73}.panel-header span{font-size:1.2rem;color:#666;transition:transform .3s ease}.panel-body{padding:1rem 1.5rem;background:#ffffff26;color:#444;font-size:.95rem;animation:fadeIn .25s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.whatsapp-float{position:fixed;bottom:70px;right:30px;width:60px;height:60px;background-color:#25d366;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 8px #0003;transition:transform .3s ease,box-shadow .3s ease;z-index:1000;text-decoration:none}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 12px #0000004d}.whatsapp-icon{width:35px;height:35px}@media (min-width: 1000px){.whatsapp-float{bottom:50px;right:30px;width:70px;height:70px}.whatsapp-icon{width:45px;height:45px}}@media (max-width: 999px){.whatsapp-float{bottom:70px;right:20px;width:50px;height:50px}.whatsapp-icon{width:30px;height:30px}}.button-acciones{position:relative!important;display:inline-block!important;background:var(--color-boton)!important;color:var(--color-letras-boton)!important;font-family:Segoe UI,sans-serif!important;font-weight:700!important;font-size:12px!important;border:none!important;border-radius:30px!important;cursor:pointer!important;box-shadow:0 5px 15px #0003!important;animation:button-shimmer 2s infinite!important;transition:all .3s ease-in-out}.button-acciones:hover{background:var(--color-boton);animation:button-particles 1s ease-in-out infinite;transform:translateY(-2px)}.button-acciones:active{transform:scale(.95);box-shadow:0 2px 10px #0000004d}.reservas-container{padding:1rem;font-family:var(--font);height:100%}h3{text-align:center;margin-bottom:1rem;font-size:1.5rem;color:#333}.div-control{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem;width:95%;margin:10px auto}.div-control>div{flex:1;min-width:200px}.custom-table{width:100%;border-collapse:collapse}.custom-table-container{display:block}.custom-table th,.custom-table td{padding:.8rem;text-align:left;font-size:.8rem;border-bottom:1px solid #ddd}.custom-table th{background-color:#f5f5f5;color:#555}.custom-table tbody tr:nth-child(2n){background-color:#f9f9f9}.button-acciones{background-color:#007bff;color:#fff;font-size:.8rem;padding:.3rem .6rem;border:none;cursor:pointer;border-radius:4px}.button-acciones:hover{background-color:#0056b3}.reservas-cards{display:none}@media (max-width: 768px){.custom-table,.custom-table-container{display:none}.reservas-cards{display:block}.reservas-container .reservas-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 4px #0000001a}.reservas-container .reservas-card .card-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.reservas-container .reservas-card .card-row span{font-weight:700;color:#555}.reservas-container .reservas-card .card-row p{margin:0;color:#777}}.card-row{display:flex;align-items:center;gap:8px;font-family:var(--font);font-size:16px;margin:10px 0}.card-row p{margin:0;padding:5px 10px;border-radius:8px;font-weight:700;text-align:center}.card-row .status-sin-realizar{background-color:#e74c3c;color:#fff!important}.card-row .status-en-proceso{background-color:#f1c40f;color:#000!important}.status-label{display:inline-block;padding:4px 8px;border-radius:10px;font-size:14px;text-align:center;font-family:Arial,sans-serif}.status-sin-realizar{background-color:#e74c3c;color:#fff}.status-finalizado{background-color:#0ff12d;color:#000}h3{color:var(--color-letras)}.calendario{display:flex;flex-direction:column}.calendario-navigation{display:flex;margin-bottom:10px;margin-right:30px}.calendario-header{display:flex;justify-content:space-around}.calendario-grid{display:flex}.calendario-column{position:relative;flex:1}.horas-container{position:relative}.calendario-hora{height:69px;color:#000}.calendario-hora.descanso{background-color:#464545}.calendario-hora.trabajando{display:flex;justify-content:center;align-items:center}.espacio-en-blanco{background-color:transparent;height:30px;color:transparent}.calendario-contenedor{position:relative;width:100%;max-width:700px;display:grid;grid-template-columns:repeat(auto-fill,50px);grid-auto-rows:50px;border:1px solid #ccc}.calendario-hora{border-bottom:1px solid black;border-right:1px solid black;position:relative;text-align:center;background-color:#fee0c4;font-size:12px}.reserva{text-align:center;position:absolute;width:100%;max-width:100%;background-color:#f50505;color:#fff;box-sizing:border-box;font-size:12px;border:1px solid black;cursor:pointer}.reserva-pendiente{display:flex;justify-content:center;background-color:#f50505;text-align:center;position:absolute;width:100%;max-width:100%;color:#fff;padding:5px;box-sizing:border-box;font-size:12px;border:1px solid black;cursor:pointer}.reserva-en-proceso{display:flex;justify-content:center;background-color:#ff9800;text-align:center;position:absolute;width:100%;max-width:100%;color:#fff;box-sizing:border-box;font-size:12px;border:1px solid black;cursor:pointer}.reserva-finalizada{display:flex;justify-content:center;text-align:center;position:absolute;width:100%;max-width:100%;background-color:#4caf50;color:#fff;box-sizing:border-box;font-size:12px;border:1px solid black;cursor:pointer}.calendario-navigation{display:flex;justify-content:center;align-items:center}.button-semana{margin-top:10px;width:100%;margin-left:10px;position:relative;display:inline-block;background:var(--color-boton);color:var(--color-letras-boton);font-family:var(--font);font-weight:700;font-size:16px;border:none;border-radius:30px;padding:10px;cursor:pointer;box-shadow:0 5px 15px #0003;animation:button-shimmer 2s infinite;transition:all .3s ease-in-out}.calendario-dia{color:var(--color-letras);display:flex;justify-content:center;align-items:center}.div-dia{display:flex;justify-content:center;text-align:center}.button-semana:hover{background:var(--color-boton);animation:button-particles 1s ease-in-out infinite;transform:translateY(-2px)}.button-semana:active{transform:scale(.95);box-shadow:0 2px 10px #0000004d}.text{height:100%;display:flex;justify-content:center;align-items:center;font-family:var(--font)}.calendario-view-buttons{display:flex}.div-contenedor-calendar{display:flex;justify-content:space-between;margin-top:20px}.button-dias{margin-top:10px;margin-left:10px;position:relative;display:inline-block;background:var(--color-boton);color:var(--color-letras-boton);font-family:var(--font);font-weight:700;font-size:16px;border:none;border-radius:30px;padding:10px;cursor:pointer;box-shadow:0 5px 15px #0003;animation:button-shimmer 2s infinite;transition:all .3s ease-in-out}.btn-info{background-color:#ff0;color:#000;padding:10px 15px;border:0;border-radius:.25em;font-size:1em;margin-bottom:20px}.btn-cambio{background-color:#0be680;color:#000;padding:10px 15px;border:0;border-radius:.25em;font-size:1em}@media (min-width: 150px){.button-semana,.button-dias,.button-codigo{font-size:12px}.calendario-header{display:flex;justify-content:space-around;text-align:center}.calendario-dia{display:flex;font-size:14px;align-items:center;justify-content:space-around}.text{height:100%;display:flex;justify-content:center;align-items:center}.swal2-title{font-size:20px}}@media (min-width: 450px){.button-semana,.button-dias,.button-codigo{font-size:14px}.calendario-header{display:flex;justify-content:space-around;text-align:center}.calendario-dia{display:flex;font-size:14px;align-items:center;justify-content:space-around}.text{height:100%;display:flex;justify-content:center;align-items:center;font-size:14px}.swal2-title{font-size:20px}.swal2-title .label-edit{font-size:10px}}.vista-dia .calendario-dia{font-size:20px}.vista-tres .calendario-dia{font-size:15px}.vista-semana .calendario-dia{font-size:10px}.vista-dia .text{font-size:14px}.vista-tres .text{font-size:10px}.vista-semana .text{font-size:6px}.button-oculto{display:none}@media (min-width: 1024px){.button-oculto{margin-top:10px;margin-left:10px;position:relative;display:inline-block;background:var(--color-boton);color:var(--color-letras-boton);font-family:var(--font);font-weight:700;font-size:16px;border:none;border-radius:30px;padding:10px;cursor:pointer;box-shadow:0 5px 15px #0003;animation:button-shimmer 2s infinite;transition:all .3s ease-in-out}}.demoras-container{max-width:700px;margin:2rem auto;padding:2rem;background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;box-shadow:0 8px 24px #00000026;font-family:Segoe UI,sans-serif}.demoras-title{text-align:center;font-size:1.8rem;margin-bottom:2rem;color:#2c3e50;font-weight:600}.demora-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;gap:1rem}.demora-item{display:flex;flex-direction:column;gap:.3rem}.demora-label{font-size:1rem;color:#555;font-weight:500}.demora-nombre{font-size:1rem;color:#333;background:#f9f9f9;padding:.6rem .9rem;border-radius:8px;border:1px solid #ddd}.demoras-input{padding:.6rem .9rem;font-size:1rem;border-radius:8px;border:1px solid #ccc;text-align:center;outline:none;transition:border-color .3s}.demoras-input:focus{border-color:#4e73df}.demoras-button{display:block;margin:2rem auto 0;background:var(--color-boton, #4e73df);color:#fff;padding:.75rem 1.5rem;border:none;font-size:1rem;font-weight:600;border-radius:10px;cursor:pointer;transition:background .3s ease}.demoras-button:hover{background:#3c5ccf}@media (max-width: 480px){.demora-nombre{font-size:.95rem}.demoras-input{font-size:1rem}.demora-card{padding:1rem}.demoras-button{width:100%}}.code{display:flex;flex-direction:column;justify-content:center;align-items:center}.div-code{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20px}.button-codigo{margin-top:10px;position:relative;display:inline-block;background:var(--color-boton);color:var(--color-letras-boton);font-family:Segoe UI,sans-serif;font-weight:700;font-size:18px;border:none;border-radius:30px;padding:14px 28px;cursor:pointer;box-shadow:0 5px 15px #0003;animation:button-shimmer 2s infinite;transition:all .3s ease-in-out}.button-codigo:hover{background:var(--color-boton);animation:button-particles 1s ease-in-out infinite;transform:translateY(-2px)}.button-codigo:active{transform:scale(.95);box-shadow:0 2px 10px #0000004d}@keyframes button-shimmer{0%{background-position:left top}to{background-position:right bottom}}@keyframes button-particles{0%{background-position:left top}to{background-position:right bottom}}@media (max-width: 600px){.button-codigo{font-size:14px}}.perfil-container{width:80%;margin:2rem auto;background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;box-shadow:0 8px 24px #00000026;font-family:Segoe UI,sans-serif;overflow:hidden;padding:2rem;box-sizing:border-box}.perfil-title{font-size:1.8rem;text-align:center;color:#2c3e50;font-weight:600;margin-bottom:2rem}.perfil-card{display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap}.perfil-img-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.perfil-img{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid #4e73df;box-shadow:0 6px 16px #00000026}.perfil-input-file{font-size:.9rem;color:#444;background-color:#f2f2f2;border-radius:6px;padding:.4rem .8rem;border:none;text-align:center;cursor:pointer;transition:all .3s ease}.perfil-input-file:hover{background-color:#e4e4e4}.perfil-info{display:flex;flex-direction:column;gap:1rem;max-width:320px;width:100%;justify-content:center}.perfil-input{padding:.75rem 1rem;border-radius:10px;border:1px solid #ccc;font-size:1rem;box-sizing:border-box;width:100%}.perfil-button{background:var(--color-boton, #4e73df);color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:10px;cursor:pointer;transition:background .3s ease}.perfil-button:hover{background:#3c5ccf}.perfil-loading{text-align:center;padding:2rem;color:#555}@media (max-width: 768px){.perfil-card{flex-direction:column;padding:1rem}.perfil-info{align-items:center}.perfil-input,.perfil-button,.perfil-input-file{width:100%;text-align:center}}.footer{bottom:0;width:100%;background-color:transparent;padding:20px 0;text-align:center;font-size:14px;color:#ecf0f1;z-index:10}.footer-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.footer-link{color:#202020;text-decoration:none;font-weight:700}.footer-link:hover{color:#202020;transform:scale(1.05)}@font-face{font-family:Linux Biolinum Capitals;src:url(/assets/LinBiolinum_R-CLzzLogJ.ttf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Qwerty Ability;src:url("./fonts/Qwerty Ability - Personal Use.otf") format("truetype")}body{font-family:Qwerty Ability,sans-serif}*{margin:0;padding:0;font-family:Linux Biolinum Capitals,sans-serif}html,body,#root{margin:0;padding:0;min-height:100vh;width:100vw;overflow-x:hidden;--titulo-color: #1b1c3f;--border-input: 1.5px solid #e66938;--font: "Linux Biolinum Capitals", sans-serif;--color-letras: black;--color-letras-boton: white;--color-boton: #e66938;color:#000;background:-webkit-linear-gradient(180deg,#ededed65,#fee0c4,#c7441049);background:linear-gradient(180deg,#ededed65,#fee0c4,#c7441049)}html input::placeholder,body input::placeholder,#root input::placeholder{color:#0000007e}@media (max-width: 1000px){html,body,#root{padding-bottom:20px}}