*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#ffc801}.contenedor-principal{padding:120px 15px 60px;display:flex;flex-direction:column;align-items:center;min-height:100vh}.header{position:fixed;top:0;left:0;width:100%;background-color:#ffc801;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;box-shadow:0 2px 5px #0000001a;z-index:1000}.header-logo img{height:80px}.header-nav{display:flex;gap:20px}.header-nav a{color:#000;text-decoration:none;font-weight:700;font-size:1rem}.header-nav a:hover{color:#007bff}.footer{position:fixed;bottom:0;left:0;width:100%;background-color:#007bff;color:#fff;text-align:center;padding:10px 0;z-index:1000}.footer p{font-size:.9rem}.footer a{color:#fff;text-decoration:underline}.footer a:hover{color:#ffc801}.titulo-principal{font-size:2.5rem;font-weight:700;text-align:center;margin:0;flex:1}.cards-turnos{width:100%;max-width:600px;height:auto;position:relative;margin-bottom:15px;min-height:450px}.card-turno{background-color:#fff;border-radius:15px;padding:20px;box-shadow:0 8px 16px #0000001a;width:100%;display:flex;flex-direction:column;align-items:center;transition:opacity .3s ease-in-out}.card-active{opacity:1}.card-hidden{opacity:0;pointer-events:none}.carousel-controls{display:flex;justify-content:space-between;width:100%;max-width:600px;margin-top:15px}.carousel-control{background-color:#007bff;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;cursor:pointer;box-shadow:0 2px 5px #0003;transition:background-color .3s;z-index:100}.carousel-control:hover{background-color:#0056b3}.carousel-indicator{display:flex;justify-content:center;gap:8px;margin-top:15px}.carousel-dot{width:10px;height:10px;border-radius:50%;background-color:#ccc;cursor:pointer;transition:background-color .3s,transform .2s}.carousel-dot.active{background-color:#007bff;transform:scale(1.2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.turno-datos-header{display:flex;justify-content:space-between;align-items:center;width:100%;font-weight:700;margin-bottom:10px}.turno-datos-header span{flex:1;text-align:center;font-size:1rem}.turno-datos-valores{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:15px}.turno-datos-valores span,.turno-datos-valores button{flex:1;text-align:center;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.turno-datos-valores span:nth-child(2){font-size:1.2rem;font-weight:700}.btn-link{background:none;border:none;color:#007bff;cursor:pointer;text-decoration:underline;font-size:inherit;font-family:inherit;text-align:center;display:inline;width:100%;padding:0}.turno-acciones{display:flex;flex-direction:column;gap:10px;width:100%;min-height:150px}.btn-accion,.btn-cancelar{font-weight:700;font-size:1.1rem;padding:12px;border:none;border-radius:10px;cursor:pointer;color:#fff;width:100%;text-align:center}.btn-accion{background-color:#007bff}.btn-accion:hover{background-color:#0056b3}.btn-cancelar{background-color:#dc3545}.btn-cancelar:hover{background-color:#b02a37}.sin-turnos{text-align:center;font-size:1.1rem;color:#333;padding:30px;width:100%}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in-out;overflow:hidden}.popup-base{background:#fff;width:90%;max-width:600px;max-height:80vh;border-top:10px solid #FFC107;border-bottom:10px solid #FFC107;border-left:10px solid #007BFF;border-right:10px solid #007BFF;border-radius:15px;padding:20px;box-shadow:0 8px 20px #0003;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;animation:slideIn .3s ease-in-out;overflow-y:auto}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.popup-mensajes,.popup-notas,.popup-calificaciones,.popup-ticket,.popup-videollamada,.popup-encuesta,.popup-mapa{width:100%;height:auto}.popup-base h2{font-size:1.8rem;color:#007bff;margin-bottom:20px}.popup-base h2 strong{color:#007bff}.popup-base p{font-size:1rem;color:#333;margin:15px 0}.popup-base input,.popup-base textarea{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:5px;font-size:1rem}.popup-notas .notas-textarea{flex:1;width:100%;height:100%;min-height:150px;resize:vertical;margin-bottom:15px;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:1rem}.popup-calificaciones canvas{width:100%!important;height:350px!important;margin:10px 0}.popup-base .error-mensaje{font-size:1rem;color:#dc3545;margin:20px 0}.popup-mensajes .mensajes-lista{flex:1;width:100%;max-height:300px;overflow-y:auto;border:1px solid #ccc;border-radius:5px;padding:10px;margin-bottom:15px;background-color:#fff}.popup-mensajes .mensaje{margin-bottom:10px}.popup-mensajes .mensaje.cliente{text-align:left}.popup-mensajes .mensaje.comercio{text-align:right}.popup-mensajes .mensaje.sistema{text-align:center}.popup-mensajes .mensaje-texto{display:inline-block;padding:8px 12px;border-radius:15px}.popup-mensajes .mensaje.cliente .mensaje-texto{background:#eee;color:#000}.popup-mensajes .mensaje.comercio .mensaje-texto{background:#007bff;color:#fff}.popup-mensajes .mensaje.sistema .mensaje-texto{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.popup-mensajes .mensaje-fecha{font-size:10px;color:#999;margin-top:3px}.popup-ticket{display:flex;flex-direction:column;align-items:center;text-align:center;padding:25px 15px}.popup-ticket .ticket-comercio{color:#007bff;font-size:2rem;font-weight:700;margin-bottom:20px}.popup-ticket .ticket-numero{font-size:9rem;font-weight:900;line-height:1;margin-bottom:15px}.popup-ticket .ticket-movil{font-size:1.5rem;padding:5px 15px;background-color:#f0f0f0;border-radius:5px;border:1px solid #ddd;margin-bottom:15px}.popup-ticket .ticket-estado{font-size:1.5rem;font-weight:700;padding:8px 20px;background-color:#f0f0f0;border-radius:5px;border:1px solid #ddd;margin-bottom:15px}.popup-ticket .ticket-fecha{font-size:1.2rem;color:#666;margin-bottom:25px}.popup-ticket .ticket-cerrar{background-color:#dc3545;color:#fff;font-weight:700;font-size:1.1rem;padding:10px 25px;border:none;border-radius:30px;cursor:pointer;transition:background-color .3s}.popup-ticket .ticket-cerrar:hover{background-color:#c82333}.popup-mapa iframe{width:100%;height:350px;margin:15px 0}.popup-mapa .texto-mapa{font-size:1rem;margin:15px 0}.popup-mapa .texto-mapa a{color:#007bff;text-decoration:none}.popup-mapa .texto-mapa a:hover{text-decoration:underline}.popup-base .botones{display:flex;gap:10px;width:100%;justify-content:center}.popup-base .popup-close,.popup-base .btn-accion,.popup-base .btn-cancelar,.popup-base .btn-enviar,.popup-base .btn-guardar{font-weight:700;font-size:1.1rem;padding:12px;border:none;border-radius:10px;cursor:pointer;color:#fff;width:100%;max-width:150px;text-align:center}.popup-base .btn-accion,.popup-base .btn-enviar,.popup-base .btn-guardar{background-color:#28a745}.popup-base .btn-accion:hover,.popup-base .btn-enviar:hover,.popup-base .btn-guardar:hover{background-color:#218838}.popup-base .btn-cancelar,.popup-base .popup-close{background-color:#dc3545}.popup-base .btn-cancelar:hover,.popup-base .popup-close:hover{background-color:#b02a37}@media (max-width: 600px){.contenedor-principal{padding:100px 15px 50px}.header{padding:10px}.header-logo img{height:60px}.header-nav{gap:10px}.header-nav a{font-size:.9rem}.footer p{font-size:.8rem}.titulo-principal{font-size:1.8rem;margin:0}.cards-turnos{min-height:380px}.card-turno{padding:15px}.turno-acciones{min-height:120px}.btn-accion,.btn-cancelar{font-size:.9rem;padding:10px}.carousel-control{width:35px;height:35px;font-size:1.2rem}.carousel-indicator{margin-top:10px}.carousel-dot{width:8px;height:8px}.popup-base{width:95%;max-height:80vh;padding:15px;overflow-y:auto}.popup-base h2{font-size:1.5rem}.popup-base p{font-size:.9rem}.popup-base .popup-close,.popup-base .btn-accion,.popup-base .btn-cancelar,.popup-base .btn-enviar,.popup-base .btn-guardar{font-size:.9rem;padding:10px;max-width:120px}.popup-calificaciones canvas{height:250px!important}.popup-notas .notas-textarea{min-height:100px}.popup-ticket .ticket-comercio{font-size:1.5rem}.popup-ticket .ticket-numero{font-size:5rem}.popup-ticket .ticket-movil,.popup-ticket .ticket-estado{font-size:1.2rem}.popup-ticket .ticket-fecha{font-size:1rem}.popup-ticket .ticket-cerrar{font-size:1rem;padding:8px 20px}.popup-mapa iframe{height:250px}.popup-mapa .texto-mapa{font-size:.9rem}.popup-mensajes .mensajes-lista{max-height:200px}.turno-datos-valores span:nth-child(2){font-size:1.1rem}}