:root{--color-verde:#28a745;--color-amarillo:#ffc107;--color-rojo:#dc3545;--color-gris:#6c757d;--color-azul-primary:#27398e;--color-azul-secondary:#222d5d;--color-verde-lime:#a7c630}body{margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative}body:after,body:before{background-image:url(/img/bg_dark.png);background-repeat:repeat;background-size:100% auto;content:"";height:100%;left:0;position:fixed;width:100%;z-index:-1}body:before{top:0;transform:scaleY(1)}body:after{top:0;transform:scaleY(-1)}.vh-80{height:77.5vh!important}.title-w-b{font-size:2.5rem;text-align:center}.title-w-b,.title2-w-b{color:#fff;font-family:Acumin Pro,sans-serif;font-weight:bolder}.title2-w-b{font-size:2rem}.title-g{color:var(--color-verde-lime);font-weight:bolder}.title-g,.title-w{font-family:Acumin Pro,sans-serif}.title-w{color:#fff}.floatingButton-RT{bottom:20px;position:fixed;right:20px;z-index:100}.btn-history{align-items:center;background:linear-gradient(to right,var(--color-azul-primary) 60%,var(--color-azul-secondary));border:1px solid #000;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;margin:0;padding:8px;transition:transform .3s;width:50px}.btn-history:hover{transform:scale(1.1)}.title-container{background:linear-gradient(to right,var(--color-azul-primary) 60%,var(--color-azul-secondary));border-radius:10px;display:flex;flex-wrap:wrap;justify-content:space-around}.contador-tipo{padding:10px;text-align:center}.tipo-count{color:#fff;font-family:Acumin Pro,sans-serif;font-size:1.25rem;font-weight:700;margin:0}.count-num{color:var(--color-verde-lime);font-size:1.5rem;font-weight:bolder}.tipos-scroll-container{margin:1rem 0;overflow-x:auto;overflow-y:hidden;padding:1rem 0;scrollbar-color:var(--color-azul-primary) hsla(0,0%,100%,.2);scrollbar-width:thin;width:100%}.tipos-scroll-container::-webkit-scrollbar{height:8px}.tipos-scroll-container::-webkit-scrollbar-track{background:hsla(0,0%,100%,.2);border-radius:10px}.tipos-scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(to right,var(--color-azul-primary),var(--color-azul-secondary));border-radius:10px}.tipos-tabs{display:flex;gap:1rem;min-width:-moz-max-content;min-width:max-content;padding:0 2rem}.tipo-tab{align-items:center;background:#fff;border:3px solid;border-radius:10px;color:var(--color-azul-secondary);cursor:pointer;display:flex;font-family:Acumin Pro,sans-serif;font-size:1rem;font-weight:700;gap:10px;padding:10px 20px;position:relative;transition:all .3s;white-space:nowrap}.tipo-tab i{font-size:1.5rem}.tipo-tab:hover{box-shadow:0 5px 15px rgba(0,0,0,.3);transform:scale(1.05)}.tipo-tab.active{background:linear-gradient(to right,var(--color-azul-primary) 60%,var(--color-azul-secondary));color:#fff;transform:scale(1.1)}.notification-bubble{align-items:center;animation:pulse 1.5s infinite;background:var(--color-rojo);border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:25px;justify-content:center;position:absolute;right:-8px;top:-8px;width:25px}.notification-bubble.hidden{display:none}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.turnos-container{height:calc(100vh - 275px);overflow:hidden;padding:1rem 2rem}.turno-list-wrapper{display:flex;flex-direction:column;height:100%}.turno-list-header{border-radius:10px 10px 0 0;color:#fff;font-family:Acumin Pro,sans-serif;font-weight:700;padding:15px;text-align:center}.turno-list-header h3{font-size:1.75rem;margin:0}.turno-list{flex:1;max-height:calc(100% - 150px);overflow-x:hidden;overflow-y:auto;padding:1rem}.turno-list::-webkit-scrollbar{width:10px}.turno-list::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:10px}.turno-list::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--color-azul-primary),var(--color-azul-secondary));border-radius:10px}.turno-item{align-items:center;background:#fff;border-radius:10px!important;display:flex;justify-content:space-between;margin:.5rem 0;min-height:70px;padding:15px;transition:all .3s}.turno-item:hover{box-shadow:0 5px 15px rgba(0,0,0,.2);transform:translateX(5px)}.turno-info{align-items:center;display:flex;flex:1;gap:15px}.turno-semaforo{border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.3);flex-shrink:0;height:30px;transition:all .3s;width:30px}.turno-semaforo.disponible{background:var(--color-verde);box-shadow:0 0 15px var(--color-verde)}.turno-semaforo.en-servicio{animation:blink 1.5s infinite;background:var(--color-amarillo);box-shadow:0 0 15px var(--color-amarillo)}.turno-semaforo.culminado{background:var(--color-rojo);box-shadow:0 0 15px var(--color-rojo)}.turno-semaforo.sin-asistencia{background:var(--color-gris);box-shadow:0 0 15px var(--color-gris)}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.turno-details{display:flex;flex:1;flex-direction:row;gap:1em;min-width:0}.turno-code{color:var(--color-azul-secondary);font-family:Acumin Pro,sans-serif;font-size:1.5rem;font-weight:700;line-height:3rem;margin:0}.turno-name{color:#555;font-size:1rem;line-height:3rem}.turno-estado,.turno-name{font-family:Acumin Pro,sans-serif;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turno-estado{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000;-webkit-text-fill-color:#ffd600;color:#ffd600;font-size:2rem;font-weight:bolder;line-height:inherit}.turno-date{color:#777;font-family:Acumin Pro,sans-serif;font-size:.875rem;line-height:3rem}.turno-actions{align-items:center;display:flex;gap:10px}.btn-anim{background:none;border:none;cursor:pointer;margin:0;padding:0;transition:transform .2s}.btn-anim:hover{transform:scale(1.1)}.btn-anim:active{transform:scale(.9)}.btn-anim img{height:50px;width:auto}.button-container{display:flex;justify-content:center;padding:1rem}.btn-llamar-tipo{background:linear-gradient(to right,var(--color-azul-primary) 60%,var(--color-azul-secondary));border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Acumin Pro,sans-serif;font-size:1.25rem;font-weight:700;padding:12px 30px;transition:all .3s}.btn-llamar-tipo:hover{box-shadow:0 5px 15px rgba(0,0,0,.3);transform:scale(1.05)}#paciente-datos{padding:0 2rem}.my-header{display:flex;flex-direction:row;gap:1rem;padding:1rem}.turno-container{background:none;border-radius:10px;gap:5px;padding:1rem}#detalle-turno{background:linear-gradient(to right,var(--color-azul-primary) 60%,var(--color-azul-secondary));border-radius:10px;min-width:200px;padding:15px;position:relative}#detalle-turno,.vip-badge{align-items:center;color:#fff;display:flex;justify-content:center}.vip-badge{animation:rotate 3s linear infinite;background:linear-gradient(135deg,gold,orange);border-radius:50%;box-shadow:0 4px 12px rgba(255,215,0,.6);font-size:1.5rem;height:40px;position:absolute;right:-10px;top:-10px;width:40px}.vip-badge.hidden{display:none}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.datos-db{background:linear-gradient(to right,var(--color-azul-primary) 60%,var(--color-azul-secondary));border-radius:10px;color:#fff;flex:1;margin-bottom:1rem;min-width:250px;padding:20px}.datos-db .row{margin:5px 0}.services-container{display:flex;gap:2rem;padding:0 2rem 1rem}.data-container,.servicios{display:flex;flex:1;flex-direction:column}.servicios{align-items:center;gap:1rem}.input{background:#fff;border:2px solid transparent;border-radius:5px;color:var(--color-azul-secondary)!important;font-family:Acumin Pro,sans-serif;font-size:1.25rem;font-weight:700;padding:8px 12px;transition:all .3s;width:100%}.input:focus{border-color:var(--color-verde-lime);outline:none}.input.is-valid{border-color:var(--color-verde)}.input.is-invalid{background:#ffe6e6;border-color:var(--color-rojo)}input[type=email][disabled],input[type=text][disabled]{background:#b0b0b0;cursor:not-allowed}.icon-switch{color:#fff;cursor:pointer;transition:all .3s}.icon-switch:hover{transform:scale(1.1)}.icon-switch.icon-green{color:var(--color-verde)}.options_container{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:800px;width:100%}.option_item{display:block;position:relative}.option_item .checkbox{cursor:pointer;opacity:0;position:absolute}.option_inner{align-items:center;background:#e0e0e0;border:3px solid transparent;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:15px;position:relative;transition:all .3s}.option_inner:hover{transform:scale(1.05)}.option_item .checkbox:checked~.option_inner{background:#fff;border-color:var(--color-verde-lime)}.option_inner .box-icon{-webkit-text-fill-color:transparent;background:linear-gradient(to right,var(--color-azul-primary),var(--color-azul-secondary));-webkit-background-clip:text;font-size:1.5rem;margin:0}.option_inner .name{color:var(--color-azul-secondary);flex:1;font-family:Acumin Pro,sans-serif;font-weight:700}.option_inner .tickmark{border-color:var(--color-verde-lime) transparent transparent transparent;border-style:solid;border-width:35px 35px 0 0;display:none;height:0;left:0;position:absolute;top:0;width:0}.option_inner .tickmark:before{color:#fff;content:"✓";font-size:14px;font-weight:700;left:5px;position:absolute;top:-32px}.option_item .checkbox:checked~.option_inner .tickmark{display:block}.btn-gradient-blue{background:linear-gradient(to right,var(--color-azul-primary) 60%,var(--color-azul-secondary));border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Acumin Pro,sans-serif;font-size:1.25rem;font-weight:700;padding:12px 30px;transition:all .3s}.btn-gradient-blue:hover{box-shadow:0 5px 15px rgba(0,0,0,.3);transform:scale(1.05)}.btn-white{align-items:center;background:#fff;border:none;border-radius:5px;color:var(--color-azul-primary);cursor:pointer;display:flex;height:50px;justify-content:center;padding:8px;transition:all .3s;width:50px}.btn-white:hover{transform:scale(1.05)}.btn-white img{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}@media (max-width:1200px){.title-w-b{font-size:2rem}.turno-code{font-size:1.25rem}.turno-name{font-size:.9rem}}@media (max-width:992px){.title-container{flex-direction:column}.turnos-container{height:auto;min-height:60vh}.services-container{flex-direction:column}.datos-db{width:100%!important}}@media (max-width:768px){.title-w-b{font-size:1.5rem}.tipos-tabs{padding:0 1rem}.tipo-tab{font-size:.9rem;padding:8px 15px}.tipo-tab i{font-size:1.25rem}.turno-code{font-size:1rem}.turno-name{font-size:.85rem}.btn-anim img{height:35px}.options_container{grid-template-columns:1fr}}@media (max-width:576px){.floatingButton-RT{right:10px;top:10px}.btn-history{font-size:1.25rem;height:40px;width:40px}.turno-item{min-height:60px;padding:10px}.turno-semaforo{height:20px;width:20px}.turno-code{font-size:.9rem}.turno-name{font-size:.75rem}.btn-anim img{height:30px}#paciente-datos{padding:0 1rem}}.swal2-popup{border-radius:15px;font-family:Acumin Pro,sans-serif}.swal2-title{color:#fff;font-weight:700}.invisible-bt{height:0!important;margin:0!important;opacity:0;padding:0!important;pointer-events:none}.hidden{display:none!important}.box-container{display:grid;gap:2rem;grid-auto-rows:auto;grid-template-columns:repeat(auto-fit,225px);justify-content:center;padding:2rem}.box{transition:transform .3s,box-shadow .3s}.box,.box-noanim{background:linear-gradient(90deg,#27398e 60%,#222d5d);border:none;border-radius:20px;color:#fff;display:flex;flex-direction:column;padding:20px}.box:hover{transform:scale(1.05)}.box:active,.box:hover{box-shadow:0 0 15px rgba(0,0,0,.7)}.box:active{border:none;transform:scale(.9)}.box-inner{align-items:center;background:#fff;border-radius:10px;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0;padding:0;width:100%}.box-title{background:#fff;-webkit-background-clip:text;font-size:2rem;width:100%}.box-number,.box-title{-webkit-text-fill-color:transparent;font-family:Acumin Pro,sans-serif;font-weight:700;text-align:center}.box-number{background:linear-gradient(90deg,#27398e 60%,#222d5d);-webkit-background-clip:text;filter:drop-shadow(.5rem .25rem .2rem rgba(0,0,0,.75));font-size:15rem;margin:0;max-height:15rem;padding:0}.box-icon{font-size:3rem}.box-icon,.box-icon-big{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#27398e 60%,#222d5d);-webkit-background-clip:text;filter:drop-shadow(.25rem .25rem .2rem rgba(0,0,0,.75));font-family:Acumin Pro,sans-serif;font-weight:700;margin:0;padding:0;text-align:center}.box-icon-big{align-items:center;display:flex;font-size:7rem;justify-content:center;max-height:15rem;min-height:2em}.box-large-container{display:grid;gap:2rem 3rem;grid-auto-rows:auto;grid-template-columns:repeat(3,minmax(225px,1fr));justify-content:center;padding:2rem}.box-large{align-content:center;background:linear-gradient(90deg,#27398e 60%,#222d5d);border:none;border-radius:10px;color:#fff;display:flex;flex-direction:row;justify-content:center;padding:10px;transition:transform .3s,box-shadow .3s}.box-large:hover{box-shadow:0 0 15px rgba(0,0,0,.7);transform:scale(1.05)}.box-large:active{border:none;box-shadow:0 0 15px rgba(0,0,0,.7);transform:scale(.9)}.box-large-inner{align-items:center;background:#fff;border-radius:5px;color:#fff;display:flex;flex-direction:column;justify-content:center;margin:0;min-height:75px;min-width:75px;padding:0}.box-large-title{-webkit-text-fill-color:transparent;background:#fff;-webkit-background-clip:text;font-family:Acumin Pro,sans-serif;font-size:2rem;font-weight:700;margin:auto;max-height:2.5rem;text-align:center;width:100%}.box-large-title p{margin:auto;padding:0}